/**
 * Estilos específicos para el navbar de Carnavalaria
 * Este archivo asegura que el navbar mantenga su apariencia consistente en toda la aplicación
 */

/* Navbar con fondo rosa */
.navbar {
    background-color: #e94d8a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    min-height: 60px !important;
    z-index: 1030 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Logo y marca */
.navbar-brand {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.navbar-brand img {
    height: 32px !important;
    width: auto !important;
}

/* Enlaces de navegación */
.navbar .nav-link {
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    position: relative !important;
}

.navbar .nav-link:hover {
    color: rgba(255,255,255,0.9) !important;
}

/* Efecto de subrayado en enlaces */
.navbar .nav-link::after {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 2px !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: #ffffff !important;
    transition: width 0.3s ease !important;
}

.navbar .nav-link:hover::after {
    width: 100% !important;
}

/* Botón de hamburguesa */
.navbar-toggler {
    border-color: #ffffff !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Ajustes responsive */
@media screen and (max-width: 768px) {
    .navbar {
        min-height: 56px !important;
    }
    
    .navbar-brand {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

/* Estilo específico para el badge de créditos de Invitado */
#guest-credits-badge {
    /* Opacidad de fondo Bootstrap */
    --bs-bg-opacity: 0.25 !important;
    /* Fondo gris corporativo con opacidad integrada (ignora .bg-*) */
    background-color: rgba(77,77,77,0.25) !important;
    /* Texto siempre blanco por contraste */
    color: #ffffff !important;
}