/* =============================================
   SCROLL UP BUTTON
   ============================================= */
 
.ocs-scroll-up-button {
    position: fixed;
    display: none; /* Oculto por defecto, se muestra con JS */
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--border-radius-full, 50%);
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 9997; /* Debajo del botón de WhatsApp (9998) */
    transition: all 0.3s ease;
    opacity: 0;
    transform: scale(0.8);
    pointer-events: none;
}
 
/* Estado visible */
.ocs-scroll-up-button.visible {
    display: flex;
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

/* Hover */
.ocs-scroll-up-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Focus (accesibilidad) */
.ocs-scroll-up-button:focus {
    outline: 2px solid rgba(243, 165, 28, 0.5);
    outline-offset: 2px;
}

/* Icono dentro del botón */
.ocs-scroll-up-button i {
    transition: transform 0.3s ease;
}

.ocs-scroll-up-button:hover i {
    transform: translateY(-2px);
}

/* Animación de entrada */
@keyframes scrollUpFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.ocs-scroll-up-button.animate-in {
    animation: scrollUpFadeIn 0.3s ease forwards;
}