@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600&display=swap";

      @media(min-width: 769px) {
        .mobileColumnGroup {
          display: none;
        }
      }

      @media(max-width: 769px) {

        .rowHeader,
        .emptyCell {
          display: none;
        }

        .mobileColumnGroup th {
          text-align: center !important;
        }
      }

      .tableContainer {
        overflow: auto;
        overflow-anchor: none;
        position: relative;
      }

      .tableContainer caption {
        height: 0px;
      }

      thead tr {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
        font-size: 18px;
      }

      .rowHeader,
      [scope="colgroup"] span {
        left: 0;
        position: sticky;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        table-layout: auto;
        border: 5px solid #f5f5f561;
      }

      td,
      th {
        border: 1px solid #dddddd;
        text-align: center;
        padding: 8px;
        min-width: 100px;
        max-width: 100px;
        background: #ffffff;
        font-weight: 600;
      }

      .mobileColumnGroup th {
        text-align: left;
      }

      .rowHeader {
        text-align: center;
        font-weight: 500;
      }

      .featureCheck {
        color: green;
      }

      .featureX {
        color: red;
      }

      thead.stickyHeader {
        position: fixed;
        z-index: 999;
        overflow-x: scroll;
        top: 0px;
      }

      thead.stickyHeader.atBottom {
        position: absolute;
        z-index: 999;
        bottom: 0px;
        left: 0px !important;
        top: initial;
        width: initial !important;
        overflow-x: clip;
      }

      thead::-webkit-scrollbar {
        height: 0px;
      }

      .horizontal-scroller {
        position: fixed;
        bottom: 0;
        height: 30px;
        overflow: auto;
        overflow-y: hidden;
      }

      .horizontal-scroller-content {
        height: 30px;
      }
      /* Mantener la imagen como fondo con un <img> */
.slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Hace que la imagen cubra completamente el contenedor */
  z-index: -1; /* Asegura que la imagen esté detrás del contenido */
}

/* Mantener el estilo del contenido */
.slide-title, .slide-text, .slide-btns {
  position: relative;
  z-index: 1; /* Asegura que el contenido esté sobre la imagen */
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%; /* Mantiene la altura completa de la ventana para el slider */

}