/* ==========================================================================
   Popup de venda da LP (formulário) — CSS próprio do tema.
   Portado do popup Elementor 488018 (jhonizini.com.br) para HTML/CSS limpos,
   usando os MESMOS tokens de design da LP (--preto-2, --amarelo, --radius-panel).
   ========================================================================== */

#jz-popup-venda {
    display: none;
    background: var(--preto-2, #141414);
    border: 1px solid var(--linha, rgba(255, 255, 255, .1));
    border-radius: var(--radius-panel, 24px);
    padding: clamp(22px, 5vw, 34px);
    color: var(--branco, #fff);
    font-family: var(--font-body, system-ui, sans-serif);
    text-align: center;
}

.sale-modal-box #jz-popup-venda { display: block; }

#jz-popup-venda .jz-pop-title {
    font-family: var(--font-display, 'Montserrat', sans-serif);
    font-size: clamp(19px, 3.2vw, 25px);
    line-height: 1.2;
    font-weight: 800;
    margin: 0 0 10px;
    color: var(--branco, #fff);
}

#jz-popup-venda .jz-pop-sub {
    font-size: clamp(13px, 2.6vw, 15px);
    line-height: 1.5;
    color: var(--cinza, #B9B9B9);
    margin: 0 0 18px;
}

#jz-lead-form { text-align: left; }

#jz-lead-form .jz-field { margin-bottom: 12px; }

#jz-lead-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--cinza, #B9B9B9);
    margin-bottom: 5px;
}

#jz-lead-form input[type="text"],
#jz-lead-form input[type="tel"],
#jz-lead-form input[type="email"] {
    width: 100%;
    padding: 13px 14px;
    font-size: 16px; /* 16px evita o zoom automático no iOS */
    font-family: inherit;
    color: var(--branco, #fff);
    background: var(--preto-3, #1D1D1D);
    border: 1px solid var(--linha, rgba(255, 255, 255, .14));
    border-radius: var(--radius-card, 12px);
    outline: none;
    transition: border-color .2s var(--ease-out, ease);
}

#jz-lead-form input:focus { border-color: var(--amarelo, #FFC400); }

#jz-lead-form input[aria-invalid="true"] { border-color: var(--vermelho, #F20F0F); }

#jz-lead-form .jz-erro {
    display: none;
    color: var(--vermelho, #F20F0F);
    font-size: 13px;
    margin-top: 6px;
}

#jz-lead-form .jz-erro.visivel { display: block; }

#jz-lead-form .jz-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    opacity: 0;
}

#jz-lead-form button[type="submit"] {
    width: 100%;
    margin-top: 6px;
    cursor: pointer;
    border: none;
}

#jz-lead-form button[type="submit"][disabled] {
    opacity: .65;
    cursor: progress;
}

#jz-popup-venda .jz-pop-note {
    font-size: 12px;
    line-height: 1.5;
    color: var(--cinza-2, #8A8A8A);
    margin: 12px 0 0;
    text-align: center;
}

#jz-popup-venda .jz-pop-note + .jz-pop-note { margin-top: 4px; }

@media (max-width: 480px) {
    #jz-popup-venda { padding: 20px 16px; }
}