/* Widget de Reseñas - Solo fondo, imagen de mujer y barra inferior */

/* Importar variables de root.css */
@import url('root.css');

/* Animación fadeInUp */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Sección principal - Fondo */
.resenha.relative {
    display: block;
    position: relative;
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(to top, rgb(236, 238, 245) 390px, rgba(0, 0, 0, 0) 390px);
    font-size: 16px;
    font-family: var(--primary_font);
    color: rgb(51, 51, 51);
    box-sizing: border-box;
    overflow: hidden;

}

/* Aplicar Poppins a todos los elementos */
.resenha.relative,
.resenha.relative * {
    font-family: var(--primary_font) !important;
}

/* Contenedor */
.resenha .container-lg {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.resenha .row {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Figura lateral - Imagen de la mujer */
.resenha .figura.visible-lg {
    border: 0;
    max-width: 100%;
    box-sizing: border-box;
  
    animation-name: fadeInUp;
    position: absolute;
    bottom: 0;
    right: 45%;
   
    height: 825px;
    animation-delay: 0.2s;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    object-fit: contain;
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* Imagen móvil - Imagen de la mujer en móvil */
.resenha .seniora_movil {
    position: relative;
    width: 70%;
    max-width: 400px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    z-index: 1;
    pointer-events: none;
}
.resenha .corte {
    bottom: 389px;
    position: absolute;
    left: 0;
}
/* Franja multicolor inferior */
.resenha .corte-bottom.corte-google {
    z-index: 1;
    box-sizing: border-box;
    bottom: -1px;
    position: absolute;
    height: 10px;
    width: 100%;
    background-image: linear-gradient(
        90deg,
        #4688f1 16.6%,
        #e7443c 16.6%,
        #e7443c 33.3%,
        #f9bb2d 33.3%,
        #f9bb2d 50%,
        #4688f1 50%,
        #4688f1 66.6%,
        #3aa757 66.6%,
        #3aa757 83.2%,
        #e7443c 83.2%
    );
}

/* ============================================
   CAJA DE RESEÑAS - SLIDER
   ============================================ */

/* Contenedor principal del slider */
.caja_resenha {
    background-color: var(--secondary_color);
    border-radius: var(--general_border_radius);
    height: 680px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
@media (min-width: 991px) {
    .caja_resenha {
        width: 553px;;
    }
}
/* Línea celeste interna usando pseudo-elemento */
.caja_resenha::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid #1a9edc;
    border-radius: var(--general_border_radius);
    pointer-events: none;
    z-index: 1;
}

/* Slider Swiper */
#resenha-slider {
    width: 100%;
    height: 100%;
    position: relative;
}

#resenha-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
    overflow: visible;
}

#resenha-slider .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 70px 35px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}

#resenha-slider .swiper-slide::-webkit-scrollbar {
    width: 4px;
}

#resenha-slider .swiper-slide::-webkit-scrollbar-track {
    background: transparent;
}

#resenha-slider .swiper-slide::-webkit-scrollbar-thumb {
    background: rgba(26, 158, 220, 0.3);
    border-radius: var(--general_border_radius);
}

/* Primera slide - Portada */
.resenha-portada {
    align-items: center;
    justify-content: flex-start;
    height: 680px!important;
}

/* Títulos */
.caja_resenha-titulo {
    font-size: 45px;
    font-weight: 700;
    color: #0f286a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1.2;
}

.caja_resenha-titulo span {
    color: #1a9edc;
}

.caja_resenha-subtitulo {
    font-size: 30px;
    font-weight: 400;
    color: #0f286a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.caja_resenha-subtitulo span {
    color: #1a9edc;
    font-weight: 400;
}

/* Tarjetas de reseñas de sedes */
.resenha_sede {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    text-decoration: none;
    color: inherit;
}

.caja_resenha-persona {
    font-size: 20px;
    font-weight: 600;
    color: #0f286a;
    text-align: left;
    flex: 1;
    white-space: nowrap;
    line-height: 1.2;
}

.caja_resenha-persona p {
    margin: 0;
    display: inline;
    white-space: nowrap;
}

.caja_resenha-persona span {
    display: inline;
    font-size: 20px;
    color: #0f286a;
    font-weight: 400;
    margin-left: 5px;
}

.caja_resenha-puntuacion {
    column-gap: 10px;
    padding: 14px 20px;
    border-radius: var(--general_border_radius);
    display: inline-flex;
    margin: 0 auto;
    background-color: #fafafa;
    align-items: center;
    flex-shrink: 0;
}

.puntuacion-numero {
    color: #1a9edc;
    font-weight: 600;
    font-style: italic;
    font-size: 26px;
    line-height: 1;
}

.puntuacion-estrellas {
    width: 180px;
    height: auto;
    vertical-align: bottom;
}

.puntuacion-resenhas {
    font-size: 16px;
    color: #6b6b6b;
    font-weight: 600;
}

.puntuacion-resenhas span {
    font-weight: 600;
}

/* Logo de Google */
.google_logo {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
    height: auto;
}

