:root {
    /* --- COLORES --- */
      --color-dark: #1a1a1a;
    --color-darker: #151515;
    --color-red: #ff0000;
    --color-white: #ffffff;
    --color-grey-light: #eeeeee;
    --color-text-socials: #666666;

    /* --- TRANSICIONES Y ANIMACIONES --- */
    /* La lógica del header original */
    --header-transition: opacity 0.4s ease 0.5s, visibility 0s 0.5s !important;
    --transition-standard: 0.3s;
    --menu-fade-in: 0.3s;
    --image-zoom: 6s;
    --image-entry-delay: 0.55s;
    /* --- MEDIDAS --- */
    --logo-max-width: 180px;
    /* Nueva: para el logo en el menú */
        --font-main: 'Montserrat', sans-serif;
    --transition: all 0.3s ease;
}