/* Ajustes de lectura y ancho para los componentes existentes de DUPIN. */
body .sv-hero{grid-template-columns:minmax(0,1fr)}
body .sv-tit{overflow-wrap:anywhere;hyphens:manual}
@media (max-width:399px){
  body .sv-tit--longword{font-size:clamp(29px,calc(10.5vw - 5px),38px)}
}

/* Los títulos largos se ajustan a su columna antes de partir una palabra. */
@supports (font-size:1cqw){
  body .sv-hero{container-type:inline-size}
  body .sv-tit--longword{font-size:clamp(29px,min(5.2vw,9.5svh,10.4cqw),80px)}
}

/* Conservar todos los controles, incluso con barra de desplazamiento a 320 px. */
@media (max-width:359px){
  body .hdr{gap:6px}
  body .hdr-r{gap:4px}
  body .brand{gap:6px}
  body .cta{padding-inline:8px}
}