/* 5è aniversari (2026). Es carrega amb ANIVERSARI_5E (includes/head.php); els rosetons, només a la home. */

/* Logo nou al menú; a mòbil manté l'amplada de staycreative.css */
.bm-waves span{background-image: url('../../public/img/preloader-5e-aniversari.webp'); background-position: left center;}
@media (min-width: 960px){ .bm-waves span{width: 220px; height: 65px;} }

/* Pantalla de càrrega: el logo és apaïsat */
.preloader img{width: 320px; max-width: 70vw; height: auto;}

/* Rosetons (dev/js/rosetons-5e.js): capa fixa darrere el contingut */
body.home{position: relative; z-index: 0;}
#rosetons-5e{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; pointer-events: none;}