/* Año nuevo (START) */
/* Contenedor para "verano-lechero" y sus imágenes */
.verano-lechero-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px; /* Espaciado entre las imágenes y el texto */
    position: relative;
}

/* Imágenes de verano-lechero */
.verano-lechero-image {
    width: auto; /* Tamaño inicial para dispositivos pequeños */
    height: 20px;
}

/* Alineación específica para cada imagen */
.verano-lechero-left {
    margin-right: -10px; /* Espacio entre la imagen izquierda y el texto */
}

.verano-lechero-right {
    margin-left: -10px; /* Espacio entre la imagen derecha y el texto */
}
.nav-link.active-verano-lechero{
    background: #4e2178;
    border-radius: 25px; /* Esquinas redondeadas, opcional */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra, opcional */
    font-family: 'Pacifico', cursive; /* Fuente decorativa, puedes cambiarla */
    color: white; /* Blanco brillante para contraste */
    text-shadow: 
        2px 2px 5px rgba(0, 0, 0, 0.5), /* Sombra oscura para realce */
        -2px -2px 5px rgba(255, 255, 255, 0.6); /* Sombra clara para resplandor */
    text-align: center; /* Centra el texto */
    font-weight: bold;
    padding: 10px 20px; /* Espaciado interno */
    animation: shine 2s infinite;
} 

@keyframes shine {
    0% { text-shadow: 2px 2px 5px #aa87cb; }
    50% { text-shadow: 4px 4px 10px rgba(255, 255, 255, 0.8); }
    100% { text-shadow: 2px 2px 5px #aa87cb; }
}


@media (min-width: 992px) {
    .verano-lechero-container {
        width: 190px;
    }
    .navbar-brand{
        width: 13%;
    }
    .button-dibujo-header {
        font-size: 10px;
    }
}
@media (min-width: 1023px) {
    .verano-lechero-image {
        width: auto; /* Tamaño más grande para pantallas grandes */
        height: 25px;
    }
    .verano-lechero-container {
        width: 230px;
    }
}

/* Espaciado para pantallas grandes */
@media (min-width: 1200px) {
    .verano-lechero-container {
        gap: 12px;
    }
    .verano-lechero-container {
        width: 250px;
    }
}

/* Año nuevo (END) */