.contacto-portada { position:relative; isolation:isolate; min-height:350px; display:grid; align-items:center; text-align:left; color:white; padding:90px 0 56px; }
.contacto-portada .section-shell { position:relative; }
.contacto-portada h1 { font:900 calc(clamp(1.7rem,3.2vw,2.75rem) * var(--escala-h1, 1))/1.16 var(--fuente-texto); margin:0 0 28px; max-width:490px; }
.contacto-solicitud { background:var(--color-crema); text-align:center; overflow:hidden; padding:65px 0 85px; }
.fondo-contacto { position:absolute; bottom:0; left:0; width:100%; height:auto; pointer-events:none; }
.contacto-solicitud .section-shell { position:relative; }
.contacto-solicitud h2 { font-size:calc(clamp(2rem,4.1vw,3.5rem) * var(--escala-h2, 1)); line-height:1.1; }
.contacto-correo { display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; max-width:100%; margin:32px auto 48px; border:1px solid var(--color-azul); border-radius:60px; padding:14px 34px; font-size:clamp(1rem,1.8vw,1.55rem); }
.contacto-correo img { flex-shrink:0; width:56px; height:56px; object-fit:contain; }
.contacto-correo span { min-width:0; overflow-wrap:anywhere; }
.contacto-correo strong { margin-right:5px; }
.contacto-correo:hover { background:white; }
.contacto-solicitud .contact-form { position:relative; max-width:600px; margin:auto; padding:38px 40px; text-align:left; box-shadow:0 0 30px #0005; }
.contacto-solicitud .contact-form input:not([type=checkbox]) { min-height:42px; }
.contacto-solicitud .contact-form button { width:100%; }
@media(max-width:40rem) {
  .contacto-portada .fondo-zona { object-position:center; }
  .contacto-portada { min-height:320px; padding:65px 0 45px; }
  .contacto-portada .button-rojo { height: 42px; }
  .contacto-portada .button-rojo a { display: inline-flex; align-items: end; height: 17.6px; }
  .contacto-solicitud { padding:55px 0 85px; }
  .contacto-correo { padding:12px 16px; gap:9px; margin:28px auto 36px; border-radius:22px; }
  .contacto-correo img { width:42px; height:42px; }
  .contacto-correo span { text-align:left; }
  .contacto-solicitud .contact-form { padding:28px 24px; box-shadow:0 0 22px #0003; }
}
@media(max-width:24rem) { .contacto-solicitud .contact-form { padding:25px 18px; } }

/* AJUSTE-12 / M2: con 320 px el icono y el correo necesitan menos separación. */
@media (max-width: 320px) {
  .contacto-correo { gap: 2px; padding-inline: 10px; }
}