body {
   font-family: 'Inter', sans-serif;
 }

 header,
 .color-primario {
   background-color: #0D324C;
   color: #fff;
   padding: 2rem 1rem;
 }

 .primario-radial {
   background: radial-gradient(circle, #0D324C 20%, #111827 100%);
 }

 .cta-button {
   background-color: #0D324C;
   color: white;
   padding: 0.75rem 1.5rem;
   border: none;
   border-radius: 8px;
   font-size: 1rem;
   text-decoration: none;
 }

 .cta-button:hover {
   background-color: #374151;
 }

 footer {
   background-color: #0D324C;
   color: white;
   text-align: center;
   padding: 1rem;
 }

 .whatsapp {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 999;
 }

 .whatsapp img {
   width: 60px;
   height: 60px;
 }

 .imagen {
   max-width: 85%;
   margin-top: 20px;
 }

 .pricing-card {
   border: 1px solid #e5e7eb;
   border-radius: 1rem;
   overflow: hidden;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
   transition: transform 0.3s ease;
 }

 .pricing-card:hover {
   transform: translateY(-5px);
 }

 .badge-descuento {
   position: absolute;
   top: 0;
   right: 0;
   background: #ef4444;
   color: white;
   font-size: 0.85rem;
   padding: 0.25rem 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }

 #carrusel {
   max-width: 92%;
   margin-top: 70px;
 }

 .col-carrusel {
   display: flex;
   justify-content: center;
 }

 .splide__slide {
   position: relative;
   height: 580px;
   padding-bottom: 90px;
 }

 .splide__slide img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 30px;
   box-shadow: 3px 15px 16px rgba(0, 0, 0, 0.6);
 }


 .col-sitios {
   align-items: center;
   display: flex;
 }

 .color-secundario {
   background-color: #0069A8;
 }

 .bounce-scale {
   display: inline-block;
   animation: growShrink 1.5s ease-in-out infinite;
 }

 .col-md-3:hover {
   filter: brightness(1.1);
   transition: 0.3s ease-in-out;
   cursor: default;
 }

 .col-md-3.p-4 {
   min-height: 180px;
 }

 .btn.btn-dark {
   background-color: #0D324C;
 }

 section.py-5.text-center.bg-light {
   min-height: 260px;
 }

 @keyframes growShrink {

   0%,
   100% {
     transform: scale(1);
   }

   50% {
     transform: scale(1.2);
     /* tamaño máximo */
   }
 }