/* Página Contacto: reutiliza contacto.css del home; solo ajustes propios de la página completa. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===== Hero (fondo gris + ilustración) ===== */
.chero{background:#f0f0f0;color:#000;padding:0 var(--pad-x);overflow:hidden}
.chero__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(16px,3vw,48px);min-height:650px}
.chero__txt{padding:clamp(32px,4vw,56px) 0}
.chero__title{margin:0 0 clamp(14px,1.6vw,22px);font-size:clamp(32px,3.8vw,50px);font-weight:700;line-height:1.05;letter-spacing:-.035em}
.chero__sub{margin:0 0 clamp(22px,2.4vw,32px);font-size:clamp(14px,1.05vw,16px);font-weight:500;line-height:1.5}
.chero__btn{display:inline-block;padding:15px 21px;background:rgba(224,36,30,.18);color:#de241e;border:1px solid rgba(224,36,30,.3);border-radius:10px;font-weight:700;font-size:16px;line-height:1;transition:background .2s,color .2s}
.chero__btn:hover{background:#de241e;color:#fff}
.chero__claim{margin:clamp(28px,3.4vw,48px) 0 clamp(22px,3vw,40px);font-size:clamp(34px,4.6vw,64px);font-weight:600;font-style:italic;line-height:1.2;letter-spacing:-.02em}
.chero__claim em{color:#de241e;font-style:italic}
.chero__p{margin:0;font-size:clamp(14px,1.05vw,16px);font-weight:500;line-height:1.5}
.chero__img{display:block;width:100%;max-width:560px;height:auto;justify-self:center;align-self:end}

/* ===== Banda roja ===== */
.contact--page .contact__in{width:100%}
.contact--page .contact__title{max-width:520px}
.contact--page .contact__list{margin-top:clamp(40px,6vw,96px);gap:4px}
.contact--page .contact__item{padding:8px 0}

@media(max-width:860px){
  .chero__in{grid-template-columns:1fr;text-align:center;min-height:0;gap:0}
  .chero__txt{padding-bottom:8px}
  .chero__img{max-width:360px;align-self:center;margin-bottom:-4px}
  .contact--page .contact__title{max-width:none}
  .contact--page .contact__list{margin-top:28px}
}
@media(max-width:1024px){.contact--page .contact__card{width:100%;max-width:680px;box-sizing:border-box}}

/* Encabezados agregados según el copy de Contacto */
.chero__h2{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.contact__h3{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.contact__form-title{margin:0 0 18px;font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#000}
.contact--page .contact__h3{margin-top:clamp(40px,6vw,96px)}
.contact--page .contact__h3 + .contact__list{margin-top:0}
@media(max-width:860px){.contact--page .contact__h3{margin-top:28px}}