/* index.css — carrusel + beneficios */
html, body { background-color: #ffffff !important; }
.carousel-container { position: relative; width: 100%; background: #16195E; }
.carousel-inner { width: 100%; margin: 0 auto; }
.carousel-item { height: auto; }
.carousel-item img { width: 100%; height: auto; display: block; }
.carousel-control-prev, .carousel-control-next { width: 5%; }
.carousel-control-prev { left: 0; }
.carousel-control-next { right: 0; }
.carousel-item { transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ubicaciones { display: flex; justify-content: center; gap: 30px; }
.ubicacion { flex-direction: column; color: white; }
.carousel-item h1 { font-size: 2.5rem; font-weight: 700; }
.carousel-item .lead { font-size: 1.1rem; }
.col-md-4.mb-4 { padding: 20px; transition: transform 0.4s ease, box-shadow 0.3s ease; border-radius: 12px; }
.col-md-4.mb-4:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
section.py-2.bg-white { padding: 20px 0 40px; }
@media (max-width: 575px) { section.py-2.bg-white { padding: 10px 10px 170px; margin-top: 0; } }