/* Flechas de navegación Swiper */
#resenha-slider .swiper-button-prev,
#resenha-slider .swiper-button-next {
    background-color: var(--secondary_color);
    width: 45px;
    height: 45px;
    border: 1.5px solid var(--third_color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    margin: 0;
}

#resenha-slider .swiper-button-prev {
    left: -11px;
}

#resenha-slider .swiper-button-next {
    right: -11px;
}

#resenha-slider .swiper-button-prev:hover,
#resenha-slider .swiper-button-next:hover {
    background-color: #1a9edc;
    border-color: #1a9edc;
    box-shadow: 0 3px 10px rgba(26, 158, 220, 0.25);
}

#resenha-slider .swiper-button-prev::after,
#resenha-slider .swiper-button-next::after {
    display: none;
}

#resenha-slider .swiper-button-prev img,
#resenha-slider .swiper-button-next img {
    width: 19px;
    height: 19px;
    opacity: 0.7;
    transition: all 0.2s ease;
    display: block;
    opacity: 1;
}

/* Rotar la flecha izquierda para que apunte hacia la izquierda */
#resenha-slider .swiper-button-prev img {
    transform: rotate(180deg);
}

#resenha-slider .swiper-button-prev:hover img,
#resenha-slider .swiper-button-next:hover img {
    opacity: 1;
    filter: brightness(0) invert(1);
}

/* Slides de testimonios */
.resenha_personal {
    display: block;
    height: 680px;
    text-decoration: none;
    color: inherit;
    position: relative;
    box-sizing: border-box;
    overflow: visible;
  
}

/* Elementos separadores */
.separa-tmf {
    height: 50px;
}

.separa-3pg {
    height: 20px;
}

.separa-w3e {
    height: 10px;
}

.separa-b1c {
    height: 5px;
}

.resenha_personal .caja_resenha-foto {
    width: 370px;
    height: 209px;
    border-radius: var(--general_border_radius);
    background-color: #a9a9a9;
    margin: 0 auto;
    position: relative;
}

.resenha_personal .caja_resenha-foto .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: var(--general_border_radius);
    object-fit: cover;
    left: 0;
}

.resenha_personal .caja_resenha-foto .comillas {
    position: absolute;
    width: 90px;
    top: -35px;
    right: -20px;
    z-index: 10;
}

.resenha_personal .caja_resenha-persona_2 {
    color: #1a9edc;
    text-align: center;
}

.resenha_personal .caja_resenha-persona_3 {
    font-size: 20px;
    color: #0f286a;
    font-style: italic;
    text-align: center;
}

