/* ======================================
   MODAL DE CONTACTO — overrides visuales
   ======================================
   common.css define la apariencia BASE de .modal-box, .field,
   .submit-btn, etc. (compartida por cualquier modal del sitio).
   Este archivo sólo contiene las particularidades visuales propias
   del modal de contacto.
====================================== */

.contact-modal-overlay .modal-box{
    background:#0b1b36;
    max-width:508px;
    padding:40px 36px;
}

.contact-modal-overlay .modal-close{
    color:#ffffff;
}

.contact-modal-overlay h2{
    color:#ffffff;
    margin:0 0 12px;
}

.contact-modal-overlay .modal-box > p{
    color:#a8bcd6;
    margin:0 0 28px;
}

.contact-modal-overlay .form-row{
    display:block;
}

.contact-modal-overlay .field label{
    color:#a8bcd6;
    letter-spacing:.5px;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
    opacity:1;
}

.contact-modal-overlay .field input,
.contact-modal-overlay .field textarea{
    background:#0f2545;
    border:1px solid #1c3a63;
    border-radius:6px;
    color:#ffffff;
    padding:12px 14px;
}

.contact-modal-overlay .field textarea{
    min-height:120px;
}

.contact-modal-overlay #modal-name,
.contact-modal-overlay #modal-email,
.contact-modal-overlay #modal-message{
    border-color:#2196f3;
}

.contact-modal-overlay .field input:focus,
.contact-modal-overlay .field textarea:focus{
    border-color:#1c3a63;
    background:#0f2545;
}

.contact-modal-overlay #modal-name:focus,
.contact-modal-overlay #modal-email:focus,
.contact-modal-overlay #modal-message:focus{
    border-color:#2196f3;
}

.contact-modal-overlay .submit-btn{
    background:#1e6fd9;
    color:#ffffff;
    border-radius:6px;
    padding:14px;
    letter-spacing:.5px;
}