/* Se usa la fuente Inter en peso 200 (extralight) para un estilo más fino y delgado */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;700&display=swap');
        
        /* Se usa Inter, sin serifa, para un look más moderno y minimalista con trazos finos */
        .logo-font {
            font-family: 'Inter', sans-serif;
            /* Ajuste de espaciado neutro para tipografía fina */
            letter-spacing: 0.05em; 
        }

        /* Clase para el efecto de texto dorado con brillo (glow) */
        .gold-text {
            color: #FFD700; /* Oro base */
            text-shadow:
                0 0 5px rgba(255, 215, 0, 0.5), /* Sombra interior suave y más sutil */
                0 0 10px rgba(255, 215, 0, 0.2); /* Sombra exterior de brillo */
            transition: all 0.3s ease;
        }
        
        /* Ligera inclinación para las letras M e I para un look dinámico */
        /* .skew-letter {
            transform: skewX(-3deg);
        } */
        
        /* Clase para inclinar fuertemente la barra y darle un toque dinámico */
        .separator-line {
            transform: skewX(-20deg); /* Mayor inclinación */
            /* Usar un degradado para la barra para que parezca más metálica/3D */
            background-image: linear-gradient(45deg, #FFD700, #DAA520, #FFD700);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent; /* El texto debe ser transparente para mostrar el degradado */
            opacity: 1;
        }
        
        /* Estilo para separar la I usando margin a la derecha del separador */
        .separate-right {
            margin-right: 1.5rem; /* Separación base */
        }
        @media (min-width: 640px) {
            .sm\:separate-right {
                margin-right: 3rem; /* Mayor separación en pantallas sm */
            }
        }