/* CSS generado dinámicamente con variables de entorno */

:root {
    --site-url: "https://zona.experienciahybe.com/";
}

/* Imagen de fondo responsive */
.bg-imghero {
    background-image: url('https://zona.experienciahybe.com//img/museum-hybe2.jpg');
    filter: blur(2px);
    transform: scale(1.1);
}

/* Imagen de fondo para móviles */
@media (max-width: 768px) {
    .bg-imghero {
        background-image: url('https://zona.experienciahybe.com//img/museum-hybe2-mobile.jpg');
        filter: blur(1px);
        transform: scale(1.05);
    }
}

/* Imagen de fondo para tablets */
@media (min-width: 769px) and (max-width: 1024px) {
    .bg-imghero {
        background-image: url('https://zona.experienciahybe.com//img/museum-hybe2-tablet.jpg');
        filter: blur(1.5px);
        transform: scale(1.08);
    }
}

@font-face {
    font-display: swap;
    font-family: HYBE;
    font-style: normal;
    font-weight: 700;
    src: url('https://zona.experienciahybe.com//fonts/HYBEBold.woff2') format("woff2"), 
         url('https://zona.experienciahybe.com//fonts/HYBEBold.woff') format("woff");
}

@font-face {
    font-display: swap;
    font-family: HYBE;
    font-style: normal;
    font-weight: 400;
    src: url('https://zona.experienciahybe.com//fonts/HYBERegular.woff2') format("woff2"), 
         url('https://zona.experienciahybe.com//fonts/HYBERegular.woff') format("woff");
}