body {
     font-family: 'Inter', sans-serif;
     color: #333;
     background-color: #f7f7f7;
 }

 .text-blue-dark {
     color: #005BA2;
 }

 .bg-blue-dark {
     background-color: #005BA2;
 }

 .text-orange-main {
     color: #FF5722;
 }

 .bg-orange-main {
     background-color: #FF5722;
 }

 .hover-lift:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
 }

 .section-separator {
     content: '';
     display: block;
     width: 80px;
     height: 4px;
     background-color: #FF5722;
     margin: 20px auto;
 }

 .logo {
     height: 60px;
     /* Tamaño del logo */
     width: auto;
 }

 @media (min-width: 768px) {
     .logo {
         height: 100px;
     }
 }

 .text-blue-logo {
     color: #005BA2;
 }

 /* Hero Section with Image Carousel */
 .hero-bg-container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     overflow: hidden;
 }

 .hero-bg-container img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     opacity: 0;
     animation: image-fade 24s infinite;
 }

 /* Image animation for the hero section */
 @keyframes image-fade {
     0% {
         opacity: 0;
     }

     10% {
         opacity: 1;
     }

     25% {
         opacity: 1;
     }

     35% {
         opacity: 0;
     }

     100% {
         opacity: 0;
     }
 }

 .hero-bg-container img:nth-child(1) {
     animation-delay: 0s;
 }

 .hero-bg-container img:nth-child(2) {
     animation-delay: 4s;
 }

 .hero-bg-container img:nth-child(3) {
     animation-delay: 8s;
 }

 .hero-bg-container img:nth-child(4) {
     animation-delay: 12s;
 }

 .hero-bg-container img:nth-child(5) {
     animation-delay: 16s;
 }

 .hero-bg-container img:nth-child(6) {
     animation-delay: 20s;
 }

 /* Blue overlay with transparency */
 .hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 91, 162, 0.7);
     z-index: 1;
 }

 .overlay-text {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.7);
     color: white;
     padding: 1.5rem;
 }

 /* Modal swiper slide centering */
 .modal-swiper .swiper-slide {
     display: flex;
     align-items: center;
     justify-content: center;
 }