@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}

/* Pantalla de carga global */
.loading-overlay { 
    position: fixed; 
    inset: 0; 
    background: rgba(255,255,255,0.8); 
    backdrop-filter: blur(3px); 
    z-index: 50; 
    display: none; 
    justify-content: center; 
    align-items: center; 
}

.loading-overlay.show { 
    display: flex; 
}

.spinner { 
    width: 40px; 
    height: 40px; 
    border: 4px solid #e2e8f0; 
    border-top-color: #f97316; /* Color naranja de Celuoptions */ 
    border-radius: 50%; 
    animation: spin 1s linear infinite; 
}

@keyframes spin { 
    to { transform: rotate(360deg); } 
}