/* Adaptacion automatica a cualquier pantalla: el contenido crece en monitores grandes y se compacta en telefonos pequenos */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg{max-width:100%}
body{overflow-wrap:break-word}

/* pantallas grandes: se escala todo el contenido (no solo se estira el ancho) */
@media (min-width:1680px){.strip,header.top,main,footer,body>header,body>section,body>.cta{zoom:1.12}}
@media (min-width:1920px){.strip,header.top,main,footer,body>header,body>section,body>.cta{zoom:1.28}}
@media (min-width:2300px){.strip,header.top,main,footer,body>header,body>section,body>.cta{zoom:1.55}}
@media (min-width:2800px){.strip,header.top,main,footer,body>header,body>section,body>.cta{zoom:1.85}}
@media (min-width:3400px){.strip,header.top,main,footer,body>header,body>section,body>.cta{zoom:2.3}}

/* telefonos muy pequenos */
@media (max-width:360px){
  body{font-size:15px}
  .wrap{padding-left:14px!important;padding-right:14px!important}
  .stats{gap:8px!important}
  .stats b{font-size:clamp(20px,7vw,28px)!important}
  .stats span{font-size:11.5px!important}
  .btn,.gold,.primary,.ghost{padding-inline:16px}
}
/* la palabra suelta (coma, punto) no se separa del titular animado */
.w{white-space:nowrap}