/* Estilo base para la fuente y scroll suave */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Estilo para la transición de las secciones */
.page-section {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.page-section.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Estilos para el link activo en la navegación */
.nav-link.active {
    color: #2563eb; /* text-blue-600 */
    font-weight: 600; /* font-semibold */
}

/* Estilo específico para escritorio */
#desktop-nav .nav-link.active {
    border-bottom: 2px solid #2563eb;
    padding-bottom: 0.25rem;
}

/* Estilo específico para móvil */
#mobile-nav .nav-link {
    color: #6b7280; /* text-gray-500 */
}

#mobile-nav .nav-link.active {
    color: #2563eb; /* text-blue-600 */
}