/* Página independiente de contacto: conserva la paleta de ZOHAN ESTIBA. */
.contact-page { padding: 72px 0 64px; background: linear-gradient(180deg, #f4f7f7 0%, #fff 100%); }
.contact-hero { max-width: 900px; text-align: center; padding-bottom: 38px; }
.contact-kicker { display:inline-block; color: var(--teal); font-weight:800; font-size:.78rem; letter-spacing:.16em; }
.contact-hero h1 { color:var(--navy-deep); font-size:clamp(2.2rem,5vw,4rem); line-height:1.08; margin:14px 0 18px; letter-spacing:-.04em; }
.contact-hero p { max-width:700px; margin:0 auto; color:var(--muted); font-size:1.08rem; }
.contact-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.contact-option { display:flex; flex-direction:column; align-items:flex-start; padding:30px; min-height:290px; background:#fff; border:1px solid #e1e9e9; border-radius:18px; box-shadow:var(--shadow); transition:transform .2s ease,border-color .2s ease; }
.contact-option:hover { transform:translateY(-4px); border-color:var(--teal); }
.option-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#e8f8f5; color:var(--navy); font-size:1.55rem; font-weight:700; }
.option-label { margin-top:22px; color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.contact-option h2 { margin:8px 0 10px; font-size:1.2rem; color:var(--navy-deep); overflow-wrap:anywhere; }
.contact-option p { margin:0 0 24px; color:var(--muted); }
.contact-option strong { margin-top:auto; color:var(--blue); }
.contact-note { display:flex; align-items:center; gap:20px; margin-top:52px; padding-top:30px; border-top:1px solid #dce5e5; }
.note-line { width:5px; align-self:stretch; min-height:55px; border-radius:8px; background:linear-gradient(180deg,var(--blue),var(--teal),#c7a65a); }
.contact-note h2 { margin:0 0 5px; color:var(--navy-deep); }
.contact-note p { margin:0; color:var(--muted); }
.contact-note .button { margin-left:auto; white-space:nowrap; }
.contact-footer { padding:20px 0; }
@media(max-width:850px) { .contact-options { grid-template-columns:1fr; } .contact-option { min-height:0; } .contact-note { align-items:flex-start; flex-wrap:wrap; } .contact-note .button { margin-left:25px; } }