.contact__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start}.contact__form-wrap{padding:var(--space-6)}.contact__form{display:flex;flex-direction:column;gap:var(--space-4)}.contact__form h2{font-size:1.5rem;text-align:center;margin-bottom:var(--space-2)}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact__submit{width:100%;padding-block:.95em}.contact__note{text-align:center;font-size:var(--text-xs);color:var(--ink-soft)}.contact__sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding-block:var(--space-5)}.contact__sent-icon{color:var(--olive-deep)}.contact__sent h2{font-size:1.6rem}.contact__sent p{max-width:44ch;color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6}.contact__details{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:var(--space-4)}.contact__details li{display:flex;align-items:flex-start;gap:var(--space-3)}.contact__detail-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--sand-strong);border-radius:var(--radius-sm);background:var(--cream-bright);color:var(--olive-deep)}.contact__detail-label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-text)}.contact__details p{margin-top:2px;font-size:var(--text-sm);line-height:1.5}@media(max-width:960px){.contact__grid{grid-template-columns:1fr}}@media(max-width:560px){.contact__row{grid-template-columns:1fr}.contact__form-wrap{padding:var(--space-5) var(--space-4)}}.contact__error{margin:0 0 var(--space-3);font-size:.92rem;color:var(--cherry, #a53d2c)}.contact__error a{color:var(--copper-text);font-weight:600}.contact__sincorreo{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-2) 0}.contact__sincorreo h2{margin:0}.contact__sincorreo p{margin:0;max-width:46ch}.contact__sincorreo-tel a{color:var(--copper-text);font-weight:600;text-decoration:none}.contact__sincorreo-tel a:hover{text-decoration:underline}
