/* Animación para deslizar elementos desde arriba */
@keyframes deslizarArriba {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.deslizar-arriba {
    animation: deslizarArriba 0.8s ease-out both;
}

.retraso {
    animation-delay: 0.2s;
}

/* Respeta la preferencia de reducir movimiento */
@media (prefers-reduced-motion: reduce) {
    .deslizar-arriba {
        animation: none;
    }
}

/* Botón con estilo rojo y crema */
.btn-rojo-crema {
    --bs-btn-color: #F23041;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #F23041;

    /* Al pasar el cursor: fondo rojo y texto crema */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #F23041;
    --bs-btn-hover-border-color: #F23041;

    /* Al presionar */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #F2B950;
    --bs-btn-active-border-color: #F2B950;

    --bs-btn-focus-shadow-rgb: 232, 84, 63;
}