/* 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%;
  } 
}     



@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-ii4 {  
    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;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: initial;
    position: relative;
    margin-bottom: 200px;
    margin-top: 170px;
    overflow: visible;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }  

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

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

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

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

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

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

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

.row-3t2 { 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: calc(-1 * 0); 
    margin-right: calc(-.5 * 1.5rem); 
    margin-left: calc(-.5 * 1.5rem);
} 

.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;
} 

@media (min-width: 1200px){ 
  .col-wlq { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

.d-xe2 { 
    display: flex!important;
} 

.column-ois { 
    flex-direction: column!important;
} 

.content-8p2 { 
    justify-content: center!important;
} 

.item-9ir { 
    align-items: center!important;
} 

@media (min-width: 1200px){ 
  .item-anh { 
    align-items: flex-end!important;
  } 

  .pe-xl-3qt { 
    padding-right: 3rem!important;
  } 
}     

.content-oxf { 
    justify-content: flex-start!important;
} 

.px-jfy { 
    padding-right: 1rem!important; 
    padding-left: 1rem!important;
} 

@media (min-width: 576px){ 
  .px-sm-c5d { 
    padding-right: 3rem!important; 
    padding-left: 3rem!important;
  } 
}     

@media (min-width: 1200px){ 
  .ps-xl-8cx { 
    padding-left: 3rem!important;
  } 
}     

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

.mb-xrz { 
    margin-bottom: .25rem!important;
} 

.text-5wz { 
    text-align: center!important;
} 

@media (min-width: 1200px){ 
  .text-flj { 
    text-align: right!important;
  } 
}     

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

.section-ii4 .title-gmn  { 
    font-size: 2.4rem; 
    font-weight: 700; 
    color: var(--secondary_color_font);
} 

.mb-ngm { 
    margin-bottom: 1.5rem!important;
} 

.section-ii4 .oexes  { 
    font-size: 1.8rem; 
    font-weight: 300; 
    color: var(--secondary_color_font);
} 

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

.btn-e4k { 
    display: inline-block; 
    font-weight: 400; 
    line-height: 1.5; 
    color: var(--primary_color_font); 
    text-align: center; 
    text-decoration: none; 
    vertical-align: middle; 
    cursor: pointer; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none; 
    background-color: transparent; 
    border: 1px solid transparent; 
    padding: .375rem .75rem; 
    font-size: 1rem; 
    border-radius: var(--general_border_radius); 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 

.mb-ba8 { 
    margin-bottom: 1rem!important;
} 

.section-ii4 .btn-crp { 
    border-radius: var(--general_border_radius);
    text-decoration: none;
    color: white;
} 

.section-ii4 .btn-npa { 
    font-size: 1rem;
} 

.btn-e6y { 
    padding: .5rem 2rem; 
    color: var(--secondary_color_font); 
    font-weight: 300; 
    background: var(--primary_color); 
    border: none; 
    transition: all .3s;
} 

.btn-4ck { 
    transform: perspective(1px) translateZ(0); 
    overflow: hidden;
} 

.btn-e6y:before { 
    background: var(--secondary_color_font); 
    border-radius: 50px;
} 

.btn-4ck:before { 
    content: ""; 
    position: absolute; 
    z-index: -1; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    transform: scale(0); 
    transition-property: transform; 
    transition-duration: .3s;
} 

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

.btn-e4k:hover { 
    color: var(--primary_color_font);
} 

.btn-e6y:hover { 
    color: var(--primary_color); 
    box-shadow: 0 0 1px 1px var(--primary_color);
} 

.btn-4ck:hover:before,.btn-4ck:focus:before,.btn-4ck:active:before { 
    transform: scale(1.15);
} 

.position-wel { 
    position: relative!important;
} 

.w-ypd { 
    width: 100%!important;
} 

.section-ii4 .img-bif  { 
    height: 100%;
} 

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

.block-x87 { 
    display: block!important;
} 

@media (min-width: 1200px){ 
  .d-xl-kr3 { 
    display: none!important;
  } 
}     

.section-ii4 img  { 
    transform: scale(1.2); 
    height: 100%; 
    object-fit: cover;
} 

.d-ezg { 
    display: none!important;
} 

@media (min-width: 1200px){ 
  .block-c1i { 
    display: block!important;
  } 
}     

.position-9a5 { 
    position: absolute!important;
} 

.section-ii4 .sombra-8cb  { 
    left: 0; 
    right: 0; 
    width: 1px; 
    height: 1px; 
    margin: 0 auto; 
    margin-top: 10%; 
    background: #6c757d; 
    box-shadow: 0 0 150px 180px rgba(0,0,0,.5); 
    border-radius: 50%; 
    transform: rotateX(86deg);
} 

@media (min-width: 1200px){ 
  .section-ii4 .sombra-8cb  { 
    box-shadow: 0 0 200px 300px rgba(0,0,0,.5); 
    transform: rotateX(87deg); 
    margin-top: 20%;
  } 
}     

@media (max-width: 1200px){ 
  .section-ii4 { 
    margin-bottom: 100px; 
    margin-top: 0px;
    padding-top: 100px;
  } 

  .section-ii4 { 
    height: auto !important;
  } 

.section-ii4 .img-bif  { 
    margin-top: -10%; 
    margin-bottom: 0px; 
    height: 100%;
  } 

  .section-ii4 img  { 
    aspect-ratio: 1.3/1; 
    object-fit: cover; 
    transform: none;
  } 
}     

@media (max-width: 992px){ 
  .section-ii4 img  { 
    transform: none;
  }
  .item-9ir {
    margin-bottom: 1rem;
} 
}     

@media (max-width: 450px){ 
  .section-ii4 .sombra-8cb  { 
    box-shadow: 0 0 150px 100px rgba(0,0,0,.5); 
    margin-top: 10%;
  } 
}     



@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'); 
  body {  
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
  }  
@media (min-width: 425px){     
  body {  
    font-size:15px;
  }  
}  
@media (min-width: 768px){     
  body {  
    font-size:16px;
  }  
}  
@media (min-width: 1200px){     
  body {  
    font-size:17px;
  }  
}  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --bs-gutter-x:  1.5rem;  
    --bs-gutter-y:  0;  
} 

* { 
    box-sizing: border-box;
} 

body { 
    margin: 0; 
    font-family: var(--bs-body-font-family); 
    font-size: var(--bs-body-font-size); 
    font-weight: var(--bs-body-font-weight); 
    line-height: var(--bs-body-line-height); 
    color: var(--bs-body-color); 
    text-align: var(--bs-body-text-align); 
    background-color: var(--bs-body-bg); 
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: transparent;
} 

body { 
    font-family: "Poppins",sans-serif; 
    overflow-x: hidden; 
    color: #343233; 
    font-size: 14px;
} 

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

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

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

body { 
    overflow-x: none;
} 

body { 
    top: 0!important;
} 

html { 
    font-family: "Poppins",sans-serif; 
    overflow-x: hidden; 
    color: #343233; 
    font-size: 14px;
} 

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

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

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

html { 
    margin-top: 0 !important;
} 

:root { 
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
    --bs-body-font-family: var(--bs-font-sans-serif); 
    --bs-body-font-size: 1rem; 
    --bs-body-font-weight: 400; 
    --bs-body-line-height: 1.5; 
    --bs-body-color: #212529; 
    --bs-body-bg: #fff;
} 

@media (prefers-reduced-motion: no-preference){ 
  :root { 
    scroll-behavior: smooth;
  } 
}     

@media all{ 
  :root { 
    --wp-block-synced-color: #7a00df; 
    --wp-bound-block-color: var(--wp-block-synced-color); 
  } 
}     

@media (min-width: 768px){ 
  .mb-md-swz { 
    margin-bottom: 3rem!important;
  } 
}     

.fli-w9k { 
    -webkit-backface-visibility: visible!important; 
    backface-visibility: visible!important; 
    -webkit-animation-name: flipInX; 
    animation-name: flipInX;
} 

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

.container-kg8,.container-stz { 
    width: 100%; 
    
    margin-right: auto; 
    margin-left: auto;
} 

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

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

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

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

.row-xf4 { 
    --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));
} 

.row-xf4 > *  { 
    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);
} 

@media (min-width: 768px){ 
  .col-dok { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

.order-3gy { 
    order: 1!important;
} 

.p-4sd { 
    padding: 3rem!important;
} 

@media (min-width: 768px){ 
  .order-md-3ty { 
    order: 2!important;
  } 
}     

.section-3jo .info-y7q  { 
    background-image: url("https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/images/fondo_4.png"); 
    background-size: cover; 
    border-top-right-radius: var(--general_border_radius); 
    border-bottom-right-radius: var(--general_border_radius);
} 

.d-z8e { 
    display: flex!important;
} 

.content-tiw { 
    justify-content: center!important;
} 

.item-nhw { 
    align-items: center!important;
} 

.order-xtn { 
    order: 2!important;
} 

@media (min-width: 768px){ 
  .order-md-gmo { 
    order: 1!important;
  } 

  .map-py8 { 
    border-top-left-radius: var(--general_border_radius) !important; 
    border-bottom-left-radius: var(--general_border_radius) !important;
  } 
}     

.section-3jo .logo-27d  { 
    background-image: url("https://nucleo.kitdigitalplatform.com/wp-content/themes/wp-nucleo/assets/images/m_11.png"); 
    background-size: cover; 
    border-top-left-radius: var(--general_border_radius); 
    border-bottom-left-radius: var(--general_border_radius);
} 

p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

.section-3jo .title-h2j  { 
    font-size: 2.1rem; 
    font-weight: 300; 
    line-height: 1.2; 
    color: #fff;
} 

.section-3jo .sqgyg  { 
    font-size: 1.1rem; 
    font-weight: 500; 
    color: #fff;
} 

.section-3jo .text-cte  { 
    font-size: 1rem; 
    font-weight: 300; 
    color: #fff;
} 

@media all{ 
  .map-n5a { 
    border: 1px solid lightgray; 
    box-sizing: border-box; 
    display: block; 
    max-width: none; 
    min-width: 200px; 
    opacity: 1 !important; 
    padding: 0px !important;
  } 
}     

.map-n5a { 
    height: 100%;
} 

@media (min-width: 768px){ 
  #map-99f { 
    border: none;
  } 
}     

@media all{ 
  .map-n5a *  { 
    box-sizing: border-box; 
    color: black; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
    font-size: 13px;
  } 

  .wrapper-2o1 { 
    min-height: 50px; 
    position: relative;
  } 
}     

.wrapper-2o1 { 
    height: 100%;
} 

@media all{ 
  .content-csx { 
    display: flex; 
    flex-direction: column; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
  } 

  .main-llt { 
    display: flex; 
    flex: 1; 
    overflow: hidden; 
    position: relative;
  } 

  .sidebar-8zz { 
    background-color: white; 
    border-right: 1px solid lightgray; 
    display: flex; 
    flex-direction: column; 
    max-width: 55%; 
    position: relative; 
    transition-property: all; 
    transition-duration: .1s; 
    width: 0;
  } 
}     

.sidebar-8zz,.sidebar-7eh { 
    display: none;
} 

@media all{ 
  .sidebar-8zz.sidebar-7eh { 
    width: 300px;
  } 

  .panel-44x { 
    flex: 1; 
    height: 100%; 
    margin: 0px; 
    overflow: hidden !important; 
    padding: 0px !important; 
    position: relative;
  } 

  .sidebar-t2r { 
    align-items: center; 
    background-color: white; 
    border: 1px solid lightgray; 
    cursor: pointer; 
    display: flex; 
    height: 40px; 
    justify-content: center; 
    margin: auto; 
    position: absolute; 
    top: 0; 
    left: 100%; 
    bottom: 0; 
    width: 20px; 
    z-index: 1000;
  } 

  .sidebar-t2r:before { 
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent; 
    border-bottom: 6px solid transparent; 
    border-left: 6px solid black; 
    content: '';
  } 

  .sidebar-7eh .sidebar-t2r::before { 
    width: 0; 
    height: 0; 
    border-left: none; 
    border-right: 6px solid black;
  } 

  .list-71b { 
    display: flex; 
    flex-direction: column; 
    flex: 1; 
    overflow: hidden; 
    position: relative;
  } 

  .container-mon { 
    overflow: hidden;
  } 

  .container-mon { 
    -webkit-tap-highlight-color: transparent;
  } 

  .leaflet-a66 { 
    cursor: -webkit-grab; 
    cursor: -moz-grab; 
    cursor: grab;
  } 

  .container-mon { 
    background: #ddd; 
    outline: 0;
  } 

  .container-mon { 
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  } 

  .map-brd { 
    user-select: none;
  } 

  .map-brd { 
    height: 100%; 
    word-wrap: normal;
  } 
}     

@media (min-width: 768px){ 
  .map-brd { 
    border-top-left-radius: var(--general_border_radius) !important; 
    border-bottom-left-radius: var(--general_border_radius) !important;
  } 
}     

@media all{ 
  .container-mon.leaflet-touch-mm3 { 
    -ms-touch-action: pan-x pan-y; 
    touch-action: pan-x pan-y;
  } 

  .container-mon.leaflet-touch-rji { 
    -ms-touch-action: pinch-zoom; 
    touch-action: none; 
    touch-action: pinch-zoom;
  } 

  .container-mon.leaflet-touch-rji.leaflet-touch-mm3 { 
    -ms-touch-action: none; 
    touch-action: none;
  } 

  .map-n1j { 
    border: 2px solid rgba(0,0,0,0.2); 
    border-radius: 4px; 
    position: absolute; 
    z-index: 1000;
  } 

  .map-jgg { 
    top: 10px; 
    right: 10px;
  } 

  .map-4hv { 
    bottom: 120px; 
    right: 10px;
  } 

  .list-71b .item-gp2  { 
    flex: 1; 
    overflow: auto;
  } 

  .leaflet-ahs { 
    position: absolute; 
    left: 0; 
    top: 0;
  } 

  .leaflet-ahs { 
    z-index: 400;
  } 

  .map-n1j > div  { 
    background-color: white; 
    background-position: center; 
    background-repeat: no-repeat; 
    border-radius: 2px; 
    height: 30px; 
    line-height: 30px; 
    opacity: 1; 
    width: 30px;
  } 

  .map-jgg > div  { 
    background-image: url('https://nucleo.kitdigitalplatform.com/wp-content/plugins/mappress-google-maps-for-wordpress/images/fullscreen.svg'); 
    background-size: 18px 18px;
  } 

  .map-n1j:hover > div { 
    background-color: #f4f4f4; 
    opacity: 1;
  } 

  .map-4hv > div  { 
    background-image: url('https://nucleo.kitdigitalplatform.com/wp-content/plugins/mappress-google-maps-for-wordpress/images/geolocate.svg'); 
    background-size: 14px 14px;
  } 

  .list-71b .item-o6h  { 
    align-items: center; 
    border-bottom: 1px solid lightgray; 
    display: flex; 
    cursor: pointer; 
    overflow: hidden; 
    padding: 10px;
  } 

  .list-71b .item-o6h:hover { 
    background-color: #eaeaea;
  } 

  .leaflet-tile-i3g { 
    z-index: 200;
  } 

  .leaflet-shadow-me4 { 
    z-index: 500;
  } 

  .overlay-2k1 { 
    z-index: 400;
  } 

  .leaflet-marker-ezy { 
    z-index: 600;
  } 

  .tooltip-4nh { 
    z-index: 650;
  } 

  .popup-sag { 
    z-index: 700;
  } 

  .popup-sag { 
    cursor: auto;
  } 

  .leaflet-zoom-f8x { 
    -webkit-transform-origin: 0 0; 
    -ms-transform-origin: 0 0; 
    transform-origin: 0 0;
  } 

  .leaflet-qws { 
    position: absolute; 
    z-index: 1000; 
    pointer-events: none;
  } 

  .leaflet-qws { 
    top: 0;
  } 

  .leaflet-vbk { 
    left: 0;
  } 

  .leaflet-mh3 { 
    right: 0;
  } 

  .leaflet-yn7 { 
    position: absolute; 
    z-index: 1000; 
    pointer-events: none;
  } 

  .leaflet-yn7 { 
    bottom: 0;
  } 

  .list-71b .info-53a  { 
    flex: 1;
  } 

  .leaflet-fbx { 
    position: absolute; 
    left: 0; 
    top: 0;
  } 
}     

img { 
    vertical-align: middle;
} 

@media all{ 
  .icon-a8y { 
    position: absolute; 
    left: 0; 
    top: 0;
  } 

  .icon-a8y { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none; 
    -webkit-user-drag: none;
  } 

  .icon-a8y { 
    display: block;
  } 

  .leaflet-oaj { 
    cursor: pointer;
  } 

  .icon-a8y { 
    pointer-events: none;
  } 

  .map-brd img  { 
    background: none; 
    box-shadow: none !important; 
    border-radius: 0px !important; 
    visibility: inherit !important;
  } 

  .icon-a8y.leaflet-oaj { 
    pointer-events: auto;
  } 

  .container-mon .leaflet-marker-ezy img  { 
    max-width: none !important; 
    max-height: none !important;
  } 

  .content-csx .main-llt .map-brd img  { 
    border: none; 
    max-width: none; 
    padding: 0;
  } 

  .leaflet-did { 
    position: relative; 
    z-index: 800; 
    pointer-events: auto;
  } 

  .leaflet-did { 
    float: left; 
    clear: both;
  } 

  .leaflet-did { 
    cursor: auto;
  } 

  .bar-zvc { 
    box-shadow: 0 1px 5px rgba(0,0,0,0.65); 
    border-radius: 4px;
  } 

  .leaflet-mh3 .leaflet-did  { 
    float: right;
  } 

  .leaflet-yn7 .leaflet-did  { 
    margin-bottom: 10px;
  } 

  .leaflet-mh3 .leaflet-did  { 
    margin-right: 10px;
  } 

  .leaflet-do7 .bar-zvc  { 
    box-shadow: none;
  } 

  .leaflet-do7 .bar-zvc  { 
    border: 2px solid rgba(0,0,0,0.2); 
    background-clip: padding-box;
  } 
}     

.leaflet-do7 .bar-zvc  { 
    border: none;
} 

@media all{ 
  .leaflet-control-owk { 
    padding: 0 5px; 
    color: #333;
  } 

  .container-mon .leaflet-control-owk  { 
    background: rgba(255, 255, 255, 0.7); 
    margin: 0;
  } 

  .container-mon .leaflet-control-owk  { 
    font-size: 11px;
  } 

  .leaflet-do7 .leaflet-control-owk  { 
    box-shadow: none;
  } 

  .list-71b .info-53a .map-wzs  { 
    align-items: center; 
    display: flex;
  } 

  .container-ais { 
    position: absolute; 
    left: 0; 
    top: 0;
  } 

  .container-ais { 
    pointer-events: none;
  } 
}     

a { 
    color: #0d6efd; 
    text-decoration: underline;
} 

[role="button"] { 
    cursor: pointer;
} 

@media all{ 
  .leaflet-control-zoom-zky { 
    font: bold 18px 'Lucida Console', Monaco, monospace; 
    text-indent: 1px;
  } 

  .container-mon a  { 
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
  } 

  .container-mon a  { 
    color: #0078A8;
  } 

  .bar-zvc a  { 
    background-color: #fff; 
    border-bottom: 1px solid #ccc; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    display: block; 
    text-align: center; 
    text-decoration: none; 
    color: black;
  } 

  .bar-zvc a  { 
    background-position: 50% 50%; 
    background-repeat: no-repeat; 
    display: block;
  } 

  a.leaflet-control-zoom-zky { 
    text-decoration: none !important;
  } 

  .leaflet-do7 .leaflet-control-zoom-zky  { 
    font-size: 22px;
  } 

  .bar-zvc a:first-child  { 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px;
  } 

  .leaflet-do7 .bar-zvc a  { 
    width: 30px; 
    height: 30px; 
    line-height: 30px;
  } 

  .leaflet-do7 .bar-zvc a:first-child  { 
    border-top-left-radius: 2px; 
    border-top-right-radius: 2px;
  } 
}     

a:hover { 
    color: #0a58ca;
} 

@media all{ 
  .bar-zvc a , .bar-zvc a:hover { 
    background-color: #fff; 
    border-bottom: 1px solid #ccc; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    display: block; 
    text-align: center; 
    text-decoration: none; 
    color: black;
  } 

  .bar-zvc a:hover { 
    background-color: #f4f4f4;
  } 

  .leaflet-control-zoom-od8 { 
    font: bold 18px 'Lucida Console', Monaco, monospace; 
    text-indent: 1px;
  } 

  .leaflet-control-zoom-od8 { 
    text-decoration: none !important;
  } 

  .bar-zvc a, .bar-zvc a:hover { 
    background-color: #fff; 
    border-bottom: 1px solid #ccc; 
    width: 26px; 
    height: 26px; 
    line-height: 26px; 
    display: block; 
    text-align: center; 
    text-decoration: none; 
    color: black;
  } 

  .leaflet-do7 .leaflet-control-zoom-od8  { 
    font-size: 22px;
  } 

  .bar-zvc a:last-child  { 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    border-bottom: none;
  } 

  .leaflet-do7 .bar-zvc a:last-child  { 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px;
  } 

  .leaflet-control-owk a  { 
    text-decoration: none;
  } 

  .container-mon .leaflet-control-owk *  { 
    font-size: 8px;
  } 

  .leaflet-control-owk a:hover { 
    text-decoration: underline;
  } 

  img.icon-fo2 { 
    box-shadow: none !important; 
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)); 
    height: 32px; 
    width: 32px; 
    vertical-align: middle;
  } 

  .list-71b .item-o6h .icon-fo2  { 
    border: none; 
    max-width: 32px !important; 
    max-height: 32px; 
    margin: 0 5px; 
    padding: 0;
  } 

  .list-71b .title-g47  { 
    flex: 1;
  } 

  .leaflet-3a3 { 
    position: absolute; 
    left: 0; 
    top: 0;
  } 

  .leaflet-3a3 { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none; 
    -webkit-user-drag: none;
  } 

  .leaflet-3a3 { 
    filter: inherit; 
    visibility: hidden;
  } 

  .leaflet-tile-jw6 { 
    visibility: inherit;
  } 

  .fa-nyj .leaflet-3a3  { 
    will-change: opacity;
  } 

  .container-mon .leaflet-tile-i3g img ,.container-mon .leaflet-3a3  { 
    max-width: none !important; 
    max-height: none !important;
  } 

  .leaflet-3a3:selection { 
    background: transparent;
  } 
}     

@media (max-width: 768px){ 
  .section-3jo .info-y7q  { 
    background-image: none; 
    background: linear-gradient(360deg, rgb(156, 122, 198) 12%, rgb(123, 131, 203) 34%, rgb(83, 144, 207) 60%, rgb(15, 165, 218) 89%); 
    border-radius: 0px;
  } 

  .section-3jo .logo-27d  { 
    aspect-ratio: 1/1; 
    border-radius: 0px;
  } 
}     

@media all{ 
  .mapp-mini .main-llt  { 
    flex-direction: column-reverse;
  } 
}     

.sidebar-8zz { 
    display: none;
} 

@media all{ 
  .mapp-mini .sidebar-8zz  { 
    bottom: 0; 
    height: 0; 
    left: 0; 
    max-width: none; 
    position: absolute; 
    right: 0; 
    transition-property: all; 
    transition-duration: .3s; 
    width: auto; 
    z-index: 10000;
  } 

  .mapp-mini .map-4hv  { 
    bottom: auto; 
    top: 60px;
  } 
}     

@media (max-width: 768px){ 
  .section-3jo .logo-27d img  { 
    max-width: 80px;
  } 
}     


@keyframes flipInX { 
  0% {  
      -webkit-transform: perspective(400px) rotateX(90deg); 
      transform: perspective(400px) rotateX(90deg); 
      -webkit-animation-timing-function: ease-in; 
      animation-timing-function: ease-in; 
      opacity: 0; 
      transform: perspective(400px) rotateX(90deg); 
      animation-timing-function: ease-in; 
      opacity: 0; 
  }  
  40% {  
      -webkit-transform: perspective(400px) rotateX(-20deg); 
      transform: perspective(400px) rotateX(-20deg); 
      -webkit-animation-timing-function: ease-in; 
      animation-timing-function: ease-in; 
      transform: perspective(400px) rotateX(-20deg); 
      animation-timing-function: ease-in; 
  }  
  60% {  
      -webkit-transform: perspective(400px) rotateX(10deg); 
      transform: perspective(400px) rotateX(10deg); 
      opacity: 1; 
      transform: perspective(400px) rotateX(10deg); 
      opacity: 1; 
  }  
  80% {  
      -webkit-transform: perspective(400px) rotateX(-5deg); 
      transform: perspective(400px) rotateX(-5deg); 
      transform: perspective(400px) rotateX(-5deg); 
  }  
  100% {  
      -webkit-transform: perspective(400px); 
      transform: perspective(400px); 
      transform: perspective(400px); 
  }  

} 
/* These were inline style tags. Uses id+class to override almost everything */
#style-q8fbQ.style-q8fbQ {  
   visibility: visible;  
    animation-name: flipInX;  
}  
#style-xYUmr.style-xYUmr {  
   padding-left: 0;  
    padding-right: 0;  
}  
#style-2ymL6.style-2ymL6 {  
   padding-bottom: 350px;  
}  
#style-q8rXo.style-q8rXo {  
   position: relative;  
}  
#style-OkDBc.style-OkDBc {  
   transform: translate3d(0px, 0px, 0px);  
}  
#style-ffB2b.style-ffB2b {  
   z-index: 1;  
    opacity: 1;  
}  
#style-MY3NM.style-MY3NM {  
   z-index: 18;  
    transform: translate3d(0px, 0px, 0px) scale(1);  
}  
#style-oQAFW.style-oQAFW {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(215px, 124px, 0px);  
    opacity: 1;  
}  
#style-mwROR.style-mwROR {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(215px, -132px, 0px);  
    opacity: 1;  
}  
#style-FNYr9.style-FNYr9 {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(-41px, 124px, 0px);  
    opacity: 1;  
}  
#style-5VVyD.style-5VVyD {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(471px, 124px, 0px);  
    opacity: 1;  
}  
#style-LZKx5.style-LZKx5 {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(215px, 380px, 0px);  
    opacity: 1;  
}  
#style-fwRbm.style-fwRbm {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(-41px, -132px, 0px);  
    opacity: 1;  
}  
#style-JqlR7.style-JqlR7 {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(471px, -132px, 0px);  
    opacity: 1;  
}  
#style-r3eow.style-r3eow {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(-41px, 380px, 0px);  
    opacity: 1;  
}  
#style-PcFdF.style-PcFdF {  
   width: 256px;  
    height: 256px;  
    transform: translate3d(471px, 380px, 0px);  
    opacity: 1;  
}  
#style-InGUs.style-InGUs {  
   margin-left: -16px;  
    margin-top: -32px;  
    width: 32px;  
    height: 32px;  
    transform: translate3d(330px, 225px, 0px);  
    z-index: 225;  
}  
#style-AzbrE.style-AzbrE {  
   transform: translate3d(3.835e+06px, 3.51114e+06px, 0px) scale(16384);  
}