.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px;padding:36px 0 56px}
.contact-field{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--navy);font-size:15px;font-weight:700}
.contact-field small{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px;white-space:nowrap}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;min-width:0;min-height:50px;padding:11px 14px;border:1px solid #9aafc9;border-radius:10px;background:#fff;font:400 16px/1.65 Manrope,'Segoe UI',sans-serif;color:var(--text)}
.contact-field textarea{resize:vertical;min-height:170px}
.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-color:var(--navy)}
.contact-phone{margin:0;padding:0;border:0}
.contact-phone legend{padding:0;margin-bottom:10px;font-size:15px;line-height:1.75}
.contact-phone-inputs{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
.contact-area{display:flex;align-items:center;gap:8px}
.contact-area>span{font-size:16px;font-weight:400;color:var(--muted)}
.contact-wide{grid-column:1/-1}
.contact-submit .btn{min-width:132px;border:0;cursor:pointer}
.contact-submit .btn:disabled{opacity:.65;cursor:default}
#contacto-estado:empty{display:none}
#contacto-estado{font-size:15px;line-height:1.7;margin-top:18px;color:var(--text)}
@media(max-width:640px){.contact-form{grid-template-columns:1fr;gap:23px;padding-top:28px}.contact-wide{grid-column:1}.contact-phone-inputs{grid-template-columns:108px minmax(0,1fr)}}