/* --- Importar una tipografía moderna --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* --- Variables de Color (Opcional, pero recomendado) --- */
:root {
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-body-bg: #f8f9fa; /* Un fondo global ligeramente gris */
    --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-border-radius: 0.375rem; /* Bordes redondeados más suaves */
}

/* --- Estilos Globales --- */
body {
    /* Añadimos padding-top para compensar la barra de navegación 'fixed-top' */
    padding-top: 80px;
    background-color: var(--bs-body-bg);
    font-family: var(--bs-body-font-family);
}

h1, h2, h3, h4, h5, h6, .navbar-brand span {
    font-weight: 600; /* Títulos y marca un poco más gruesos */
}

/* --- Estilo de la Barra de Navegación "Frosted Glass" --- */
.navbar.fixed-top {
    /* El efecto "glass" */
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%); /* Para Safari */
    /* Una sombra y borde muy sutiles para separarlo del contenido */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.03);
    /* Transición suave */
    transition: background-color 0.3s ease-in-out;
}

/* --- Estilos de los enlaces de navegación --- */
.navbar .nav-link {
    font-weight: 500;
    font-size: 0.95rem;
    color: #343a40; /* Texto más oscuro para contraste */
    transition: color 0.2s ease;
}

    .navbar .nav-link:hover,
    .navbar .nav-link.active {
        color: var(--bs-primary); /* Resaltar con el color primario */
    }

/* --- Estilos de los Botones --- */
.btn {
    border-radius: var(--bs-border-radius);
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.btn-primary {
    /* Sombra sutil para el botón primario */
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.25);
}

.btn:hover {
    /* Efecto de "levantamiento" al pasar el ratón */
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(var(--bs-primary-rgb), 0.2);
}

.btn-outline-primary:hover {
    box-shadow: none; /* Quitar sombra de hover para botones outline */
}

/* --- Estilos del Contenido Principal --- */
main {
    /* Damos espacio antes del footer */
    min-height: calc(100vh - 160px); /* Ajustar 160px (80px navbar + 80px footer aprox) */
}

/* --- Estilos del Footer --- */
footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #fff; /* Un fondo blanco limpio para el footer */
    border-top: 1px solid #e9ecef;
}