.xs\:title_s {
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-175);
    line-height: var(--size-font-line-height-xl);
    font-style: var(--font-style-normal);
  }
  
  #cards-solares .swiper-horizontal>.swiper-pagination-bullets,
  #cards-solares .swiper-pagination-bullets.swiper-pagination-horizontal,
  #cards-solares .swiper-pagination-custom,
  #cards-solares .swiper-pagination-fraction {
    pointer-events:all;
    bottom:-50px;
    
  }
  
  #cards-solares .swiper-pagination-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border: 1px solid rgb(47, 104, 82) !important;
    margin: 0px 8px !important;
    
  }
  
  #cards-solares .swiper-pagination-bullet-active {
     background-color: var(--Color-Surface-Interactive-Active, #007f33) !important;
  }
  
  div.swiper-button-prev::after {
    display: none;
    content: url("/documents/20122/22203520/left_arrow.svg");
  }
  
  div.swiper-button-next::after {
    display: none;
    content: url("/documents/20122/22203520/right_arrow.svg");
  }
  
  .cards-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 16px 82px;
    overflow: hidden;
  
    & .title-container {
      color: var(--Color-Content-General-1, #2C2C2C);
      text-align: center;
      font-feature-settings: "liga" 0, "clig" 0;
      margin: 0px;
      padding: 0px;
    }
  
    & .swiper {
      width: 100%;
      height: auto;
      padding-top: 32px;
      overflow: visible;
  
      & .item {
        min-width: 304px;
        width: 304px;
        max-width: 304px;
        min-height: 588px;
        height: 100%;
        max-height: 588px;
        box-sizing: content-box;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        border-radius: var(--border-radius-l, 16px);
        border: var(--border-width-l, 2px) solid var(--Color-Border-General-1, #C8D9D0);
        background: var(--Color-Surface-General-1, #FFF);
        overflow: hidden;
  
        & .item__section-primary {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 100%;
  
          & .img-placas {
            width: 100%;
            height: 312px;
            object-fit: cover;
          }
  
          & .cintillo-cards {
            width: 100%;
            height: 36px;
            padding: 0px;
            background-color: rgb(0, 122, 203);
            display: flex;
            place-items: center;
            color: white;
            flex-direction: column;
            justify-content: center;
            gap: 0px;
            align-self: stretch;
          }
        }
  
        & .item__section-secondary {
          display: flex;
          flex: 1 0 0px;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          padding-top: 35px;
          padding-bottom: 35px;
  
          & .container-middle {
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 16px;
            align-items: center;
            gap: 16px;
            align-self: stretch;
  
            & .titulo-card {
              text-align: center;
              padding: 0px;
              margin: 0px;
            }
  
            & .subtitulo-card {
              padding: 0px;
              margin: 0px;
              text-align: center;
              align-self: stretch;
              font-feature-settings: "liga" 0, "clig" 0;
            }
  
            & .lista-subtitulo {
              margin: 0px;
              padding: 0px;
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 12px;
  
              & .item-lista {
                display: flex;
                align-items: center;
  
                & .text-list {
                  text-align: center;
                  margin: 0px;
                }
              }
            }
          }
  
          & .card-btn {
            padding-bottom: 24px;
            text-decoration: underline;
          }
        }
      }
    }
  }
  
  @media (min-width: 576px) {
    .cards-container {
      padding: 40px 48px 82px;
    }
  }
  
  @media(min-width: 768px){
      div.swiper-button-prev::after {
      display: block;
    }
  
    div.swiper-button-next::after {
      display: block;
    }
  
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      top: var(--swiper-navigation-top-offset, 53%) !important;
      left: 25px !important;
    }
  
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      top: var(--swiper-navigation-top-offset, 53%) !important;
      right: 25px !important;
      left: auto;
    }
  
  }
  
  @media (min-width: 992px) {
    div.swiper-button-prev::after {
      display: none;
    }
  
    div.swiper-button-next::after {
      display: none;
    }
  
     #cards-solares .swiper-wrapper{
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 24px;
     }
  
    .cards-container{
    
    & .swiper{
      
      & .item{
      min-width: 402px;
        width: 402px;
    }
    }
  }
    
  
    .lg\:title_m {
      font-family: var(--font-family-1-smbold);
      font-size: var(--size-font-200);
      line-height: var(--size-font-line-height-2xl);
      font-style: var(--font-style-normal);
    }
}

  
    @media (min-width: 1200px) {
      .swiper-pagination {
        display: none;
      }
      .cards-container{
    
    & .swiper{
      
      & .item{
      min-width: 316px;
        width: 316px;
    }
    }
  }
    
    
  
      .cards-container {
        width: 100%;
        padding: 40px 102px;
  
  
        & .swiper {
          & .swiper-wrapper {
            display: flex;
            width: 100%;
            gap: 24px;
            justify-content: center;
          }
  
          & .item {
            width: 316px;
            max-width: 316px;
            box-sizing: border-box;
            margin: 0px !important;
  
            & .item__section-secondary {
              & .container-middle {
                padding-top: 38px;
              }
            }
          }
        }
      }
  
      div.swiper-button-prev::after {
        display: none;
      }
  
      div.swiper-button-next::after {
        display: none;
      }
    }
  
    @media (min-width: 1920px) {
      .cards-container {
        padding: var(--size-space-40, 40px) var(--14001920-page-margin, 324px);
        min-width: 1920px;
  
  
        & .swiper {
          & .swiper-wrapper {
            overflow: hidden;
          }
  
          & .item {
            width: 408px;
            max-width: 408px;
          }
        }
      }
    }
  
    .no-select {
      user-select: none;
      cursor: default;
    }