/* --- NIEVE NAVIDAD --- */

.snow-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

.snowflake {
    position: absolute;
    top: -30px;
    opacity: 0.8;
    pointer-events: none;
    animation: fall linear infinite;
}

@keyframes fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(110vh) rotate(360deg);
    opacity: 0.5;
  }
}

.logo-wrapper {
    position: relative;
    display: inline-block;
}

/* Gorro adaptable */
.gorro-navidad {
    position: absolute;
    
    /* tamaño relativo al logo, no a la pantalla */
    width: 100%;                  /* antes: px → ahora: proporcional */
    max-width: 100%;
    height: auto;

    /* posición */
    top: -30%;                   /* baja/sube según necesites */
    right: -30%;

    transform: rotate(15deg);
    pointer-events: none;
    z-index: 20;
}