/* Responsividad del catálogo — respeta el diseño original y lo hace escalar con la pantalla.
   Todo el sitio (Carrd) está construido con em/rem sobre el tamaño de fuente raíz.
   Al hacer ese tamaño fluido con clamp(), TODO (anchos, textos, espaciados) se adapta
   proporcionalmente: legible en pantallas pequeñas y en grandes, sin romper el diseño. */

html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        /* Escala fluida del tamaño base: mínimo 15px (móvil), máximo 34px (escritorio).
           El !important anula los saltos discretos de Carrd (19pt/14pt/12pt/11pt)
           para que la escala sea continua en cualquier ancho de pantalla. */
        font-size: clamp(15px, calc(6px + 3vw), 34px) !important;
}

/* Evita desbordes horizontales en cualquier dispositivo */
html, body {
        max-width: 100%;
        overflow-x: hidden;
}

img {
        max-width: 100%;
        height: auto;
}