/* =========================================================================
   ARCHIVO: css/style.css
   USO: Estilos personalizados que complementan a Tailwind CSS
========================================================================= */

/* Gradiente animado sutil para el fondo Blanco Hueso */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: radial-gradient(circle at 50% 50%, rgba(200, 90, 50, 0.03) 0%, rgba(244, 241, 234, 0) 70%);
    z-index: -1;
    pointer-events: none;
    animation: pulse-warmth 15s infinite alternate ease-in-out;
}

@keyframes pulse-warmth {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.5); opacity: 1; }
}

/* Ocultar barra de scroll principal para limpieza visual */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F4F1EA; }
::-webkit-scrollbar-thumb { background: #C85A32; border-radius: 4px; }

/* Ajustes de Interfaz para Swiper (Carruseles) */
.swiper-button-next, .swiper-button-prev {
    color: #C85A32 !important; /* Color Terracota */
    background: rgba(244, 241, 234, 0.8);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    backdrop-filter: blur(4px);
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: bold;
}

.swiper-pagination-bullet-active {
    background-color: #C85A32 !important;
}