/* layout.css - Estilo base para el layout general del sitio */

body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #212529;
    margin: 0;
    padding: 0;
}

/* NAVBAR */
.navbar {
    background-color: #ffffff !important;
    border-bottom: 2px solid #dee2e6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Corrección: la "a" suelta estaba mal puesta, la quito y dejo solo .navbar-brand */
.navbar-brand {
    font-weight: bold;
    color: #007bff !important;
    font-size: 1.25rem;
}

.nav-link {
    color: #343a40 !important; /* Mantenemos tu color por defecto para nav-link */
    font-weight: 500;
    margin-left: 10px;
    transition: color 0.2s ease, background-color 0.2s ease; /* Añadimos transición para background-color */
    padding: 0.5rem 1rem; /* Asegura un padding base para el background */
    border-radius: 0.25rem; /* Bordes redondeados para el background */
}

    .nav-link:hover {
        color: #007bff !important; /* Tu color de hover existente */
        background-color: rgba(0, 123, 255, 0.05); /* Un ligero fondo para el hover */
    }

    /* NUEVA CLASE PARA EL ENLACE ACTIVO */
    /* Esta clase se aplicará al <a> directamente cuando sea el enlace activo */
    /* IMPORTANTE: ESTA REGLA DEBE ESTAR AL MISMO NIVEL QUE .nav-link y .nav-link:hover */
    .nav-link.active-link {
        color: #007bff !important; /* Color del hover, ¡importante para sobrescribir text-dark! */
        background-color: rgba(0, 123, 255, 0.15); /* Un fondo más visible para el activo */
        font-weight: bold; /* Para que se vea más destacado */
        border-bottom: 2px solid #007bff; /* Una línea inferior para mayor énfasis */
        padding-bottom: calc(0.5rem - 2px); /* Ajustar padding para compensar el borde y mantener altura */
    }

/* CONTENEDOR PRINCIPAL */
.container {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 50px;
}

/* PIE DE PÁGINA */
.footer {
    background-color: #ffffff;
    border-top: 2px solid #dee2e6;
    text-align: center;
    font-size: 0.9rem;
    color: #6c757d;
    padding: 5px 0;
}

    .footer .footer-container {
        padding: 0; /* Remueve padding heredado extra del container si existía */
    }