html,
   body {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
   }

   iframe {
     display: block;
     width: 100%;
     border: none;
     max-width: 100%;
   }

   h1,
   h2 {
     font-weight: 300;
   }

   .separadorNegro {
     background-color: #8e8b82;
     height: 10px;
     width: 100%;
   }

   .card-img-top {
     padding: 20px;
     height: 100px;
   }

   .card-body {
     text-align: center;
   }

   .card {
     border: none;
   }

   #carouselExampleCaptions2 { max-width: 600px; margin-inline: auto; }
   .imgCaracteristicas {
     object-fit: cover;
     aspect-ratio: 4 / 3;
     height: auto;
   }

   .flower-one { object-position: 50% 55%; }
   .flower-two { object-position: 50% 50%; }
   .flower-three { object-position: 50% 40%; }
   #carouselExampleCaptions2 .carousel-caption { background: #171713df; border-radius: .5rem; padding: 1rem; }
   #carouselExampleCaptions2 .carousel-control-prev-icon,
   #carouselExampleCaptions2 .carousel-control-next-icon { background-color: #292720b3; border-radius: 50%; }

   .btnCustom {
     display: inline-block;
     text-decoration: none;
     font-family: "DM Sans", sans-serif;
     background-color: #6E6B66;
     color: white;
     border: none;
     padding: 0.6em 1.4em;
     font-size: 1em;
     border-radius: 6px;
     transition: background-color 0.3s ease;
   }

   .btnCustom:hover {
     color: white;
     background-color: #57544f;
     cursor: pointer;
   }

   .btnClaro {
     background-color: #D1CEC7;
     color: #333;
   }

   .btnClaro:hover {
      color: #333;
      background-color: #bdbab4;
   }

   .service-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: 1.5rem; }
   .service-actions .btnCustom { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 48px; padding: .75rem; }
   @media (max-width: 767.98px) {
      #servicios .col-9, #servicios .col-10 { width: 100%; }
      #servicios .col-2:empty { display: none; }
      .service-actions { grid-template-columns: 1fr; grid-auto-rows: 1fr; }
      #carouselExampleCaptions2 .carousel-inner { display: grid; }
      #carouselExampleCaptions2 .carousel-item { grid-area: 1 / 1; display: flex; flex-direction: column; visibility: hidden; margin-right: 0; }
      #carouselExampleCaptions2 .imgCaracteristicas { flex-shrink: 0; }
      #carouselExampleCaptions2 .carousel-item.active,
      #carouselExampleCaptions2 .carousel-item-next,
      #carouselExampleCaptions2 .carousel-item-prev { visibility: visible; }
      #carouselExampleCaptions2 .carousel-caption { position: static; flex-grow: 1; background: #171713; color: #fff; border-radius: 0; padding: 1.25rem 1rem 3rem; }
      #carouselExampleCaptions2 .carousel-item { background: #171713; }
      #carouselExampleCaptions2 .carousel-control-prev,
      #carouselExampleCaptions2 .carousel-control-next { bottom: auto; top: 0; height: auto; aspect-ratio: 1 / 5; }
   }