html { scroll-behavior: smooth; }

        /* Clases para animaci�n al revelar elementos (Scroll Reveal) */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Efecto de cristal para la barra de navegaci�n */
        .glass-nav {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        /* Degradado de fondo sutil */
        .bg-gradient-subtle {
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
        }

        /* Selector de idiomas */
        .lang-select {
            appearance: none;
            background-color: transparent;
            padding: 0.25rem 1.5rem 0.25rem 0.5rem;
            border: 1px solid #cbd5e1;
            border-radius: 0.375rem;
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.25rem center;
            background-size: 1em;
            font-weight: 500;
        }
        .lang-select:focus { outline: none; border-color: #1e3a8a; }

        
/* Firma */
/* Contenedor para que respire un poco en el footer */
.contenedor-firma {
    display: flex;
    justify-content: center; /* Centra la firma */
    margin-top: 15px;        /* Un poco de espacio por arriba */
}

/* Estilos del enlace */
.firma-jinjo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #555;
    font-family: sans-serif;
    font-size: 13px;
    opacity: 0.6;
    transition: opacity 0.3s ease, color 0.3s ease;
}

.firma-jinjo:hover {
    opacity: 1;
    color: #000;
}