/* Importar una fuente más atractiva desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* Estilo base para toda la aplicación */
body {
    font-family: 'Poppins', sans-serif;
    /* Un tono de fondo base un poco más cálido para combinar con el fucsia */
    background-color: #fdf5f7; 
}

/* --- ESTILOS PARA LA PÁGINA DE LOGIN --- */
body.login-page {
    background-image: url('../img/background-login.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.login-logo {
    max-width: 280px; 
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* AJUSTE: Animación de brillo ahora en tonos dorados */
@keyframes sparkle-border {
    0% { box-shadow: 0 0 10px 0 rgba(212, 175, 55, 0), inset 0 0 10px 0 rgba(212, 175, 55, 0); }
    50% { box-shadow: 0 0 20px 5px rgba(212, 175, 55, 0.7), inset 0 0 20px 5px rgba(212, 175, 55, 0.7); }
    100% { box-shadow: 0 0 10px 0 rgba(212, 175, 55, 0), inset 0 0 10px 0 rgba(212, 175, 55, 0); }
}

.login-card {
    background-image: url('../img/Background-form-login.png');
    background-size: cover;
    background-position: center;
    /* AJUSTE: Borde dorado para hacer juego con la corona de PremiaYa */
    border: 4px solid #d4af37; 
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden;
    animation: sparkle-border 4s infinite linear;
}
.login-card .form-label { color: #ffffff; font-weight: 600; }
/* AJUSTE: Enlace en dorado en lugar de gris/blanco */
.login-card .btn-link { color: #ffd700; } 

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}

/* AJUSTE: Botón Fucsia Metalizado creado con CSS (reemplaza la imagen para dar el efecto exacto) */
.btn-ingresar-custom {
    /* Si en algún momento decides volver a la imagen, descomenta la siguiente línea y borra la del background linear-gradient */
    /* background-image: url('../img/Boton-ingresar.png'); */
    background: linear-gradient(180deg, #ff428c 0%, #d6005c 40%, #a30046 100%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #ffd700; /* Borde dorado añadido */
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.2rem;
    color: white; 
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.4);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    padding: 1rem 1.5rem; /* Padding ajustado para el diseño CSS */
    transition: all 0.3s ease;
    animation: pulse 2.5s infinite ease-in-out;
}
.btn-ingresar-custom:hover { 
    transform: scale(1.05); 
    cursor: pointer; 
    animation: none; 
    /* Brillo al hacer hover */
    background: linear-gradient(180deg, #ff5c9d 0%, #e6006e 40%, #b3004d 100%);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7), inset 0 2px 4px rgba(255, 255, 255, 0.6);
}

/* --- ESTILOS PARA LOS PANELES INTERNOS --- */
.navbar-custom-bg, .footer-panel {
    background-image: url('../img/background-login.jpg');
    background-color: #731331; /* Fallback color vinotinto */
    background-size: cover;
    background-position: center center;
}
.navbar-logo {
    height: 40px;
    width: auto;
}
.footer-panel {
    text-align: center;
    padding: 1rem;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    border-top: 3px solid #d4af37; /* Detalle dorado en el footer */
}
.table-hover tbody tr:hover {
    /* AJUSTE: Hover de las tablas en un fucsia muy clarito */
    background-color: #ffe6f0;
    cursor: pointer;
}
.card:not(.login-card) {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: none;
    background-color: #ffffff;
    /* AJUSTE Opcional: un pequeño borde superior fucsia para adornar las tarjetas de los paneles */
    border-top: 3px solid #d6005c;
}

/* --- NUEVO: ESTILOS PARA EL STICKY FOOTER --- */
body.panel-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.main-content {
    flex-grow: 1; /* Permite que este contenedor crezca y empuje el footer */
}