.essencial-whatsapp-lead-modal {
width: 100vw;
height: 100vh;
position: fixed;
inset: 0;
z-index: 999999;
background: rgba(0, 0, 0, .72);
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
.essencial-whatsapp-lead-modal.is-open {
display: flex;
}
.essencial-whatsapp-lead-box {
width: 100%;
max-width: 520px;
background: #fff;
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 24px 80px rgba(0,0,0,.28);
position: relative;
box-sizing: border-box;
}
.essencial-whatsapp-lead-close {
position: absolute;
top: -18px;
right: -18px;
width: 42px;
height: 42px;
border-radius: 999px;
border: 0;
cursor: pointer;
background: #0a0b0a;
color: #fff;
font-size: 1.25rem;
line-height: 1;
}
.essencial-whatsapp-lead-title {
margin: 0 0 .5rem 0;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
color: #0a0b0a;
}
.essencial-whatsapp-lead-text,
.essencial-whatsapp-lead-unit {
margin: 0 0 1rem 0;
color: #4b5563;
font-size: .95rem;
line-height: 1.45;
}
.essencial-whatsapp-lead-field {
margin-bottom: .875rem;
}
.essencial-whatsapp-lead-field label {
display: block;
margin-bottom: .35rem;
font-size: .875rem;
font-weight: 600;
color: #0a0b0a;
}
.essencial-whatsapp-lead-field input {
width: 100%;
min-height: 46px;
border: 1px solid #d1d5db;
border-radius: .5rem;
padding: .65rem .8rem;
font-size: 1rem;
box-sizing: border-box;
color: #333333;
}
.essencial-whatsapp-lead-field input:focus {
outline: 2px solid rgba(0, 0, 0, .12);
border-color: #0a0b0a;
}
.essencial-whatsapp-lead-help {
font-weight: 400;
color: #6b7280;
font-size: .75rem;
}
.essencial-whatsapp-lead-honeypot {
position: absolute !important;
left: -99999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.essencial-whatsapp-lead-error {
display: none;
margin: .5rem 0 1rem 0;
color: #b91c1c;
font-size: .875rem;
line-height: 1.35;
}
.essencial-whatsapp-lead-error.is-visible {
display: block;
}
.essencial-whatsapp-lead-actions {
display: flex;
gap: .75rem;
justify-content: flex-end;
align-items: center;
margin-top: 1.25rem;
}
.essencial-whatsapp-lead-submit,
.essencial-whatsapp-lead-cancel {
border: 0;
border-radius: .5rem;
min-height: 44px;
padding: .75rem 1rem;
cursor: pointer;
font-weight: 700;
}
.essencial-whatsapp-lead-submit {
background: #0a0b0a;
color: #fff;
}
.essencial-whatsapp-lead-submit[disabled] {
opacity: .65;
cursor: wait;
}
.essencial-whatsapp-lead-cancel {
background: #f3f4f6;
color: #0a0b0a;
}
@media (max-width: 640px) {
.essencial-whatsapp-lead-box {
padding: 1.5rem;
}
.essencial-whatsapp-lead-actions {
flex-direction: column-reverse;
align-items: stretch;
}
.essencial-whatsapp-lead-submit,
.essencial-whatsapp-lead-cancel {
width: 100%;
}
}