/* =====================================================================
   POPUP DE CONTATO (#modalContato) - mesmo tema do "Mudar avatar",
   Senha, Dados e Conta. Só visual: HTML, ids e JS continuam iguais.
   ===================================================================== */
#modalContato{
    max-width:482px;background:#151d2b;color:#fff;
    padding:24px;border-radius:12px;
    box-shadow:0 8px 30px rgba(0,0,0,.6);
    font-family:'Montserrat',Arial,sans-serif;font-weight:600;
}
#modalContato .close-modal{color:#6f9bff;font-size:22px;top:20px;right:22px}
#modalContato .close-modal:hover{color:#fff}
#modalContato .modal-content h2{
    text-align:left;color:#fff;font-size:22px;font-weight:700;margin:0 0 22px;
}

#modalContato .form-row{margin-bottom:14px;gap:0}
#modalContato .input-icon{margin-bottom:0}
#modalContato .input-icon i{color:#8d98ad;left:16px}
#modalContato .input-icon input,
#modalContato .input-icon textarea{
    background:transparent;border:2px solid #3a4558;border-radius:10px;
    color:#fff;font-family:inherit;font-size:15px;font-weight:600;
    padding-left:46px;transition:border-color .15s;
}
#modalContato .input-icon input{height:52px}
#modalContato .input-icon textarea{
    height:110px!important;               /* sobrescreve o height:60px inline */
    padding-top:15px;padding-right:14px;line-height:1.4;resize:none;display:block;
}
#modalContato .input-icon:has(textarea) i{top:25px;transform:none}
#modalContato .input-icon input:focus,
#modalContato .input-icon textarea:focus{border-color:#6a55f5}
#modalContato .input-icon input::placeholder,
#modalContato .input-icon textarea::placeholder{font-family:inherit;color:#8d98ad;font-weight:500}
#modalContato input:-webkit-autofill{
    -webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #151d2b inset;caret-color:#fff;
}

#modalContato .submit-button,
#modalContato input.submit-button.contato{
    width:100%;margin-top:8px;padding:16px;background:#1fc653;color:#fff;border:0;
    border-radius:6px;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;
}
#modalContato .submit-button:hover{filter:brightness(1.1)}
#modalContato .submit-button:disabled{opacity:.6;cursor:default}

@media (max-width:480px){#modalContato{padding:20px 16px}}