.contact-section { background: white; }
.contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.contact-panel { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fbfcf8; }
.contact-panel__icon { display: grid; place-items: center; width: 55px; height: 55px; margin-bottom: 1.5rem; font-size: 1.6rem; border-radius: 1rem; background: var(--green-soft); color: var(--green); }
.contact-panel h2 { font-size: 2rem; }
.contact-panel p { margin-bottom: 1.5rem; }
.contact-panel__detail { margin-top: 1.5rem; font-size: .9rem; overflow-wrap: anywhere; }
.contact-panel__detail a { text-decoration: none; }
@media (max-width: 720px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-panel__detail{font-size:1rem}

/* Página Contacto: hero más contenido y legible, textos gestionados en el CMS. */
.page-hero{min-height:clamp(275px,25vw,370px)}
.page-hero__inner{padding-block:clamp(54px,5.5vw,78px)}
.page-hero h1{font-size:clamp(2.25rem,4vw,3.6rem);max-width:760px;margin:10px 0 12px}
.page-hero__inner>p:not(.page-hero__eyebrow){font-size:1.06rem;line-height:1.6;max-width:690px}
@media(max-width:720px){.page-hero{min-height:270px}.page-hero__inner{padding-block:49px 44px}.page-hero h1{font-size:clamp(2rem,7.6vw,2.7rem)}}