:root {
      --color-fondo: #f8f9fc;
      --color-tarjeta: #ffffff;
      --color-primario: #000;
      --color-texto: #333333;
      --color-texto-secundario: #666666;
      --ancho-tarjeta: 20em;
      --espacio-entre: 1em;
      --padding-tarjeta: 4em 1.5em 2em;
    }

    .testimonial-section {
      
      text-align: center;
    background-color: #eaeaea;
    position: relative;
        background-image: url('../img/sima/palm-tree.png');
    background-repeat: no-repeat;
    background-size: 39%;
    background-position: 100% 0%;
    }

    .testimonial-section .inwrap {
        width: 90%;
        max-width: 80em;
        margin: 0 auto;
        padding: 4em 0em 7em;
    }

    .testimonial-section.home .inwrap {
        padding: 4em 0em 5em;
    }

    .testimonial-section h2 {
      font-size: 1.9em;
      margin-bottom: 0.5em;
      color: var(--color-texto);
          font-weight: 400;
    }

    @media all and (min-width: 48em) {
         .testimonial-section h2 {
            font-size: 2.5em;
        }
    }

    .testimonial-section h2 span {
        color: var(--color-texto);
            font-weight: 600;
    }

    .testimonial-section .subtitle {
      font-size: 1.125em;
      color: var(--color-texto-secundario);
      margin-bottom: 2em;
    }

    .testimonial-section .swiper {
      width: 100%;
      padding-bottom: 2em;
    }

    .testimonial-section .swiper-wrapper {
      display: flex;
    }

    .testimonial-section .swiper-slide {
      width: var(--ancho-tarjeta);
      display: flex;
      justify-content: center;
      height: auto !important;
    }

    .testimonial-card {
      background-color: var(--color-tarjeta);
      padding: var(--padding-tarjeta);
      border-radius: 1em;
      box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.1);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }

    .testimonial-card blockquote {
      margin: 0 0 1em;
      position: relative;
      font-style: italic;
      color: var(--color-texto);
      text-align: left;
    }

    .testimonial-card blockquote::before {
      content: "“";
      font-size: 4em;
      color: var(--color-primario);
      position: absolute;
      left: 0;
        top: -0.8em;
    }

    .testimonial-card .read-review {
        color: var(--color-primario);
        text-decoration: underline;
        display: block;
    }

    .testimonial-section .author {
      display: flex;
      align-items: center;
      margin-top: auto;
    }

    .testimonial-section .author img {
      width: 3em;
      height: 3em;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 0.75em;
    }

    .testimonial-section .author-info .name {
      font-weight: bold;
      font-size: 1em;
      margin: 0;
      color: var(--color-texto);
    }

    .testimonial-section .author-info .position {
      font-size: 0.875em;
      margin: 0;
      color: var(--color-texto-secundario);
    }

    .testimonial-section .author-info .stars {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.3em;
    }

    .testimonial-section .author-info .stars .fa{
        color: #ffc214;
    }

    /* Navegación de Swiper */
    .testimonial-section .swiper-button-prev,
    .testimonial-section .swiper-button-next {
      width: 3em;
      height: 3em;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000 !important;
      top: 61%;
      transform: translateY(-50%);
    }

    .testimonial-section.home .swiper-button-prev,
    .testimonial-section.home .swiper-button-next {

      top: 50%;
    }


        .testimonial-section .swiper-button-prev {
        left: -0.4em;
    }

    .testimonial-section .swiper-button-next {
        right: -0.4em;
    }

    @media all and (min-width: 48em) {
         .testimonial-section .swiper-button-prev,
        .testimonial-section .swiper-button-next {
            top: 50%;
        }


        .testimonial-section .swiper-button-prev {
            left:0;
        }

        .testimonial-section .swiper-button-next {
            right: 0;
        }
    }

    .testimonial-section .swiper-button-prev::after,
    .testimonial-section .swiper-button-next::after {
      font-size: 2.25em;
    }

    /* Paginación */
    .testimonial-section .swiper-pagination-bullet {
      background-color: #acacac;
      opacity: 1;
      width: 1em;
      height: 1em;
    }
    .testimonial-section .swiper-pagination-bullet-active {
      background-color: var(--color-primario);
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 4em !important;
    }


    .testimonial-section .leave-reviews {
        text-align: center;
    }

    .testimonial-section  p.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2em;
  margin-top: 1em;
}


.testimonial-section p.btns img {
  width: 10em;
    -webkit-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
}

.testimonial-section  p.btns a:hover img {
transform: translateY(-0.5em);
}