.resenha_personal .puntuacion-estrellas_2 {
    width: 120px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.resenha_personal .parrafo {
    font-size: 13px;
    line-height: 24px;
    color: #586868;
    margin-bottom: 0;
    max-width: 460px;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.resenha_personal .google_logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 170px;
    height: auto;
}

/* Clases de compatibilidad Bootstrap 3 -> Bootstrap 5 */
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Clases de visibilidad de Bootstrap 3 */
.visible-xs {
    display: block !important;
}

@media (min-width: 576px) {
    .visible-xs {
        display: none !important;
    }
}

.visible-sm {
    display: none !important;
}

@media (min-width: 576px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .visible-sm {
        display: none !important;
    }
}

.visible-lg {
    display: none !important;
}

@media (min-width: 992px) {
    .visible-lg {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .resenha.relative {
        width: 100vw;
        height: auto;
    }
    
    .corte-bottom.corte-google {
        width: 100%;
    }
}

/* Ajustes para mobile - Cards del slider */
@media (max-width: 767px) {
    /* Títulos de la portada */
    .caja_resenha-titulo {
        font-size: 32px;
    }
    
    .caja_resenha-subtitulo {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    /* Nombres de personas */
    .caja_resenha-persona {
        font-size: 16px;
    }
    
    .caja_resenha-persona span {
        font-size: 16px;
    }
    
    .resenha_personal .caja_resenha-persona_3 {
        font-size: 16px;
    }
    
    /* Puntuación */
    .caja_resenha-puntuacion {
        padding: 10px 15px;
        column-gap: 8px;
    }
    
    .puntuacion-numero {
        font-size: 18px;
    }
    
    .puntuacion-estrellas {
        width: 100px;
    }
    
    .puntuacion-resenhas {
        font-size: 12px;
    }
    
    /* Imágenes de las cards */
    .resenha_personal .caja_resenha-foto {
        width: 100%;
        height: 158px;
    }
    
    .resenha_personal .caja_resenha-foto .comillas {
        width: 70px;
        top: -28px;
        
    }
    
    .resenha_personal .puntuacion-estrellas_2 {
        width: 70px;
    }
    
    .resenha_personal .google_logo {
        width: 110px;
    }
    
    .google_logo {
        width: 140px;
    }
    
    /* Párrafos */
    .resenha_personal .parrafo {
        font-size: 12px;
        line-height: 20px;
        max-width: 100%;
    }
    
    /* Separadores más pequeños */
    .separa-tmf {
        height: 35px;
    }
    
    .separa-3pg {
        height: 15px;
    }
    
    /* Padding del slide más pequeño */
    #resenha-slider .swiper-slide {
        padding: 50px 45px 30px;
    }
    
    /* Altura de la card más pequeña */
    .resenha_personal {
        height: auto;
        min-height: 600px;
    }
    
    .caja_resenha {
        height: auto;
        min-height: 600px;
    }
    
    .resenha-portada {
        height: auto !important;
        min-height: 600px !important;
    }
}

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  .section-5fj {  
    font-family: var(--primary_font);
    font-size: 14px;
    color: var(--primary_color_font);
  }  
@media (min-width: 425px){     
  .section-5fj {  
    font-size: 15px;
  }  
}  
@media (min-width: 768px){     
  .section-5fj {  
    font-size: 16px;
  }  
}  
@media (min-width: 1200px){     
  .section-5fj {  
    font-size: 17px;
  }  
} 


.mb-lrl { 
    margin-bottom: 3rem!important;
} 

.section-5fj *,.section-5fj *:after,.section-5fj *:before { 
    box-sizing: border-box;
} 

.container-rfg { 
    width: 100%; 
    padding-right: 0.75rem; 
    padding-left: 0.75rem; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 1200px){ 
  .container-rfg { 
    max-width: 1140px;
  } 
}     

@media (min-width: 1400px){ 
  .container-rfg { 
    max-width: 1320px;
  } 
}     

.row-ejr { 
    --bs-gutter-x: 1.5rem; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: 0; 
    margin-right: calc(-.5 * 1.5rem); 
    margin-left: calc(-.5 * 1.5rem);
} 

.row-ejr > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(1.5rem * .5); 
    padding-left: calc(1.5rem * .5); 
    margin-top: 0;
} 

.col-mse { 
    flex: 0 0 auto; 
    width: 100%;
} 

.section-5fj .grid-cao  { 
    display: grid; 
    grid-template-areas: "i1 i2 i2 i2 i3 i4" "i5 i6 i7 i8 i9 i4"; 
    grid-template-columns: calc(22.5% - 1rem) calc(7.5% - 1rem) calc(7.5% - 1rem) calc(7.5% - 1rem) calc(15% - 1rem) 40%; 
    grid-gap: 1rem;
} 

.section-5fj p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

.text-7c8 { 
    text-align: center!important;
} 

.section-5fj .title-rct  { 
    font-size: 2.1rem; 
    font-weight: 700; 
    line-height: 1.2; 
    color: var(--primary_color_font);
} 

.section-5fj .bpods  { 
    font-weight: 300; 
    color: var(--primary_color_font);
} 

.section-5fj img { 
    vertical-align: middle;
} 

.section-5fj img  { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: var(--general_border_radius); 
    box-shadow: -1px 10px 12px 0px rgba(0,0,0,.28);
} 

.section-5fj #img-m5n  { 
    grid-area: i1;
} 

.fa-nzf { 
    transition: opacity .15s linear;
} 

.modal-sxg { 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 1055; 
    display: none; 
    width: 100%; 
    height: 100%; 
    overflow-x: hidden; 
    overflow-y: auto; 
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
} 

.fa-nzf:not(.show) { 
    opacity: 0;
} 

.section-5fj #img-snb  { 
    grid-area: i2;
} 

.section-5fj #img-jpp  { 
    grid-area: i3;
} 

.section-5fj #img-llk  { 
    grid-area: i4;
} 

.section-5fj #img-4m4  { 
    grid-area: i5;
} 

.section-5fj #img-xpm  { 
    grid-area: i6;
} 

.section-5fj #img-1rc  { 
    grid-area: i7;
} 

.section-5fj #img-inz  { 
    grid-area: i8;
} 

.section-5fj #img-k64  { 
    grid-area: i9;
} 

.modal-vk2 { 
    position: relative; 
    width: auto; 
    margin: .5rem; 
    pointer-events: none;
} 

.modal-cbg { 
    display: flex; 
    align-items: center; 
    min-height: calc(100% - 1rem);
} 

@media (min-width: 576px){ 
  .modal-vk2 { 
    max-width: 500px; 
    margin: 1.75rem auto;
  } 

  .modal-cbg { 
    min-height: calc(100% - 3.5rem);
  } 
}     

@media (min-width: 992px){ 
  .modal-fdl { 
    max-width: 800px;
  } 
}     

.modal-fdl { 
    max-width: 600px !important;
} 

.modal-sxg.fa-nzf .modal-vk2  { 
    transition: transform .3s ease-out; 
    transform: translate(0,-50px);
} 

.content-ok9 { 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    width: 100%; 
    pointer-events: auto; 
    background-color: var(--secondary_color_font); 
    background-clip: padding-box; 
    border: 1px solid rgba(0,0,0,.2); 
    border-radius: var(--general_border_radius); 
    outline: 0;
} 

.content-ok9 { 
    border: none;
} 

.modal-qtf .content-ok9  { 
    background-color: rgba(0,0,0,0);
} 

.modal-vm2 { 
    position: relative; 
    flex: 1 1 auto; 
    padding: 1rem;
} 

.p-b1z { 
    padding: 0!important;
} 

.modal-vm2 { 
    margin: 0 auto;
} 

