/* Gradientes celestes y azules relajantes */
.celeste-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #0284c7 50%, #38bdf8 100%);
}

.soft-celeste-gradient {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

/* Scrollbar personalizada */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #38bdf8;
    border-radius: 3px;
}

/* Efecto de respiración profunda para elementos visuales de calma */
@keyframes gentlePulse {
    0%, 100% { 
        transform: scale(1); 
        box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.4); 
    }
    50% { 
        transform: scale(1.03); 
        box-shadow: 0 0 20px 10px rgba(56, 189, 248, 0); 
    }
}

.breath-animation {
    animation: gentlePulse 4s infinite ease-in-out;
}

/* Resplandor sutil para las cajas de respuesta de Inteligencia Artificial */
@keyframes subtleGlow {
    0%, 100% { 
        box-shadow: 0 0 15px rgba(56, 189, 248, 0.2); 
    }
    50% { 
        box-shadow: 0 0 25px rgba(56, 189, 248, 0.4); 
    }
}

.ai-glow {
    animation: subtleGlow 3s infinite;
}