.lt_popup-overlay {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1); }
.lt_popup {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.lt_popup-content {
background-color: rgb(255, 201, 153);
color: #333;
padding: 40px;
border-radius: 10px;
width: 90%;
max-width: 500px;
position: relative;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.lt_popup-content h2 {
font-size: 28px;
font-weight: bold;
margin-bottom: 15px;
}
.lt_popup-content .codigo {
display: block;
background-color: rgb(255, 220, 185);
border: 2px dashed rgb(255, 120, 0);
padding: 20px;
font-size: 28px;
font-weight: 600;
margin-top: 15px;
color: rgb(255, 120, 0);
border-radius: 15px;
letter-spacing: 4px;
cursor: pointer;
user-select: none;
}
.lt_popup-content small {
display: block;
margin-top: 10px;
font-size: 14px;
color: #444;
}
.lt_close-btn {
position: absolute;
right: 10px;
top: 10px;
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: #333;
}
.lt_popup-content .codigo:hover {
background-color: #fffff5;
}
.lt_copy-msg {
display: none;
font-size: 20px;
font-weight: bold;
color: green;
margin-top: 15px;
margin-bottom: 15px;
}
.codigo {
position: relative;
}
.tooltip {
visibility: hidden;
background-color: #000;
color: #fff;
text-align: center;
font-size: 12px;
padding: 5px 8px;
border-radius: 4px;
position: absolute;
bottom: 110%;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s;
z-index: 10;
}
.codigo:hover .tooltip {
visibility: visible;
opacity: 1;
}
.tooltip.show-tooltip {
visibility: visible;
opacity: 1;
}