:root {
    --isi-azurite: #151f35;
    --isi-gold: #d29828; 
    --isi-blue: #5f82ba;
    --isi-light: #f8fafc;
}

/* Optimización de Fuente */
body {
    font-family: 'Raleway', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    margin: 0;
    opacity: 1 !important; /* Evita flash invisibilidad */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* Animaciones GPU Accelerated */
.animate-fade-in { animation: fadeIn 0.6s ease-out forwards; will-change: transform, opacity; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Utilidades Split Screen */
.split-link { transition: flex 0.5s ease; will-change: flex; }
.split-link:hover { flex: 1.5; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--isi-azurite); border-radius: 4px; }

/* Mobile optimization */
@media (max-width: 768px) { 
    .split-link:hover { flex: 1; } 
}