/* --- Configuración General --- */
body {
    scroll-behavior: smooth; /* Para que al hacer clic en los enlaces el salto sea suave */
}

/* --- Slider Principal (Hero) --- */
.mySwiper .swiper-button-next, 
.mySwiper .swiper-button-prev { 
    color: white; 
    text-shadow: 0 0 5px rgba(0,0,0,0.5); 
}

.mySwiper .swiper-pagination-bullet-active { 
    background: white !important; 
}

/* --- Slider de Galería (Pequeño) --- */
.galeriaSwiper .swiper-button-next, 
.galeriaSwiper .swiper-button-prev {
    background: rgba(255, 255, 255, 0.9);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #1e3a8a !important; /* Azul oscuro (blue-900) */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    transition: all 0.3s ease;
}

.galeriaSwiper .swiper-button-next:hover, 
.galeriaSwiper .swiper-button-prev:hover {
    background: #ffffff;
    transform: scale(1.1);
}

.galeriaSwiper .swiper-button-next::after, 
.galeriaSwiper .swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}

/* Estilo para los bullets de la galería */
.galeriaSwiper .swiper-pagination-bullet-active {
    background: #1e3a8a !important;
}
/* Efecto para los links de redes sociales en el contacto */
#contacto a i {
    transition: transform 0.3s ease;
}

#contacto a:hover i {
    transform: translateY(-3px);
}