.modal-qtf img  { 
    object-fit: cover; 
    width: 100%;
} 

@media (max-width: 992px){ 
  .section-5fj .grid-cao  { 
    margin-left: 2%; 
    grid-template-areas: "i1 i1 i1 i2 i2 i2" "i5 i5 i5 i6 i7 i8" "i3 i3 i4 i4 i4 i4" "i9 i9 i4 i4 i4 i4"; 
    grid-template-columns: calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem); 
    grid-gap: 1rem;
  } 

  .section-5fj img  { 
    border-radius: var(--general_border_radius);
  } 
}     

@media (max-width: 600px){ 
  .section-5fj img  { 
    border-radius: var(--general_border_radius);
  } 
}     

@media (max-width: 1200px){ 
  .section-5fj img  { 
    height: auto;
  } 

  .modal-vm2 img  { 
    width: 100%;
  } 
}     



@font-face { 
    font-family:'slick';
    font-weight:normal;
    font-style:normal;
    src:url('https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/libs/slick-slider/slick/fonts/slick.eot');
    src:url('https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/libs/slick-slider/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/libs/slick-slider/slick/fonts/slick.woff') format('woff'), url('https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/libs/slick-slider/slick/fonts/slick.ttf') format('truetype'), url('https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/libs/slick-slider/slick/fonts/slick.svg#slick') format('svg');
  } 
  @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  .section-zls {  
      margin: 0;
      font-family: var(--primary_font);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: var(--primary_color_font);
      text-align: left;
      background-color: transparent;
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent;
    }  
  @media (min-width: 425px){     
    .section-zls {  
      font-size:15px;
    }  
  }  
  @media (min-width: 768px){     
    .section-zls {  
      font-size:16px;
    }  
  }  
  @media (min-width: 1200px){     
    .section-zls {  
      font-size:17px;
    }  
  }  
  .section-zls { 
  /* CSS Variables that may have been missed get put on body */ 
      --bs-gutter-x:  1.5rem;  
      --bs-gutter-y:  0;  
  } 
  
  .section-zls * { 
      box-sizing: border-box;
  } 
  
  
  
  @media (prefers-reduced-motion: no-preference){ 
    .section-zls { 
      scroll-behavior: smooth;
    } 
  }     
  
  @media all{ 
    .section-zls { 
      --wp-block-synced-color: #7a00df; 
      --wp-bound-block-color: var(--wp-block-synced-color); 
    } 
  }     
  
  .d-ski { 
      display: block!important;
  } 
  
  @media (min-width: 768px){ 
    .block-2tx { 
      display: block!important;
    } 
  }     
  
  .section-zls { 
      padding-bottom: 4rem;
  } 
  
  .section-zls *, .section-zls *:after, .section-zls *:before { 
      box-sizing: border-box;
  } 
  
  .container-413 { 
      width: 100%; 
      padding-right: var(--bs-gutter-x,.75rem); 
      padding-left: var(--bs-gutter-x,.75rem); 
      margin-right: auto; 
      margin-left: auto;
  } 
  
  @media (min-width: 576px){ 
    .container-413 { 
      max-width: 540px;
    } 
  }     
  
  @media (min-width: 768px){ 
    .container-413 { 
      max-width: 720px;
    } 
  }     
  
  @media (min-width: 992px){ 
    .container-413 { 
      max-width: 960px;
    } 
  }     
  
  @media (min-width: 1200px){ 
    .container-413 { 
      max-width: 1140px;
    } 
  }     
  
  @media (min-width: 1400px){ 
    .container-413 { 
      max-width: 1320px;
    } 
  }     
  
  .row-hch { 
      --bs-gutter-x: 1.5rem; 
      --bs-gutter-y: 0; 
      display: flex; 
      flex-wrap: wrap; 
      margin-top: calc(-1 * var(--bs-gutter-y)); 
      margin-right: calc(-.5 * var(--bs-gutter-x)); 
      margin-left: calc(-.5 * var(--bs-gutter-x));
  } 
  
  .section-zls .row-hch > *  { 
      flex-shrink: 0; 
      width: 100%; 
      max-width: 100%; 
      padding-right: calc(var(--bs-gutter-x) * .5); 
      padding-left: calc(var(--bs-gutter-x) * .5); 
      margin-top: var(--bs-gutter-y);
  } 
  
  .col-odo { 
      flex: 0 0 auto; 
      width: 100%;
  } 
  
  .section-zls p { 
      margin-top: 0; 
      margin-bottom: 1rem;
  } 
  
  .text-y25 { 
      text-align: center!important;
  } 
  
  .title-g16  { 
      font-size: 1.7rem; 
      font-weight: 700; 
      line-height: 1.2; 
      color: var(--secondary_color_font);
  } 
  
  .lniex  { 
      font-weight: 300; 
      color: var(--secondary_color_font);
  } 
  
  .slide-q95 { 
      position: relative; 
      display: block; 
      box-sizing: border-box; 
      -webkit-user-select: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
      user-select: none; 
      -webkit-touch-callout: none; 
      -khtml-user-select: none; 
      -ms-touch-action: pan-y; 
      touch-action: pan-y; 
      -webkit-tap-highlight-color: transparent;
  } 
  
  #pun-j7j { 
      transform: translateY(0%); 
      display: flex; 
      flex-direction: row; 
      justify-content: center; 
      align-items: center;
  } 
  
  .section-zls button { 
      border-radius: 0;
  } 
  
  .section-zls button { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 
  
  .section-zls button { 
      text-transform: none;
  } 
  
  .section-zls [type="button"],.section-zls button { 
      -webkit-appearance: button;
      appearance: button;
  } 
  
  .slick-2c1 { 
      font-size: 0; 
      line-height: 0; 
      position: absolute; 
      top: 50%; 
      display: block; 
      width: 20px; 
      height: 20px; 
      padding: 0; 
      -webkit-transform: translate(0, -50%); 
      -ms-transform: translate(0, -50%); 
      transform: translate(0, -50%); 
      cursor: pointer; 
      color: transparent; 
      border: none; 
      outline: none; 
      background: transparent;
  } 
  
  .slick-2c1 { 
      left: -25px;
  } 
  
  .section-zls [type="button"]:not(:disabled),.section-zls button:not(:disabled) { 
      cursor: pointer;
  } 
  
  #pun-j7j .row-d85  { 
      position: relative; 
      width: fit-content; 
      height: fit-content;
  } 
  
  .slick-2c1:before,.slick-w9r:before { 
      font-family: 'slick'; 
      font-size: 20px; 
      line-height: 1; 
      opacity: .75; 
      color: white; 
      -webkit-font-smoothing: antialiased; 
      -moz-osx-font-smoothing: grayscale;
  } 
  
  .slick-2c1:before { 
      content: '←';
  } 
  
  .row-d85:before { 
      content: none;
  } 
  
  .slick-2c1:hover { 
      color: transparent; 
      outline: none; 
      background: transparent;
  } 
  
  .slick-2c1:hover:before,.slick-2c1:focus:before,.slick-w9r:hover:before,.slick-w9r:focus:before { 
      opacity: 1;
  } 
  
  .list-d9n { 
      position: relative; 
      display: block; 
      overflow: hidden; 
      margin: 0; 
      padding: 0;
  } 
  
  .slide-q95 .list-d9n  { 
      -webkit-transform: translate3d(0, 0, 0); 
      -moz-transform: translate3d(0, 0, 0); 
      -ms-transform: translate3d(0, 0, 0); 
      -o-transform: translate3d(0, 0, 0); 
      transform: translate3d(0, 0, 0);
  } 
  
  #pun-j7j .list-d9n  { 
      width: 80%;
  } 

  @media (max-width: 768px){
    .section-zls #pun-j7j {
      gap: 12px;
      position: relative;
      padding: 0 26px;
    }

    .section-zls #pun-j7j .list-d9n {
      width: 100%;
      overflow: hidden;
    }

    .section-zls #pun-j7j .slick-z6i {
      height: auto;
      align-items: center;
      justify-content: center;
    }

    .section-zls #pun-j7j .slick-z6i .slide-y4p {
      flex-shrink: 0;
      transform: none !important;
    }

    .section-zls #pun-j7j .slick-z6i .slide-y4p:nth-child(2n)  { 
      transform: none !important;
    }

    .section-zls #pun-j7j .row-d85 { 
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;
    }

    .section-zls #pun-j7j .slick-2c1 { 
      left: -16px;
      right: auto;
    }

    .section-zls #pun-j7j .slick-w9r { 
      right: -16px;
      left: auto;
    }
    
    .section-zls #pun-j7j .row-d85 img  { 
      width: 56px;
    }
  }
  
  .section-zls :focus { 
      outline: none !important; 
      box-shadow: none !important;
  } 
  
  .slick-w9r { 
      font-size: 0; 
      line-height: 0; 
      position: absolute; 
      top: 50%; 
      display: block; 
      width: 20px; 
      height: 20px; 
      padding: 0; 
      -webkit-transform: translate(0, -50%); 
      -ms-transform: translate(0, -50%); 
      transform: translate(0, -50%); 
      cursor: pointer; 
      color: transparent; 
      border: none; 
      outline: none; 
      background: transparent;
  } 
  
  .slick-w9r { 
      right: -25px;
  } 
  
  .slick-w9r.section-zls :focus { 
      color: transparent; 
      outline: none; 
      background: transparent;
  } 
  
  .section-zls button:focus:not(:focus-visible) { 
      outline: 0;
  } 
  
  .slick-w9r:before { 
      content: '→';
  } 
  
  .slick-w9r:hover,.slick-w9r.section-zls :focus { 
      color: transparent; 
      outline: none; 
      background: transparent;
  } 
  
  .section-zls img { 
      vertical-align: middle;
  } 
  
  .section-zls #pun-j7j .row-d85 img  { 
      width: 80px; 
      opacity: .8; 
      transition: all .3s ease;
  } 
  
  .section-zls #pun-j7j .row-d85:hover img { 
      transform: scale(1.1); 
      opacity: 1;
  } 

  @media (max-width: 768px){ 
    .section-zls #pun-j7j { 
      position: relative;
      padding: 0 26px;
    }

    .section-zls #pun-j7j .row-d85 { 
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;
    }

    .section-zls #pun-j7j .slick-2c1 { 
      left: -16px;
      right: auto;
    }

    .section-zls #pun-j7j .slick-w9r { 
      right: -16px;
      left: auto;
    }
    .section-zls p{
    text-align: center;
    }
    .section-zls #pun-j7j .row-d85 img  { 
      width: 56px;
    }
  }
  
  .slick-z6i { 
      position: relative; 
      top: 0; 
      left: 0; 
      display: block; 
      margin-left: auto; 
      margin-right: auto;
  } 
  
  .slide-q95 .slick-z6i  { 
      -webkit-transform: translate3d(0, 0, 0); 
      -moz-transform: translate3d(0, 0, 0); 
      -ms-transform: translate3d(0, 0, 0); 
      -o-transform: translate3d(0, 0, 0); 
      transform: translate3d(0, 0, 0);
  } 
  
  #pun-j7j .slick-z6i  { 
      height: 600px; 
      display: flex; 
      align-items: center;
  } 
  
  .slick-z6i:before,.slick-z6i:after { 
      display: table; 
      content: '';
  } 
  
  .slick-z6i:after { 
      clear: both;
  } 
  
  .slide-y4p { 
      display: none; 
      float: left; 
      height: 100%; 
      min-height: 1px;
  } 
  
  .slick-gyz .slide-y4p  { 
      display: block;
  } 
  
  #pun-j7j .slide-y4p  { 
      height: fit-content;
  } 
  
  #pun-j7j .slick-z6i .slide-y4p:nth-child(2n)  { 
      transform: translateY(-30%);
  } 
  
  .fa-6hp { 
      -webkit-animation-name: fadeInLeft; 
      animation-name: fadeInLeft;
  } 
  
  .card-gyi  { 
      transition: all .3s ease; 
      padding: 2.5rem; 
      cursor: pointer;
  } 
  
  .section-zls .card-gyi:hover { 
      transform: scale(1.1);
  } 
  
  .mb-zbi { 
      margin-bottom: 1rem!important;
  } 
  
  .section-zls .slide-y4p img  { 
      display: block;
  } 
  
  .section-zls #pun-j7j .slide-y4p img  { 
      border-radius: var(--general_border_radius); 
      width: 100%; 
      box-shadow: 0px 0px 20px -2px rgba(0,0,0,.52); 
      height: fit-content;
  } 
  
  .mb-ogq { 
      margin-bottom: .5rem!important;
  } 
  
  .title-z8h  { 
      font-size: 1rem; 
      font-weight: 700; 
      color: var(--primary_color);
  } 
  
  .mb-jc1 { 
      margin-bottom: 0!important;
  } 
  
  .card-2sc  { 
      font-size: 1rem; 
      font-weight: 300; 
      color: var(--secondary_color_font);
  } 
  
  .slick-w9r:hover { 
      color: transparent; 
      outline: none; 
      background: transparent;
  } 
  
  
  @keyframes fadeInLeft { 
    0% {  
        opacity: 0; 
        -webkit-transform: translate3d(-100%,0,0); 
        transform: translate3d(-100%,0,0); 
        opacity: 0; 
        transform: translate3d(-100%, 0px, 0px); 
    }  
    100% {  
        opacity: 1; 
        -webkit-transform: translateZ(0); 
        transform: translateZ(0); 
        opacity: 1; 
        transform: translateZ(0px); 
    }  
  
  } 
  /* These were inline style tags. Uses id+class to override almost everything */
  #style-z5IJo.style-z5IJo {  
     max-width:60px;  
  }  
  #style-tXwCc.style-tXwCc {  
     opacity: 1;  
      width: 3626px;  
      transform: translate3d(-1813px, 0px, 0px);  
  }  
  #iggsf.style-r4GK9 {  
     width: 259px;  
  }  
  #style-EYAld.style-EYAld {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-tWAgs {  
     width: 259px;  
  }  
  #style-XProI.style-XProI {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-amdzI {  
     width: 259px;  
  }  
  #style-Nj4ed.style-Nj4ed {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-K3vyn {  
     width: 259px;  
  }  
  #style-doAyb.style-doAyb {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-XCOqC.style-XCOqC {  
     width: 259px;  
  }  
  #style-rxKq2.style-rxKq2 {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-FgTPL.style-FgTPL {  
     width: 259px;  
  }  
  #style-gd5PY.style-gd5PY {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-btBp6.style-btBp6 {  
     width: 259px;  
  }  
  #style-kkTtE.style-kkTtE {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-4wRTV.style-4wRTV {  
     width: 259px;  
  }  
  #style-KKdRW.style-KKdRW {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-IopQL.style-IopQL {  
     width: 259px;  
  }  
  #style-KFqPD.style-KFqPD {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-pGwg6 {  
     width: 259px;  
  }  
  #style-mC3Ae.style-mC3Ae {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-nT3fY {  
     width: 259px;  
  }  
  #style-dSmeX.style-dSmeX {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-oGXro {  
     width: 259px;  
  }  
  #style-exbSf.style-exbSf {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-NDn3W {  
     width: 259px;  
  }  
  #style-CWzDz.style-CWzDz {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #iggsf.style-Czl6Q {  
     width: 259px;  
  }  
  #style-f9Yjb.style-f9Yjb {  
     width: 100%;  
      display: inline-block;  
      visibility: visible;  
      animation-name: fadeInLeft;  
  }  
  #style-rFkUM.style-rFkUM {  
     max-width:60px;  
  }  
  
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 

.container-8az { 
  width: 100%; 
  padding-right: 0.75rem; 
  padding-left: 0.75rem; 
  margin-right: auto; 
  margin-left: auto;
} 

@media (min-width: 576px){ 
  .container-8az { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  .container-8az { 
    max-width: 720px;
  } 
}     

@media (min-width: 992px){ 
  .container-8az { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  .container-8az { 
    max-width: 1140px;
  } 
}     

@media (min-width: 1400px){ 
  .container-8az { 
    max-width: 1320px;
  } 
}     

.my-f5z { 
  margin-top: 1rem!important; 
  margin-bottom: 1rem!important;
} 

.py-sjr { 
  padding-top: 1rem!important; 
  
} 

@media (min-width: 576px){ 
  .mt-sm-oyl { 
    margin-top: 3rem!important;
  } 

  .pt-sm-oqi { 
    padding-top: 3rem!important;
  } 
}     

.row-g5k { 
  display: flex; 
  flex-wrap: wrap; 
  margin-top: 0; 
  margin-right: -0.75rem; 
  margin-left: -0.75rem;
} 

.row-g5k > *  { 
  flex-shrink: 0; 
  width: 100%; 
  max-width: 100%; 
  padding-right: 0.75rem; 
  padding-left: 0.75rem; 
  margin-top: 0;
} 

.col-h3b { 
  flex: 0 0 auto; 
  width: 100%;
} 

.mb-2ep { 
  margin-bottom: 0!important;
} 

.text-e65 { 
  text-align: center!important;
} 

.title-e3a { 
  font-size: 2.1rem; 
  font-weight: 700; 
  line-height: 1.2; 
  color: var(--primary_color_font);
} 
  .section-xsk {  
    margin: 0;
    font-family: var(--primary_font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--primary_color_font);
    text-align: left;
    background-color: transparent;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }  
@media (min-width: 425px){     
  .section-xsk {  
    font-size:15px;
  }  
}  
@media (min-width: 768px){     
  .section-xsk {  
    font-size:16px;
  }  
}  
@media (min-width: 1200px){     
  .section-xsk {  
    font-size:17px;
  }  
}  
.section-xsk * { 
    box-sizing: border-box;
} 


@media (min-width: 425px){ 
  .section-xsk { 
    font-size: 15px;
  } 
}     

@media (min-width: 768px){ 
  .section-xsk { 
    font-size: 16px;
  } 
}     

@media (min-width: 1200px){ 
  .section-xsk { 
    font-size: 17px;
  } 
}     

.section-xsk { 
    overflow-x: none;
} 

.section-xsk { 
    top: 0!important;
} 

.section-xsk { 
    font-family: var(--primary_font); 
    overflow-x: hidden; 
    color: var(--primary_color_font); 
    font-size: 14px;
} 

@media (min-width: 425px){ 
  .section-xsk { 
    font-size: 15px;
  } 
}     

@media (min-width: 768px){ 
  .section-xsk { 
    font-size: 16px;
  } 
}     

@media (min-width: 1200px){ 
  .section-xsk { 
    font-size: 17px;
  } 
}     

.section-xsk { 
    margin-top: 0 !important;
} 

.section-xsk *,.section-xsk *:after,.section-xsk *:before { 
    box-sizing: border-box;
} 

.container-zoj { 
    width: 100%; 
    padding-right: 0.75rem; 
    padding-left: 0.75rem; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  .container-zoj { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  .container-zoj { 
    max-width: 720px;
  } 
}     

@media (min-width: 992px){ 
  .container-zoj { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  .container-zoj { 
    max-width: 1140px;
  } 
}     

@media (min-width: 1400px){ 
  .container-zoj { 
    max-width: 1320px;
  } 
}     

.mb-gio { 
    margin-bottom: 3rem!important;
} 

@media (min-width: 1200px){ 
  .section-xsk { 
    padding-bottom: 0;
  } 
}     

.section-xsk .sombra-mhj  { 
    width: 1px; 
    height: 1px; 
    margin: 0 auto; 
    background: #6c757d; 
    box-shadow: 0 0 150px 100px rgba(0,0,0,.5); 
    border-radius: 50%; 
    transform: rotateX(86deg);
} 

@media (min-width: 768px){ 
  .section-xsk .sombra-mhj  { 
    box-shadow: 0 0 150px 200px rgba(0,0,0,.5); 
    transform: rotateX(87deg);
  } 

  .section-xsk .sombra-mhj  { 
    box-shadow: 0 0 200px 300px rgba(0,0,0,.5); 
    transform: rotateX(87deg);
  } 
}     

.mt-bn7 { 
    margin-top: 1.5rem!important;
} 

#sli-jgd { 
    width: 100%; 
    display: flex; 
    justify-content: center;
} 

.section-xsk .row-3t2 > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(1.5rem * .5); 
    padding-left: calc(1.5rem * .5); 
    margin-top: 0;
} 

.content-ms5 { 
    position: relative;
} 

.section-xsk button { 
    border-radius: 0;
} 

.section-xsk button { 
    margin: 0; 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.section-xsk button { 
    text-transform: none;
} 

.section-xsk button { 
    -webkit-appearance: button;
    appearance: button;
} 

button:not(:disabled) { 
    cursor: pointer;
} 

.content-ms5 .carousel-b8z  { 
    width: 60px; 
    height: 60px; 
    padding: 0; 
    border: 0; 
    background: rgba(0,0,0,0); 
    position: absolute; 
    opacity: 1; 
    transition: all .3s;
} 

.content-ms5 .carousel-b8z  { 
    top: calc(50% - 30px); 
    left: -5%;
} 

.content-ms5 .carousel-b8z:hover { 
    opacity: .5;
} 

.content-ms5 .carousel-sm1  { 
    width: 60px; 
    height: 60px; 
    padding: 0; 
    border: 0; 
    background: rgba(0,0,0,0); 
    position: absolute; 
    opacity: 1; 
    transition: all .3s;
} 

.content-ms5 .carousel-sm1  { 
    top: calc(50% - 30px); 
    right: -5%;
} 

.content-ms5 .carousel-b8z:hover, .content-ms5 .carousel-sm1:hover { 
    opacity: .5;
} 

.section-xsk a { 
    color: var(--third_color); 
    text-decoration: underline;
} 

a:hover { 
    color: var(--primary_color);
} 

.slide-dcc { 
    display: block; 
    margin: .4rem; 
    width: .7rem; 
    height: .7rem; 
    background: var(--secondary_color); 
    border-radius: 100px; 
    cursor: pointer; 
    opacity: .8;
} 

.slide-dcc.act-olq { 
    background: var(--primary_color); 
    opacity: 1;
} 

.carousel-yky { 
    position: relative;
} 

@media (min-width: 768px){ 
  .carousel-zt8 { 
    margin: 0 auto; 
    aspect-ratio: 780/460; 
    width: 70%; 
    perspective: 1200px; 
    transform-style: preserve-3d; 
    transform-origin: 0% 50%;
  } 
}     

.carousel-item-m48 { 
    position: relative; 
    display: none; 
    float: left; 
    width: 100%; 
    margin-right: -100%; 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    transition: transform .6s ease-in-out;
} 

.carousel-zt8 .carousel-db1  { 
    visibility: hidden; 
    width: 100%; 
    aspect-ratio: 647/465; 
    position: absolute; 
    top: 0; 
    left: 0;
} 

@media (min-width: 768px){ 
  .carousel-zt8 .carousel-db1  { 
    width: 70%;
  } 
}     

.content-ms5 .carousel-zt8 .carousel-db1  { 
    background-size: cover; 
    background-position: center; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    transition: transform 0s ease-in-out; 
    border-radius: 15px;
} 

.section-xsk img { 
    vertical-align: middle;
} 

.content-ms5 .carousel-b8z img  { 
    width: 100%; 
    height: 100%;
} 

.content-ms5 .carousel-sm1 img  { 
    width: 100%; 
    height: 100%;
} 

.carousel-item-m48.act-olq { 
    display: block;
    visibility: visible;
    opacity: 1;
} 

.content-ms5 .carousel-zt8 .carousel-db1 .content-c24  { 
    position: relative; 
    height: 100%; 
    display: flex; 
    align-items: flex-end;
} 

.content-ms5 .carousel-zt8 .carousel-db1 img  { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    border-top-left-radius: 15px; 
    border-top-right-radius: 15px; 
    border-bottom-left-radius: 15px; 
    border-bottom-right-radius: 15px; 
    z-index: -1; 
    transition: .5s ease; 
    -o-object-fit: cover; 
    object-fit: cover; 
    -o-object-position: top; 
    object-position: top;
} 

@media (max-width: 768px){ 
  .carousel-zt8 { 
    overflow: visible; 
    position: relative; 
    width: 85%; 
    margin: 16px auto 0; 
    aspect-ratio: 780/680;
  } 
  .content-ms5{
    padding-top: 30px;
}
}     

@media (max-width: 450px){ 
  .carousel-zt8 { 
    width: 80%;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-xjQis.style-xjQis {  
   z-index: 0;  
    opacity: 1;  
    visibility: visible;  
    transform: translateX(136px) translateY(39px) translateX(0px) translateX(0px) translateZ(0px);  
}  
#style-nayTA.style-nayTA {  
   transform: translateX(136px) translateY(39px) translateX(384px) translateZ(-200px);  
    z-index: -1;  
    opacity: 0.333333;  
    visibility: visible;  
}  
#style-Kfb3v.style-Kfb3v {  
   transform: translateX(136px) translateY(39px) translateX(-384px) translateZ(-200px);  
    z-index: -1;  
    opacity: 0.333333;  
    visibility: visible;  
}