
/* Widget - Nuestros Profesionales - Centro Oftalmológico de Canarias */

/* Importar variables de root.css */
@import url('root.css');

/* Importar fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); 

/* Reset y base (SCOPED al widget) */
.equ-j7t,
.equ-j7t * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 
.equ-j7t *::before,
.equ-j7t *::after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.equ-j7t {  
    font-family: 'Open Sans', sans-serif; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #707070;
    background-color: transparent;
    font-weight: 400;
} 

.equ-j7t { 
    padding-top: 40px; 
    padding-bottom: 110px;
} 

/* (scoped) :before/:after box-sizing se define bajo .equ-j7t arriba */

.container-w6v { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 768px){ 
  .container-w6v { 
    width: 750px;
  } 
}     

@media (min-width: 992px){ 
  .container-w6v { 
    width: 970px;
  } 
} 

@media (min-width: 1200px){ 
  .container-w6v { 
    width: 1170px;
  } 
}     

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container-w6v:after,.container-w6v:before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row-kq9:after,.row-kq9:before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container-w6v::after, .container-w6v::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row-kq9::after, .row-kq9::before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container-w6v:after, .dl-horizontal dd::after, .form-horizontal .form-group::after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row-kq9:after { 
    clear: both;
} 

.caj-fwg { 
    overflow: hidden;
} 

.equ-j7t .text-w9j  { 
    text-align: center;
} 

.spl-b1n { 
    visibility: hidden;
} 

.spl-b1n { 
    position: relative; 
    outline: none;
} 

.row-1o2 { 
    position: absolute; 
    top: -85px; 
    right: 1px; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-1o2 { 
    position: absolute;
    top: 0; 
    right: 0px; 
    display: inline-flex; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%;
    height: 100%;
} 

.spl-655 { 
    position: relative; 
    z-index: 0; 
    overflow: hidden;
} 

.equ-j7t ul { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.pagination-bo6 { 
    display: inline-flex; 
    align-items: center; 
    width: 95%; 
    flex-wrap: wrap; 
    justify-content: center; 
    margin: 0; 
} 

.pagination-bo6 { 
    position: absolute; 
    z-index: 1; 
    bottom: .5em; 
    left: 50%; 
    transform: translateX(-50%); 
    padding: 0;
} 

.equ-lnc .pagination-bo6  { 
    bottom: 0;
} 

.equ-j7t img { 
    border: 0;
} 

.equ-j7t img { 
    vertical-align: middle;
} 

.zoo-gqa { 
    -webkit-animation-name: zoomIn; 
    animation-name: zoomIn;
} 

.sim-5ei { 
    height: 15px; 
    position: relative; 
    left: -25px;
} 

.tflhe { 
    opacity: 0;
} 

.equ-j7t .sim-5ei  { 
    left: 0px;
} 

.equ-j7t button { 
    margin: 0; 
    font: inherit; 
    color: inherit;
} 

.equ-j7t button { 
    overflow: visible;
} 

.equ-j7t button { 
    text-transform: none;
} 

.equ-j7t button { 
    -webkit-appearance: button; 
    appearance: button;
    cursor: pointer;
} 

.equ-j7t button { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.row-7pn { 
    position: absolute; 
    z-index: 1; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 2em; 
    height: 2em; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: none; 
    padding: 0; 
    opacity: .7; 
    background: #ccc;
} 

.row-edo { 
    left: 1em;
} 

.row-edo { 
    left: 0;
} 

.row-7pn { 
    z-index: 1; 
    opacity: 1; 
    transform: translateY(0); 
    border-radius: var(--general_border_radius); 
    border: 1px solid #102e86; 
    padding: 0; 
    height: 35px; 
    width: 94px; 
    margin: 0px 12px; 
    position: relative; 
    background-color: transparent;
    top: calc(50% - 40px); 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-edo { 
    left: -26px;
} 

.row-7pn { 
    z-index: 1; 
    opacity: 1; 
    transform: translateY(0); 
    border-radius: 0%; 
    border: none; 
    padding: 0; 
    height: 100%; 
    width: 40px; 
    margin: 0px 0px; 
    position: relative; 
    background-color: #fff; 
    top: 0px; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-edo { 
    left: -60px;
} 

.equ-lnc .row-7pn  { 
    height: 42px; 
    width: 42px; 
    background-color: #1a4c7c; 
    border-radius: 50%;
} 

.row-7pn:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-yxx { 
    right: 1em;
} 

.row-yxx { 
    right: 0;
} 

.row-yxx { 
    right: -26px;
} 

.row-yxx { 
    right: -60px;
} 

.list-13l { 
    margin: 0!important; 
    padding: 0!important; 
    width: -webkit-max-content; 
    width: max-content; 
    will-change: transform;
} 

.spl-b1n.is-ivc .list-13l  { 
    display: flex; 
} 

.fa-sw2 > .spl-655 > .list-13l  { 
    display: block;
} 

.pagination-bo6 li  { 
    list-style-type: none; 
    display: inline-block; 
    line-height: 1; 
    margin: 0;
} 

.khiil,h3 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.khiil,h3 { 
    margin-top: 20px; 
    margin-bottom: 10px;
} 

.khiil,h3 { 
    font-size: 24px;
} 

.fa-54a { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
} 

h3.khiil { 
    color: var(--primary_color); 
    font-size: 35px; 
    font-family: var(--primary_font); 
    font-weight: 700; 
    text-align: left; 
    text-transform: uppercase; 
    margin-bottom: 10px;
} 

.equ-j7t h3.khiil  { 
    text-align: center;
} 

svg:not(:root) { 
    overflow: hidden;
} 

.row-7pn svg  { 
    width: 1.2em; 
    height: 1.2em;
} 

.row-edo svg  { 
    transform: scaleX(-1);
} 

.cre-jvt svg  { 
    height: 20px; 
    width: 20px; 
    fill: #102e86;
} 

.cre-jvt svg  { 
    height: 20px; 
    width: 20px; 
    fill: #e2e1e1;
} 

.slide-evm { 
    position: relative; 
    outline: none;
} 

.slide-evm { 
    box-sizing: border-box; 
    list-style-type: none!important; 
    margin: 0; 
    flex-shrink: 0;
} 

.splide--ro2 > .spl-655 > .list-13l > .slide-evm  { 
    -webkit-user-select: none; 
    user-select: none;
} 

.fa-sw2 > .spl-655 > .list-13l > .slide-evm  { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 0; 
    opacity: 0;
} 

.fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc  { 
    position: relative; 
    z-index: 1; 
    opacity: 1;
} 

.pagination-b8w { 
    display: inline-block; 
    width: 8px; 
    height: 8px; 
    background: #ccc; 
    border-radius: 50%; 
    margin: 3px; 
    padding: 0; 
    transition: transform .2s linear; 
    border: none; 
    opacity: .7;
} 

.pagination-b8w.is-ivc { 
    transform: scale(1.4); 
    background: #fff;
} 

.equ-lnc .pagination-b8w  { 
    width: 14px; 
    height: 14px; 
    margin: 6px; 
    opacity: 1;
} 

.equ-lnc .pagination-b8w.is-ivc  { 
    transform: none; 
    width: 15px; 
    height: 15px; 
    background: #226095;
} 

.pagination-b8w:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-kq9 { 
    margin-right: -15px; 
    margin-left: -15px;
} 

.row-toq { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    flex-wrap: wrap;
} 

.equ-j7t .row-kq9  { 
    padding-top: 60px; 
    padding-bottom: 90px;
} 

.row-toq.container-w6v:before,.row-toq.container-w6v:after,.row-toq.row-kq9:before,.row-toq.row-kq9:after { 
    content: normal;
} 

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container-w6v::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row-kq9::after { 
    clear: both;
} 

.col-z5y,.col-287 { 
    position: relative; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
} 

@media (min-width: 768px){ 
  .col-287 { 
    float: left; 
  } 

  .col-287 { 
    width: 100%;
} 
}     

@media (min-width: 992px){ 
  .col-z5y { 
    float: left;
  } 

  .col-z5y { 
    width: 50%;
  } 

  .col-dio { 
    left: 50%;
  } 
}     

.equ-j7t .row-kq9 > div { 
    display: inline-flex; 
    justify-content: flex-start; 
    align-items: center;
} 

@media (min-width: 992px){ 
  .col-8vb { 
    right: 50%;
  } 
}     

.equ-j7t .row-kq9 > div.bol-fls { 
    justify-content: flex-end;
} 

.text-i1b { 
    padding-left: 45px;
} 

.rot-6cz { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn;
} 

.rel-vq2 { 
    position: relative;
} 

.cir-344 { 
    border: 2px solid #236195; 
    border-radius: 50%; 
    height: 476px; 
    width: 476px; 
    right: 0px;
} 

.equ-j7t p { 
    margin: 0 0 10px;
} 

.equ-j7t p { 
    color: #707070; 
    font-size: 18px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 400; 
    text-align: justify;
} 

.text-i1b p  { 
    color: #226095; 
    font-size: 20px; 
    font-family: var(--primary_font); 
    font-weight: 500; 
    text-align: left; 
    margin-bottom: 0px;
} 

.text-i1b p.nom-m13  { 
    font-weight: 700;
} 

.text-i1b p.nom-m13  { 
    color: #303030; 
    font-size: 45px; 
    line-height: 44px; 
    margin-bottom: 18px;
} 

.text-i1b p.col-a6g  { 
    font-weight: 700;
} 

.text-i1b p.col-a6g  { 
    color: #fff; 
    padding: 3px 8px; 
    background-color: #226095; 
    width: fit-content; 
    margin-bottom: 0;
} 

.text-i1b p.pue-rk4  { 
    margin-top: 9px;
} 

.bol-l46 { 
    height: 28px; 
    width: 28px; 
    border-radius: 50%; 
    position: absolute;
    background-color: #1a4c7c;
} 

.bol-zz8 { 
    right: -16px; 
    top: calc(50% - 23px);
} 

.bol-iz6 { 
    top: 27px; 
    left: 25px; 
    height: 82px; 
    width: 82px; 
    background-color: rgb(26 76 124 / 15%);
} 

.bol-qfk { 
    right: -33px; 
    bottom: -33px; 
    height: 175px; 
    width: 175px; 
    background-color: rgb(26 76 124 / 15%); 
    z-index: 300;
} 

.fa-4cy { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn;
} 

.equ-j7t .image-a2t  { 
    height: 475px; 
    width: 475px; 
    position: absolute; 
    margin: 0 auto; 
    left: 0; 
    right: 0; 
    top: -2px; 
    border-radius: 50%; 
    overflow: hidden; 
    z-index: -1;
} 

.equ-j7t .image-a2t .image-maa  { 
    height: 100%; 
    width: 100%; 
    background-position: center center; 
    background-size: cover; 
    background-repeat: no-repeat;
} 

@media (max-width: 1450px){ 
  .equ-j7t { 
    padding-top: 35px; 
    padding-bottom: 90px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t { 
    padding-bottom: 80px;
  } 
}     

@media (max-width: 1300px){ 
  .equ-j7t .container-w6v  { 
    padding: 0 48px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 50px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 40px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 30px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 15px;
  } 
}     

@media (max-width: 992px){ 
  .sim-5ei { 
    left: 0; 
    margin: 0 auto;
  } 
}     

@media (max-width: 767px){ 
  .tflhe { 
    opacity: 1;
  } 
}     

@media (max-width: 992px){ 
  .row-edo { 
    left: -35px;
  } 
}     

@media (max-width: 767px){ 
  .row-edo { 
    left: -10px;
  } 
}     

@media (max-width: 760px){ 
  .row-edo { 
    left: -34px;
  } 
}     

@media (max-width: 550px){ 
  .equ-lnc .row-7pn  { 
    display: none;
  } 
}     

@media (max-width: 992px){ 
  .row-yxx { 
    right: -35px;
  } 
}     

@media (max-width: 767px){ 
  .row-yxx { 
    right: -10px;
  } 
}     

@media (max-width: 760px){ 
  .row-yxx { 
    right: -34px;
  } 
}     

@media (max-width: 767px){ 
  h3 { 
    font-size: 20px;
  } 
}     

@media (max-width: 1200px){ 
  h3.khiil { 
    font-size: 30px;
  } 
}     

@media (max-width: 992px){ 
  h3.khiil { 
    text-align: center;
  } 
}     

@media (max-width: 767px){ 
  h3.khiil { 
    font-size: 25px;
  } 
}     

@media (max-width: 1450px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 45px; 
    padding-bottom: 80px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 26px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 26px; 
    padding-bottom: 70px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .row-kq9 > div { 
    justify-content: center;
    width: 100%;
}

  .equ-j7t .row-kq9 > div.bol-fls { 
    justify-content: center;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b { 
    padding-left: 35px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b { 
    padding-left: 20px;
  } 

  .text-i1b { 
    padding-left: 0px;
  } 

  .text-i1b { 
    margin-bottom: 40px;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b { 
    margin-bottom: 30px;
  } 
}     

@media (max-width: 1450px){ 
  .cir-344 { 
    height: 400px; 
    width: 400px;
  } 
}     

@media (max-width: 1200px){ 
  .cir-344 { 
    height: 380px; 
    width: 380px;
  } 
}     

@media (max-width: 992px){ 
  .cir-344 { 
    height: 364px; 
    width: 364px;
  } 
}     

@media (max-width: 767px){ 
  .cir-344 { 
    height: 334px; 
    width: 334px;
  } 
}     

@media (max-width: 550px){ 
  .cir-344 { 
    height: 320px; 
    width: 320px;
  } 
}     

@media (max-width: 450px){ 
  .cir-344 { 
    height: 290px; 
    width: 290px;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b p  { 
    font-size: 19px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p  { 
    text-align: center;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b p  { 
    font-size: 16px;
  } 
}     

@media (max-width: 1450px){ 
  .text-i1b p.nom-m13  { 
    font-size: 40px; 
    line-height: 40px; 
    padding-right: 25px;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b p.nom-m13  { 
    font-size: 37px; 
    line-height: 37px; 
    padding-right: 40px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p.nom-m13  { 
    padding-right: 0px; 
    margin-bottom: 13px; 
    font-size: 31px; 
    line-height: 31px;
  } 
}     

@media (max-width: 767px){ 
  .text-i1b p.nom-m13  { 
    margin-bottom: 11px; 
    font-size: 28px; 
    line-height: 28px;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b p.nom-m13  { 
    margin-bottom: 11px; 
    font-size: 24px; 
    line-height: 24px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p.col-a6g  { 
    margin: 0 auto;
  } 

  .bol-zz8 { 
    right: -12px; 
    top: calc(50% - 20px); 
    height: 24px; 
    width: 24px;
  } 
}     

@media (max-width: 1450px){ 
  .bol-iz6 { 
    height: 77px; 
    width: 77px;
  } 
}     

@media (max-width: 1200px){ 
  .bol-iz6 { 
    height: 70px; 
    width: 70px;
  } 
}     

@media (max-width: 992px){ 
  .bol-iz6 { 
    height: 60px; 
    width: 60px;
  } 
}     

@media (max-width: 767px){ 
  .bol-iz6 { 
    height: 46px; 
    width: 46px;
  } 
}     

@media (max-width: 1450px){ 
  .bol-qfk { 
    height: 150px; 
    width: 150px;
  } 
}     

@media (max-width: 1200px){ 
  .bol-qfk { 
    height: 125px; 
    width: 125px; 
    right: -14px; 
    bottom: -14px;
  } 
}     

@media (max-width: 992px){ 
  .bol-qfk { 
    height: 100px; 
    width: 100px; 
    right: -4px; 
    bottom: -4px;
  } 
}     

@media (max-width: 767px){ 
  .bol-qfk { 
    height: 80px; 
    width: 80px; 
    right: 8px; 
    bottom: 8px;
  } 
}     

@media (max-width: 1450px){ 
  .equ-j7t .image-a2t  { 
    height: 400px; 
    width: 400px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t .image-a2t  { 
    height: 380px; 
    width: 380px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .image-a2t  { 
    height: 364px; 
    width: 364px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .image-a2t  { 
    height: 334px; 
    width: 334px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .image-a2t  { 
    height: 320px; 
    width: 320px;
  } 
}     

@media (max-width: 450px){ 
  .equ-j7t .image-a2t  { 
    height: 290px; 
    width: 290px;
  } 
}     

@media (max-width: 992px){ 
  .image-a2t .image-maa  { 
    background-size: contain;
  } 
  
  /* Ajustar ancho de slides en móvil */
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
  
  /* Asegurar que el contenedor del slider sea visible */
  .spl-655 {
    overflow: visible;
    width: 100%; 
  }
  
  .list-13l {
    width: 100%;
    display: block !important;
  }
  
  /* Asegurar que los slides se muestren correctamente */
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm {
    position: absolute !important;
    width: 100% !important;
    opacity: 0;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden; 
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    height: auto;
    overflow: visible;
  }
}

@media (max-width: 767px){
  /* Ajustes adicionales para móvil pequeño */
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
  
  .spl-655 {
    overflow: visible;
    width: 100%; 
    position: relative;
} 

  .row-kq9 {
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Asegurar que el slider principal sea visible */
  #equ-ihj.style-6Ew4Y {
    visibility: visible !important;
    width: 100%;
    overflow: visible;
    position: relative; 
  }
  
  /* Asegurar que el contenedor del slider ocupe todo el ancho */
  .fa-sw2 {
    width: 100%; 
    overflow: visible;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 {
    width: 100%;
    overflow: visible;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 > .list-13l {
    width: 100% !important;
    display: block !important;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm {
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    display: block !important;
    height: auto;
    overflow: visible;
  }
  
  /* Ajustar posicionamiento de los dots en móvil */
  .equ-lnc .pagination-bo6 {
    bottom: 20px !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
  }
  
  /* Asegurar que el contenedor tenga espacio para los dots */
  .equ-j7t .row-kq9 {
    padding-bottom: 60px !important;
    position: relative;
  }
  
  /* Asegurar que el contenedor del slider tenga altura suficiente */
  #equ-ihj.style-6Ew4Y {
    position: relative; 
    padding-bottom: 50px;
    min-height: 650px;
  }
  
  /* Asegurar que el contenedor tenga altura desde el inicio */
  .fa-sw2 {
    min-height: 650px;
    position: relative;
  }
  
  .spl-655 {
    min-height: 600px;
  }
}


@keyframes zoomIn { 
  0% {  
      opacity: 0; 
      -webkit-transform: scale3d(.3, .3, .3); 
      transform: scale3d(.3, .3, .3); 
      opacity: 0; 
      transform: scale3d(0.3, 0.3, 0.3); 
  }  
  50% {  
      opacity: 1; 
      opacity: 1; 
  }  

} 
@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      -webkit-transform: translate3d(0, 100%, 0); 
      transform: translate3d(0, 100%, 0); 
      opacity: 0; 
      transform: translate3d(0px, 100%, 0px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: none; 
      transform: none; 
      opacity: 1; 
      transform: none; 
  }  

} 
@keyframes rotateIn { 
  0% {  
      -webkit-transform-origin: center; 
      transform-origin: center; 
      -webkit-transform: rotate3d(0, 0, 1, -200deg); 
      transform: rotate3d(0, 0, 1, -200deg); 
      opacity: 0; 
      transform-origin: center center; 
      transform: rotate3d(0, 0, 1, -200deg); 
      opacity: 0; 
  }  
  100% {  
      -webkit-transform-origin: center; 
      transform-origin: center; 
      -webkit-transform: none; 
      transform: none; 
      opacity: 1; 
      transform-origin: center center; 
      transform: none; 
      opacity: 1; 
  }  

} 
@keyframes fadeIn { 
  0% {  
      opacity: 0; 
      opacity: 0; 
  }  
  100% {  
      opacity: 1; 
      opacity: 1; 
  }  

} 

/* These were inline style tags. Uses id+class to override almost everything */
#style-wO8ac.style-wO8ac {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0.3s;  
}  
#style-FOwZ6.style-FOwZ6 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.5s;  
    animation-delay: 0s;  
}  
#equ-ihj.style-6Ew4Y {  
   visibility: visible;  
}  
#equ-env.style-1fOZg {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf.style-QsZMf {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML.style-MLhML {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72.style-DoAc1 {  
   width: 1140px;  
}

/* Ajustes para móvil - ancho de slides */
@media (max-width: 992px) {
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
}  
#style-NScEf.style-NScEf {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q.style-zHM1q {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}

/* Estilos para slides duplicados */
#equ-env-2.style-1fOZg-2 {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf-2.style-QsZMf-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML-2.style-MLhML-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72-2.style-DoAc1-2 {  
   width: 1140px;  
}  
#style-NScEf-2.style-NScEf-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q-2.style-zHM1q-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}
#equ-env-3.style-1fOZg-3 {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf-3.style-QsZMf-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML-3.style-MLhML-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72-3.style-DoAc1-3 {  
   width: 1140px;  
}  
#style-NScEf-3.style-NScEf-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q-3.style-zHM1q-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}

/* Ajustes para móvil - nuevos slides */
@media (max-width: 992px) {
  #equ-env-2.style-1fOZg-2,
  #equ-o72-2.style-DoAc1-2,
  #equ-env-3.style-1fOZg-3,
  #equ-o72-3.style-DoAc1-3 {
    width: 100% !important;
    max-width: 100%;
  } 
}     

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');

/* Base (SCOPED al widget) */
.container-shs,
.container-shs * {
  box-sizing: border-box;
}
.container-shs *::before,
.container-shs *::after {
  box-sizing: border-box;
}
.container-shs {
  font-family: var(--primary_font);
  font-size: 10px;
  color: var(--secondary_color);
}
.container-shs svg{
  color: white;
  fill: white;
  stroke: white;
}
.container-shs { padding: 0 15px; margin: 0 auto; }
.rel-o5z { position: relative; }
.caj-tl4 { overflow: hidden; }

.clearfix::before, .clearfix::after,
.container-shs::before, .container-shs::after,
.container::before, .container::after,
.row-y6c::before, .row-y6c::after { display: table; content: " "; }
.clearfix::after, .container-shs::after, .container::after, .row-y6c::after { clear: both; }

.col-j3z, .col-z5a, .col-y5f, .col-amf { position: relative; min-height: 1px; padding: 0 15px; }
.col-amf { float: left; width: 100%; }

/* En mobile, todas las columnas ocupan el 100% */
@media (max-width: 767px) {
  .col-j3z, .col-z5a, .col-y5f, .col-amf { 
    float: left; 
    width: 100% !important; 
  }
}

@media (min-width: 768px) { .col-y5f { float: left; width: 50%; } }
@media (min-width: 992px) { .col-z5a { float: left; width: 33.33333333%; } }
@media (min-width: 1200px) { .col-j3z { float: left; width: 25%; } }

.fa-drr { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }

.acpjq { opacity: 0; }
.text-fwz { text-align: center; }
.cen-x4s { display: inline-flex; justify-content: center; align-items: center; }
.lim-rkg { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.lim-2mr { -webkit-line-clamp: 2; }
.lim-jh4 { -webkit-line-clamp: 6; }

.row-y6c { margin: 0 -15px; margin-top: 130px; }
.row-y6c > div { padding: 0; }

.image-ln6 {
  height: 600px;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1), box-shadow 0.45s cubic-bezier(0.4,0,0.2,1);
  overflow: hidden;
  position: relative;
}
.image-ln6 .image-xzn { height: 100%; width: 100%; position: relative; overflow: hidden; }
.image-ln6 .image-xzn .image-isf { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.row-y6c > div:hover .image-ln6 { transform: scale(1.12) translateY(-8px); z-index: 10; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.row-y6c > div:hover .image-ln6 .image-xzn .image-isf { filter: blur(4px); transition: filter 0.45s cubic-bezier(0.4,0,0.2,1); }

.col-hop { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #eb6e07; opacity: .75; }
.image-ln6:hover .col-hop { opacity: .85; }
.row-y6c > div:nth-child(2n) .col-hop { background-color: #7b2682; }

.cua-cnm { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translateY(0); opacity: 1; display: flex; align-items: center; text-align: center; }
.cua-cnm .pad-z59 { padding: 80px 70px; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; }

.caj-1bh { display: inline-flex; justify-content: center; align-items: flex-start; width: 100%; }
.form-98g { height: 0; overflow: vissible; transition: height .35s ease; }
.image-ln6:hover .form-98g { height: 132px; }

.container-shs svg:not(:root) { overflow: hidden; }
.image-ln6 svg { height: 90px; margin-bottom: 40px; }
.image-ln6 svg * { fill: white; }
.image-ln6 p { color: var(--third_color); font-size: 16px; text-align: center; margin: 0; }
.image-ln6 p.tit-awy { font-size: 24px; font-family: var(--secondary_font); text-transform: uppercase; font-weight: 500; margin-bottom: 0; text-shadow: 1px 1px 5px rgba(0,0,0,.45); }

.container-shs a { background-color: transparent; color: var(--primary_color); text-decoration: none; }
.container-shs a:active,
.container-shs a:hover { outline: 0; }
.container-shs a:hover { color: #23527c; }
.image-ln6 a { position: absolute; top:0; left:0; width:100%; height:100%; z-index:2; }

.container-shs p { margin: 0 0 10px; color: white; font-size: 16px; 
  font-family: var(--primary_font); font-weight: 400; text-align: center; }

@media (max-height: 768px) {
  .row-y6c { margin-top: 80px; }
  .image-ln6 { height: 500px; }
  .image-ln6 svg { height: 80px; margin-bottom: 30px; }
  .image-ln6 p { font-size: 15px; }
  .image-ln6 p.tit-awy { font-size: 19px; }
  .caj-1bh { height: 54px; }
  .cua-cnm .pad-z59 { padding: 80px 20px; }
}

@media (max-width: 1600px) {
  .image-ln6 { height: 550px; }
  .cua-cnm .pad-z59 { padding: 80px 30px; }
  .image-ln6 p.tit-awy { font-size: 22px; }
}

@media (max-width: 1400px) {
  .caj-1bh { height: 62px; }
  .image-ln6 p { -webkit-line-clamp: 7; }
  .image-ln6:hover .caj-1bh { height: auto; }
  .image-ln6:hover .form-98g { height: 169px; }
}

@media (max-width: 1200px) {
  .row-y6c { margin-top: 50px; }
  .image-ln6 { height: 450px; }
  .caj-1bh { height: 54px; }
  .image-ln6:hover .form-98g { height: 145px; }
}

@media (max-width: 992px) {
  .image-ln6 { height: 400px; }
  .col-z5a { width: 33.33333333%; }
  .row-y6c > div:nth-child(3) .col-hop { background-color: #7b2682; }
  .row-y6c > div:nth-child(4) .col-hop { background-color: #eb6e07; }
  .cua-cnm .pad-z59 { padding: 65px 30px; }
  .image-ln6 svg { height: 70px; margin-bottom: 30px; }
  .caj-1bh { height: 56px; }
  .image-ln6:hover .form-98g { height: 110px; }
  .image-ln6 p { font-size: 14px; -webkit-line-clamp: 5; }
  .image-ln6 p.tit-awy { font-size: 20px; }
}

@media (max-width: 767px) {
  .row-y6c { margin-top: 0px; }
  .image-ln6 { height: 350px; }
  .acpjq { opacity: 1; }
  .cua-cnm .pad-z59 { padding: 30px; }
  .row-y6c > div:nth-child(3) .col-hop { background-color: #eb6e07; }
  .row-y6c > div:nth-child(4) .col-hop { background-color: #7b2682; }
  .image-ln6:hover .form-98g { height: 132px; }
  .image-ln6 p { font-size: 14px; -webkit-line-clamp: 6; }
  .image-ln6 p.tit-awy { font-size: 19px; }

  .row-y6c > div:hover .image-ln6 { transform: none; box-shadow: none; }
  .row-y6c > div:hover .image-ln6 .image-xzn .image-isf { filter: none; }
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); }
  100% { opacity: 1; transform: none; -webkit-transform: none; }
}


#style-wOBBn.style-wOBBn { opacity: 1; visibility: visible; animation-duration: 1.5s; animation-delay: 0.3s; }

/* Widget - Productos Destacados Bioken */

/* Importar variables de root.css */
@import url('root.css');

/* Importar fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800,900,300i,400i,500i,600i,700i,800i,900i&display=swap'); 

/* Reset y base (SCOPED al widget) */
.des-wc2,
.des-wc2 * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 
.des-wc2 *::before,
.des-wc2 *::after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.des-wc2 {  
    font-family: 'Open Sans', sans-serif; 
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
} 

.pt-6qv { 
    padding-top: 80px;
} 

.pb-irq { 
    padding-bottom: 170px;
} 

.des-wc2 { 
    background-image: linear-gradient(#FFF 20%, #f6f9f1);
} 

/* (scoped) :before/:after box-sizing se define bajo .des-wc2 arriba */

.container-1im { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 768px){ 
  .container-1im { 
    width: 750px;
  } 
}     

@media (min-width: 992px){ 
  .container-1im { 
    width: 970px;
  } 
}     

@media (min-width: 1200px){
  .container-1im { 
    width: 1170px;
  }
  
  /* Eliminar padding del div interno del slider en desktop para que quepan 4 cards completas */
  .des-wc2 .container-1im > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Restaurar padding solo para el contenedor del título */
  .des-wc2 .container-1im > .container-vjh {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container-1im:after,.container-1im:before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container-1im::after, .container-1im::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container-1im:after, .dl-horizontal dd::after, .form-horizontal .form-group::after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after { 
    clear: both;
} 

.mb-o3i { 
    margin-bottom: 70px;
} 

.rel-do7 { 
    position: relative;
} 

.des-wc2 .container-vjh  { 
    padding-top: 40px;
} 

.spl-l8j { 
    visibility: hidden;
} 

.spl-l8j { 
    position: relative; 
    outline: none;
} 

.ful-x4s { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
} 

.des-wc2 .ado-pl8  { 
    top: 0; 
    background-repeat: no-repeat; 
    background-position-x: center; 
    background-position-y: top; 
    background-size: 87px;
} 

.des-wc2 h1 { 
    margin: .67em 0; 
    font-size: 2em;
} 

.des-wc2 h1 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.des-wc2 h1 { 
    margin-top: 20px; 
    margin-bottom: 10px;
} 

.des-wc2 h1 { 
    font-size: 36px;
} 

.text-p3a { 
    text-align: center;
} 

.text-2qa { 
    text-transform: uppercase;
} 

.tit-vqx { 
    margin-top: 0; 
    font-weight: 700; 
    font-family: "Rubik";
} 

.des-wc2 .tit-vqx  { 
    font-size: 50px; 
    margin-bottom: 5px;
} 

div.sub-m3k { 
    font-size: 20px; 
    color: #b6b6b6; 
    font-style: italic; 
    font-family: "Rubik";
} 

.spl-w3b { 
    position: relative; 
    z-index: 0; 
    overflow: hidden;
} 

.des-wc2 button { 
    margin: 0; 
    font: inherit; 
    color: inherit;
} 

.des-wc2 button { 
    overflow: visible;
} 

.des-wc2 button { 
    text-transform: none;
} 

.des-wc2 button { 
    -webkit-appearance: button; 
    appearance: button;
    cursor: pointer;
} 

.des-wc2 button { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.row-4ly { 
    position: absolute; 
    z-index: 10; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 2em; 
    height: 2em; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: none; 
    padding: 0; 
    opacity: .7; 
    background: #ccc;
    pointer-events: auto;
    cursor: pointer;
} 

.row-ctq { 
    left: 1em;
} 

.row-wr2 { 
    width: 50px; 
    height: 50px; 
    border-radius: 17px; 
    background-color: #eaf3de; 
    opacity: 1;
} 

.destacados-mvi { 
    left: -120px; 
    left: calc(-10vw + 80px); 
    left: calc(-15vw + 15%);
} 

.row-4ly:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-qy2 { 
    right: 1em;
} 

.destacados-5od { 
    right: -120px; 
    right: calc(-10vw + 80px); 
    right: calc(-5vw + 100px); 
    right: calc(-15vw + 15%);
} 

.des-wc2 ul { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.list-to1 { 
    margin: 0!important; 
    padding: 0!important; 
    width: -webkit-max-content; 
    width: max-content; 
    will-change: transform;
} 

.spl-l8j.is-ckg .list-to1  { 
    display: flex; 
} 

.slide-iwf { 
    position: relative; 
    outline: none;
} 

.slide-iwf { 
    box-sizing: border-box; 
    list-style-type: none!important; 
    margin: 0; 
    flex-shrink: 0;
} 

.splide--khk > .spl-w3b > .list-to1 > .slide-iwf  { 
    -webkit-user-select: none; 
    user-select: none;
} 

.des-wc2 img { 
    border: 0;
} 

.des-wc2 img { 
    vertical-align: middle;
} 

.destacados-mvi img  { 
    transform: scaleX(-1);
} 

.thumbnail-ani { 
    display: block; 
    padding: 4px; 
    margin-bottom: 20px; 
    line-height: 1.42857143; 
    background-color: #fff; 
    border: 1px solid #ddd; 
    border-radius: var(--general_border_radius); 
    -webkit-transition: border .2s ease-in-out; 
    -o-transition: border .2s ease-in-out; 
    transition: border .2s ease-in-out;
} 

.thumbnail-ani { 
    border: unset; 
    padding: 0; 
    height: 457px; 
    border-radius: var(--general_border_radius); 
    background-color: #FFF; 
    filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.2)); 
    overflow: hidden; 
    transition: filter 0.3s;
} 

.thumbnail-ani:hover { 
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
} 

a { 
    background-color: transparent;
} 

a { 
    color: #337ab7; 
    text-decoration: none;
} 

a { 
    text-decoration: none;
} 

a:link { 
    text-decoration: none;
} 

.thumbnail-ani .container-s6s  { 
    position: relative;
} 

a:active,a:hover { 
    outline: 0;
} 

a:hover { 
    color: #23527c; 
    text-decoration: underline;
} 

a,a:active,a:hover { 
    text-decoration: none;
} 

a:hover,a:link,a:active { 
    text-decoration: none;
} 

.thumbnail-ani .caption-trg  { 
    padding: 9px; 
    color: #333; 
} 

.slide-iwf img  { 
    vertical-align: bottom;
} 

.thumbnail-ani a > img  { 
    display: block;
    max-width: 100%; 
    height: auto;
} 

.thumbnail-ani a > img  { 
    margin-right: auto; 
    margin-left: auto;
} 

.thumbnail-ani .container-s6s > img  { 
    height: 80%; 
    width: 100%;
    object-fit: cover;
} 

.corte-5of { 
    background-repeat: no-repeat; 
    background-position-y: calc(100% + 1px); 
    background-position-x: center; 
    background-size: 102%; 
    bottom: 0;
} 

.des-wc2 h4 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.des-wc2 h4 { 
    margin-top: 10px; 
    margin-bottom: 10px;
} 

.des-wc2 h4 { 
    font-size: 18px;
} 

.thumbnail-ani .caption-trg h4  { 
    font-size: 18px;
    font-weight: 500; 
    font-family: "Rubik"; 
    color: #333333; 
    margin-bottom: 5px; 
    margin-top: 10px;
} 

.wrapper-pd3 { 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-box; 
    display: -webkit-flex; 
    display: flex;
    align-items: center;
    -webkit-align-items: center; 
    justify-content: center; 
    -webkit-justify-content: center;
} 

.thumbnail-ani .exp-8nf  { 
    color: #333;
} 

small { 
    font-size: 80%;
} 

small { 
    font-size: 85%;
} 

.thumbnail-ani small  { 
    font-size: 12px;
} 

@media (max-width: 992px){ 
  .pt-6qv { 
    padding-top: 40px;
  } 

  .pb-irq { 
    padding-bottom: 80px;
  } 
}     

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container-1im::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after { 
    clear: both;
} 

@media (max-width: 992px){ 
  .mb-o3i { 
    margin-bottom: 45px;
  } 

  .des-wc2 .tit-vqx  { 
    font-size: 40px;
  } 
  
  /* Ajustar slides en tablet para ocupar más espacio */
  .slide-iwf {
    width: calc(50% - 15px) !important;
  }
  
  #style-pnclz.style-pnclz,
  #style-asVxn.style-asVxn,
  #style-NCdqH.style-NCdqH,
  #style-tSbIV.style-tSbIV,
  #style-eVQnH.style-eVQnH,
  #style-zoMNS.style-zoMNS,
  #style-CjJXt.style-CjJXt,
  #style-Vo3nO.style-Vo3nO,
  #des-pma.style-EhBqm,
  #des-h6o.style-4jieJ,
  #des-gch.style-ZhIFo,
  #des-5lv.style-K86Ga,
  #des-79y.style-wNCLF,
  #des-vjz.style-mrLrg,
  #des-oq1.style-TeLWv,
  #des-qng.style-oJN3M,
  #des-acn.style-zEFlo,
  #des-9qo.style-8IEi9,
  #des-pqt.style-6KJ3P,
  #des-2ce.style-jR1eT,
  #style-DJbWx.style-DJbWx,
  #style-ReL4N.style-ReL4N,
  #style-OGLxn.style-OGLxn,
  #style-PyjA1.style-PyjA1,
  #style-EayZb.style-EayZb,
  #style-zjB8J.style-zjB8J,
  #style-OVohA.style-OVohA,
  #style-bywiL.style-bywiL {
    width: calc(50% - 15px) !important;
    margin-right: 30px !important;
  }
}     

@media (max-width: 500px){ 
  .des-wc2 .tit-vqx  { 
    font-size: 35px;
  } 

  div.sub-m3k { 
    font-size: 18px;
  } 

  .destacados-mvi { 
    left: 0;
  } 

  .destacados-5od { 
    right: 0;
  } 
  
  /* Asegurar que el slider comience en posición 0 en móvil */
  #des-c36.style-HMKoE {
    transform: translateX(0px);
  }
  
  /* Ajustar contenedor del slider en móvil */
  .spl-w3b {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Centrar el primer slide en móvil */
  .list-to1 {
    justify-content: flex-start;
  }
  
  /* Ajustar padding del contenedor principal en móvil */
  .container-1im {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Ajustar el contenedor del slider para ocupar todo el ancho */
  #des-1q4.style-5hzoC {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  
  /* Ajustar el contenedor del slider para que muestre un slide a la vez */
  .spl-w3b {
    width: 100%;
    overflow: hidden;
  }
  
  .list-to1 {
    width: 100%;
        display: flex;
  }
  
  /* Hacer que los slides ocupen el 100% del ancho en móvil */
  .slide-iwf {
    width: 100% !important;
    margin-right: 0 !important;
    flex-shrink: 0;
  }
  
  /* Ajustar todos los slides específicos en móvil */
  #style-pnclz.style-pnclz,
  #style-asVxn.style-asVxn,
  #style-NCdqH.style-NCdqH,
  #style-tSbIV.style-tSbIV,
  #style-eVQnH.style-eVQnH,
  #style-zoMNS.style-zoMNS,
  #style-CjJXt.style-CjJXt,
  #style-Vo3nO.style-Vo3nO,
  #des-pma.style-EhBqm,
  #des-h6o.style-4jieJ,
  #des-gch.style-ZhIFo,
  #des-5lv.style-K86Ga,
  #des-79y.style-wNCLF,
  #des-vjz.style-mrLrg,
  #des-oq1.style-TeLWv,
  #des-qng.style-oJN3M,
  #des-acn.style-zEFlo,
  #des-9qo.style-8IEi9,
  #des-pqt.style-6KJ3P,
  #des-2ce.style-jR1eT,
  #style-DJbWx.style-DJbWx,
  #style-ReL4N.style-ReL4N,
  #style-OGLxn.style-OGLxn,
  #style-PyjA1.style-PyjA1,
  #style-EayZb.style-EayZb,
  #style-zjB8J.style-zjB8J,
  #style-OVohA.style-OVohA,
  #style-bywiL.style-bywiL {
    width: 100% !important;
    margin-right: 0 !important;
  }
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-hVsND.style-hVsND {  
   background-image: url(imagenes/img-14.svg);  
}  
#des-1q4.style-5hzoC {  
   visibility: visible;  
}  
#des-c36.style-HMKoE {  
   transform: translateX(0px);  
}  
#style-pnclz.style-pnclz {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-WXF9i.style-WXF9i {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-asVxn.style-asVxn {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-ecOpP.style-ecOpP {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-NCdqH.style-NCdqH {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Sjb62.style-Sjb62 {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-tSbIV.style-tSbIV {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-EDZ8q.style-EDZ8q {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-eVQnH.style-eVQnH {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-zyhiw.style-zyhiw {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-zoMNS.style-zoMNS {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-lVbHM.style-lVbHM {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-CjJXt.style-CjJXt {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-QMFTC.style-QMFTC {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-Vo3nO.style-Vo3nO {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-rFnFg.style-rFnFg {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-pma.style-EhBqm {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-LbiCP.style-LbiCP {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-h6o.style-4jieJ {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-9CGzy.style-9CGzy {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-gch.style-ZhIFo {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-drUGL.style-drUGL {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-5lv.style-K86Ga {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-w6CoG.style-w6CoG {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-79y.style-wNCLF {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-WYVdL.style-WYVdL {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-vjz.style-mrLrg {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-9VOFo.style-9VOFo {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-oq1.style-TeLWv {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-zSFrc.style-zSFrc {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-qng.style-oJN3M {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-jLB8K.style-jLB8K {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-acn.style-zEFlo {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Pj5xf.style-Pj5xf {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-9qo.style-8IEi9 {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-NooKC.style-NooKC {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-pqt.style-6KJ3P {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-oVcdl.style-oVcdl {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-2ce.style-jR1eT {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-PyarW.style-PyarW {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-DJbWx.style-DJbWx {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-VowCv.style-VowCv {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-ReL4N.style-ReL4N {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-CcUGS.style-CcUGS {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-OGLxn.style-OGLxn {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-3lkSv.style-3lkSv {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-PyjA1.style-PyjA1 {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Piz8y.style-Piz8y {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-EayZb.style-EayZb {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-7xerP.style-7xerP {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-zjB8J.style-zjB8J {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-b1IM1.style-b1IM1 {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-OVohA.style-OVohA {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-EV34i.style-EV34i {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-bywiL.style-bywiL {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Ntz6M.style-Ntz6M {  
   background-image: url(imagenes/img-15.svg);  
}     

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


/* === ASSET CSS HASH: cd25bda0f0d37b5eeda4312f667181f56f5aee8b === */
/* Widget - Nuestros Profesionales - Centro Oftalmológico de Canarias */

/* Importar variables de root.css */
@import url('root.css');

/* Importar fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); 

/* Reset y base (SCOPED al widget) */
.equ-j7t,
.equ-j7t * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 
.equ-j7t *::before,
.equ-j7t *::after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.equ-j7t {  
    font-family: 'Open Sans', sans-serif; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #707070;
    background-color: transparent;
    font-weight: 400;
} 

.equ-j7t { 
    padding-top: 40px; 
    padding-bottom: 110px;
} 

/* (scoped) :before/:after box-sizing se define bajo .equ-j7t arriba */

.container-w6v { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 768px){ 
  .container-w6v { 
    width: 750px;
  } 
}     

@media (min-width: 992px){ 
  .container-w6v { 
    width: 970px;
  } 
} 

@media (min-width: 1200px){ 
  .container-w6v { 
    width: 1170px;
  } 
}     

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container-w6v:after,.container-w6v:before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row-kq9:after,.row-kq9:before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container-w6v::after, .container-w6v::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row-kq9::after, .row-kq9::before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container-w6v:after, .dl-horizontal dd::after, .form-horizontal .form-group::after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row-kq9:after { 
    clear: both;
} 

.caj-fwg { 
    overflow: hidden;
} 

.equ-j7t .text-w9j  { 
    text-align: center;
} 

.spl-b1n { 
    visibility: hidden;
} 

.spl-b1n { 
    position: relative; 
    outline: none;
} 

.row-1o2 { 
    position: absolute; 
    top: -85px; 
    right: 1px; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-1o2 { 
    position: absolute;
    top: 0; 
    right: 0px; 
    display: inline-flex; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%;
    height: 100%;
} 

.spl-655 { 
    position: relative; 
    z-index: 0; 
    overflow: hidden;
} 

.equ-j7t ul { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.pagination-bo6 { 
    display: inline-flex; 
    align-items: center; 
    width: 95%; 
    flex-wrap: wrap; 
    justify-content: center; 
    margin: 0; 
} 

.pagination-bo6 { 
    position: absolute; 
    z-index: 1; 
    bottom: .5em; 
    left: 50%; 
    transform: translateX(-50%); 
    padding: 0;
} 

.equ-lnc .pagination-bo6  { 
    bottom: 0;
} 

.equ-j7t img { 
    border: 0;
} 

.equ-j7t img { 
    vertical-align: middle;
} 

.zoo-gqa { 
    -webkit-animation-name: zoomIn; 
    animation-name: zoomIn;
} 

.sim-5ei { 
    height: 15px; 
    position: relative; 
    left: -25px;
} 

.tflhe { 
    opacity: 0;
} 

.equ-j7t .sim-5ei  { 
    left: 0px;
} 

.equ-j7t button { 
    margin: 0; 
    font: inherit; 
    color: inherit;
} 

.equ-j7t button { 
    overflow: visible;
} 

.equ-j7t button { 
    text-transform: none;
} 

.equ-j7t button { 
    -webkit-appearance: button; 
    appearance: button;
    cursor: pointer;
} 

.equ-j7t button { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.row-7pn { 
    position: absolute; 
    z-index: 1; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 2em; 
    height: 2em; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: none; 
    padding: 0; 
    opacity: .7; 
    background: #ccc;
} 

.row-edo { 
    left: 1em;
} 

.row-edo { 
    left: 0;
} 

.row-7pn { 
    z-index: 1; 
    opacity: 1; 
    transform: translateY(0); 
    border-radius: var(--general_border_radius); 
    border: 1px solid #102e86; 
    padding: 0; 
    height: 35px; 
    width: 94px; 
    margin: 0px 12px; 
    position: relative; 
    background-color: transparent;
    top: calc(50% - 40px); 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-edo { 
    left: -26px;
} 

.row-7pn { 
    z-index: 1; 
    opacity: 1; 
    transform: translateY(0); 
    border-radius: 0%; 
    border: none; 
    padding: 0; 
    height: 100%; 
    width: 40px; 
    margin: 0px 0px; 
    position: relative; 
    background-color: #fff; 
    top: 0px; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center;
} 

.row-edo { 
    left: -60px;
} 

.equ-lnc .row-7pn  { 
    height: 42px; 
    width: 42px; 
    background-color: #1a4c7c; 
    border-radius: 50%;
} 

.row-7pn:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-yxx { 
    right: 1em;
} 

.row-yxx { 
    right: 0;
} 

.row-yxx { 
    right: -26px;
} 

.row-yxx { 
    right: -60px;
} 

.list-13l { 
    margin: 0!important; 
    padding: 0!important; 
    width: -webkit-max-content; 
    width: max-content; 
    will-change: transform;
} 

.spl-b1n.is-ivc .list-13l  { 
    display: flex; 
} 

.fa-sw2 > .spl-655 > .list-13l  { 
    display: block;
} 

.pagination-bo6 li  { 
    list-style-type: none; 
    display: inline-block; 
    line-height: 1; 
    margin: 0;
} 

.khiil,h3 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.khiil,h3 { 
    margin-top: 20px; 
    margin-bottom: 10px;
} 

.khiil,h3 { 
    font-size: 24px;
} 

.fa-54a { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
} 

h3.khiil { 
    color: var(--primary_color); 
    font-size: 35px; 
    font-family: var(--primary_font); 
    font-weight: 700; 
    text-align: left; 
    text-transform: uppercase; 
    margin-bottom: 10px;
} 

.equ-j7t h3.khiil  { 
    text-align: center;
} 

svg:not(:root) { 
    overflow: hidden;
} 

.row-7pn svg  { 
    width: 1.2em; 
    height: 1.2em;
} 

.row-edo svg  { 
    transform: scaleX(-1);
} 

.cre-jvt svg  { 
    height: 20px; 
    width: 20px; 
    fill: #102e86;
} 

.cre-jvt svg  { 
    height: 20px; 
    width: 20px; 
    fill: #e2e1e1;
} 

.slide-evm { 
    position: relative; 
    outline: none;
} 

.slide-evm { 
    box-sizing: border-box; 
    list-style-type: none!important; 
    margin: 0; 
    flex-shrink: 0;
} 

.splide--ro2 > .spl-655 > .list-13l > .slide-evm  { 
    -webkit-user-select: none; 
    user-select: none;
} 

.fa-sw2 > .spl-655 > .list-13l > .slide-evm  { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 0; 
    opacity: 0;
} 

.fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc  { 
    position: relative; 
    z-index: 1; 
    opacity: 1;
} 

.pagination-b8w { 
    display: inline-block; 
    width: 8px; 
    height: 8px; 
    background: #ccc; 
    border-radius: 50%; 
    margin: 3px; 
    padding: 0; 
    transition: transform .2s linear; 
    border: none; 
    opacity: .7;
} 

.pagination-b8w.is-ivc { 
    transform: scale(1.4); 
    background: #fff;
} 

.equ-lnc .pagination-b8w  { 
    width: 14px; 
    height: 14px; 
    margin: 6px; 
    opacity: 1;
} 

.equ-lnc .pagination-b8w.is-ivc  { 
    transform: none; 
    width: 15px; 
    height: 15px; 
    background: #226095;
} 

.pagination-b8w:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-kq9 { 
    margin-right: -15px; 
    margin-left: -15px;
} 

.row-toq { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    flex-wrap: wrap;
} 

.equ-j7t .row-kq9  { 
    padding-top: 60px; 
    padding-bottom: 90px;
} 

.row-toq.container-w6v:before,.row-toq.container-w6v:after,.row-toq.row-kq9:before,.row-toq.row-kq9:after { 
    content: normal;
} 

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container-w6v::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row-kq9::after { 
    clear: both;
} 

.col-z5y,.col-287 { 
    position: relative; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
} 

@media (min-width: 768px){ 
  .col-287 { 
    float: left; 
  } 

  .col-287 { 
    width: 100%;
} 
}     

@media (min-width: 992px){ 
  .col-z5y { 
    float: left;
  } 

  .col-z5y { 
    width: 50%;
  } 

  .col-dio { 
    left: 50%;
  } 
}     

.equ-j7t .row-kq9 > div { 
    display: inline-flex; 
    justify-content: flex-start; 
    align-items: center;
} 

@media (min-width: 992px){ 
  .col-8vb { 
    right: 50%;
  } 
}     

.equ-j7t .row-kq9 > div.bol-fls { 
    justify-content: flex-end;
} 

.text-i1b { 
    padding-left: 45px;
} 

.rot-6cz { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn;
} 

.rel-vq2 { 
    position: relative;
} 

.cir-344 { 
    border: 2px solid #236195; 
    border-radius: 50%; 
    height: 476px; 
    width: 476px; 
    right: 0px;
} 

.equ-j7t p { 
    margin: 0 0 10px;
} 

.equ-j7t p { 
    color: #707070; 
    font-size: 18px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 400; 
    text-align: justify;
} 

.text-i1b p  { 
    color: #226095; 
    font-size: 20px; 
    font-family: var(--primary_font); 
    font-weight: 500; 
    text-align: left; 
    margin-bottom: 0px;
} 

.text-i1b p.nom-m13  { 
    font-weight: 700;
} 

.text-i1b p.nom-m13  { 
    color: #303030; 
    font-size: 45px; 
    line-height: 44px; 
    margin-bottom: 18px;
} 

.text-i1b p.col-a6g  { 
    font-weight: 700;
} 

.text-i1b p.col-a6g  { 
    color: #fff; 
    padding: 3px 8px; 
    background-color: #226095; 
    width: fit-content; 
    margin-bottom: 0;
} 

.text-i1b p.pue-rk4  { 
    margin-top: 9px;
} 

.bol-l46 { 
    height: 28px; 
    width: 28px; 
    border-radius: 50%; 
    position: absolute;
    background-color: #1a4c7c;
} 

.bol-zz8 { 
    right: -16px; 
    top: calc(50% - 23px);
} 

.bol-iz6 { 
    top: 27px; 
    left: 25px; 
    height: 82px; 
    width: 82px; 
    background-color: rgb(26 76 124 / 15%);
} 

.bol-qfk { 
    right: -33px; 
    bottom: -33px; 
    height: 175px; 
    width: 175px; 
    background-color: rgb(26 76 124 / 15%); 
    z-index: 300;
} 

.fa-4cy { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn;
} 

.equ-j7t .image-a2t  { 
    height: 475px; 
    width: 475px; 
    position: absolute; 
    margin: 0 auto; 
    left: 0; 
    right: 0; 
    top: -2px; 
    border-radius: 50%; 
    overflow: hidden; 
    z-index: -1;
} 

.equ-j7t .image-a2t .image-maa  { 
    height: 100%; 
    width: 100%; 
    background-position: center center; 
    background-size: cover; 
    background-repeat: no-repeat;
} 

@media (max-width: 1450px){ 
  .equ-j7t { 
    padding-top: 35px; 
    padding-bottom: 90px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t { 
    padding-bottom: 80px;
  } 
}     

@media (max-width: 1300px){ 
  .equ-j7t .container-w6v  { 
    padding: 0 48px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 50px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 40px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 30px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .container-w6v  { 
    padding: 0px 15px;
  } 
}     

@media (max-width: 992px){ 
  .sim-5ei { 
    left: 0; 
    margin: 0 auto;
  } 
}     

@media (max-width: 767px){ 
  .tflhe { 
    opacity: 1;
  } 
}     

@media (max-width: 992px){ 
  .row-edo { 
    left: -35px;
  } 
}     

@media (max-width: 767px){ 
  .row-edo { 
    left: -10px;
  } 
}     

@media (max-width: 760px){ 
  .row-edo { 
    left: -34px;
  } 
}     

@media (max-width: 550px){ 
  .equ-lnc .row-7pn  { 
    display: none;
  } 
}     

@media (max-width: 992px){ 
  .row-yxx { 
    right: -35px;
  } 
}     

@media (max-width: 767px){ 
  .row-yxx { 
    right: -10px;
  } 
}     

@media (max-width: 760px){ 
  .row-yxx { 
    right: -34px;
  } 
}     

@media (max-width: 767px){ 
  h3 { 
    font-size: 20px;
  } 
}     

@media (max-width: 1200px){ 
  h3.khiil { 
    font-size: 30px;
  } 
}     

@media (max-width: 992px){ 
  h3.khiil { 
    text-align: center;
  } 
}     

@media (max-width: 767px){ 
  h3.khiil { 
    font-size: 25px;
  } 
}     

@media (max-width: 1450px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 45px; 
    padding-bottom: 80px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 26px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .row-kq9  { 
    padding-top: 26px; 
    padding-bottom: 70px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .row-kq9 > div { 
    justify-content: center;
    width: 100%;
}

  .equ-j7t .row-kq9 > div.bol-fls { 
    justify-content: center;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b { 
    padding-left: 35px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b { 
    padding-left: 20px;
  } 

  .text-i1b { 
    padding-left: 0px;
  } 

  .text-i1b { 
    margin-bottom: 40px;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b { 
    margin-bottom: 30px;
  } 
}     

@media (max-width: 1450px){ 
  .cir-344 { 
    height: 400px; 
    width: 400px;
  } 
}     

@media (max-width: 1200px){ 
  .cir-344 { 
    height: 380px; 
    width: 380px;
  } 
}     

@media (max-width: 992px){ 
  .cir-344 { 
    height: 364px; 
    width: 364px;
  } 
}     

@media (max-width: 767px){ 
  .cir-344 { 
    height: 334px; 
    width: 334px;
  } 
}     

@media (max-width: 550px){ 
  .cir-344 { 
    height: 320px; 
    width: 320px;
  } 
}     

@media (max-width: 450px){ 
  .cir-344 { 
    height: 290px; 
    width: 290px;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b p  { 
    font-size: 19px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p  { 
    text-align: center;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b p  { 
    font-size: 16px;
  } 
}     

@media (max-width: 1450px){ 
  .text-i1b p.nom-m13  { 
    font-size: 40px; 
    line-height: 40px; 
    padding-right: 25px;
  } 
}     

@media (max-width: 1200px){ 
  .text-i1b p.nom-m13  { 
    font-size: 37px; 
    line-height: 37px; 
    padding-right: 40px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p.nom-m13  { 
    padding-right: 0px; 
    margin-bottom: 13px; 
    font-size: 31px; 
    line-height: 31px;
  } 
}     

@media (max-width: 767px){ 
  .text-i1b p.nom-m13  { 
    margin-bottom: 11px; 
    font-size: 28px; 
    line-height: 28px;
  } 
}     

@media (max-width: 550px){ 
  .text-i1b p.nom-m13  { 
    margin-bottom: 11px; 
    font-size: 24px; 
    line-height: 24px;
  } 
}     

@media (max-width: 992px){ 
  .text-i1b p.col-a6g  { 
    margin: 0 auto;
  } 

  .bol-zz8 { 
    right: -12px; 
    top: calc(50% - 20px); 
    height: 24px; 
    width: 24px;
  } 
}     

@media (max-width: 1450px){ 
  .bol-iz6 { 
    height: 77px; 
    width: 77px;
  } 
}     

@media (max-width: 1200px){ 
  .bol-iz6 { 
    height: 70px; 
    width: 70px;
  } 
}     

@media (max-width: 992px){ 
  .bol-iz6 { 
    height: 60px; 
    width: 60px;
  } 
}     

@media (max-width: 767px){ 
  .bol-iz6 { 
    height: 46px; 
    width: 46px;
  } 
}     

@media (max-width: 1450px){ 
  .bol-qfk { 
    height: 150px; 
    width: 150px;
  } 
}     

@media (max-width: 1200px){ 
  .bol-qfk { 
    height: 125px; 
    width: 125px; 
    right: -14px; 
    bottom: -14px;
  } 
}     

@media (max-width: 992px){ 
  .bol-qfk { 
    height: 100px; 
    width: 100px; 
    right: -4px; 
    bottom: -4px;
  } 
}     

@media (max-width: 767px){ 
  .bol-qfk { 
    height: 80px; 
    width: 80px; 
    right: 8px; 
    bottom: 8px;
  } 
}     

@media (max-width: 1450px){ 
  .equ-j7t .image-a2t  { 
    height: 400px; 
    width: 400px;
  } 
}     

@media (max-width: 1200px){ 
  .equ-j7t .image-a2t  { 
    height: 380px; 
    width: 380px;
  } 
}     

@media (max-width: 992px){ 
  .equ-j7t .image-a2t  { 
    height: 364px; 
    width: 364px;
  } 
}     

@media (max-width: 767px){ 
  .equ-j7t .image-a2t  { 
    height: 334px; 
    width: 334px;
  } 
}     

@media (max-width: 550px){ 
  .equ-j7t .image-a2t  { 
    height: 320px; 
    width: 320px;
  } 
}     

@media (max-width: 450px){ 
  .equ-j7t .image-a2t  { 
    height: 290px; 
    width: 290px;
  } 
}     

@media (max-width: 992px){ 
  .image-a2t .image-maa  { 
    background-size: contain;
  } 
  
  /* Ajustar ancho de slides en móvil */
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
  
  /* Asegurar que el contenedor del slider sea visible */
  .spl-655 {
    overflow: visible;
    width: 100%; 
  }
  
  .list-13l {
    width: 100%;
    display: block !important;
  }
  
  /* Asegurar que los slides se muestren correctamente */
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm {
    position: absolute !important;
    width: 100% !important;
    opacity: 0;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden; 
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    height: auto;
    overflow: visible;
  }
}

@media (max-width: 767px){
  /* Ajustes adicionales para móvil pequeño */
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
  
  .spl-655 {
    overflow: visible;
    width: 100%; 
    position: relative;
} 

  .row-kq9 {
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Asegurar que el slider principal sea visible */
  #equ-ihj.style-6Ew4Y {
    visibility: visible !important;
    width: 100%;
    overflow: visible;
    position: relative; 
  }
  
  /* Asegurar que el contenedor del slider ocupe todo el ancho */
  .fa-sw2 {
    width: 100%; 
    overflow: visible;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 {
    width: 100%;
    overflow: visible;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 > .list-13l {
    width: 100% !important;
    display: block !important;
    position: relative;
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm {
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
  
  .fa-sw2 > .spl-655 > .list-13l > .slide-evm.is-ivc {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    display: block !important;
    height: auto;
    overflow: visible;
  }
  
  /* Ajustar posicionamiento de los dots en móvil */
  .equ-lnc .pagination-bo6 {
    bottom: 20px !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
  }
  
  /* Asegurar que el contenedor tenga espacio para los dots */
  .equ-j7t .row-kq9 {
    padding-bottom: 60px !important;
    position: relative;
  }
  
  /* Asegurar que el contenedor del slider tenga altura suficiente */
  #equ-ihj.style-6Ew4Y {
    position: relative; 
    padding-bottom: 50px;
    min-height: 650px;
  }
  
  /* Asegurar que el contenedor tenga altura desde el inicio */
  .fa-sw2 {
    min-height: 650px;
    position: relative;
  }
  
  .spl-655 {
    min-height: 600px;
  }
}


@keyframes zoomIn { 
  0% {  
      opacity: 0; 
      -webkit-transform: scale3d(.3, .3, .3); 
      transform: scale3d(.3, .3, .3); 
      opacity: 0; 
      transform: scale3d(0.3, 0.3, 0.3); 
  }  
  50% {  
      opacity: 1; 
      opacity: 1; 
  }  

} 
@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      -webkit-transform: translate3d(0, 100%, 0); 
      transform: translate3d(0, 100%, 0); 
      opacity: 0; 
      transform: translate3d(0px, 100%, 0px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: none; 
      transform: none; 
      opacity: 1; 
      transform: none; 
  }  

} 
@keyframes rotateIn { 
  0% {  
      -webkit-transform-origin: center; 
      transform-origin: center; 
      -webkit-transform: rotate3d(0, 0, 1, -200deg); 
      transform: rotate3d(0, 0, 1, -200deg); 
      opacity: 0; 
      transform-origin: center center; 
      transform: rotate3d(0, 0, 1, -200deg); 
      opacity: 0; 
  }  
  100% {  
      -webkit-transform-origin: center; 
      transform-origin: center; 
      -webkit-transform: none; 
      transform: none; 
      opacity: 1; 
      transform-origin: center center; 
      transform: none; 
      opacity: 1; 
  }  

} 
@keyframes fadeIn { 
  0% {  
      opacity: 0; 
      opacity: 0; 
  }  
  100% {  
      opacity: 1; 
      opacity: 1; 
  }  

} 

/* These were inline style tags. Uses id+class to override almost everything */
#style-wO8ac.style-wO8ac {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0.3s;  
}  
#style-FOwZ6.style-FOwZ6 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.5s;  
    animation-delay: 0s;  
}  
#equ-ihj.style-6Ew4Y {  
   visibility: visible;  
}  
#equ-env.style-1fOZg {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf.style-QsZMf {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML.style-MLhML {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72.style-DoAc1 {  
   width: 1140px;  
}

/* Ajustes para móvil - ancho de slides */
@media (max-width: 992px) {
  #equ-env.style-1fOZg,
  #equ-o72.style-DoAc1 {
    width: 100% !important;
    max-width: 100%;
  }
}  
#style-NScEf.style-NScEf {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q.style-zHM1q {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}

/* Estilos para slides duplicados */
#equ-env-2.style-1fOZg-2 {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf-2.style-QsZMf-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML-2.style-MLhML-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72-2.style-DoAc1-2 {  
   width: 1140px;  
}  
#style-NScEf-2.style-NScEf-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q-2.style-zHM1q-2 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}
#equ-env-3.style-1fOZg-3 {  
   width: 1140px;  
    transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99);  
}  
#style-QsZMf-3.style-QsZMf-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-MLhML-3.style-MLhML-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}  
#equ-o72-3.style-DoAc1-3 {  
   width: 1140px;  
}  
#style-NScEf-3.style-NScEf-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 0s;  
}  
#style-zHM1q-3.style-zHM1q-3 {  
   opacity: 1;  
    visibility: visible;  
    animation-duration: 1.2s;  
    animation-delay: 1.5s;  
}

/* Ajustes para móvil - nuevos slides */
@media (max-width: 992px) {
  #equ-env-2.style-1fOZg-2,
  #equ-o72-2.style-DoAc1-2,
  #equ-env-3.style-1fOZg-3,
  #equ-o72-3.style-DoAc1-3 {
    width: 100% !important;
    max-width: 100%;
  } 
}     



/* === ASSET CSS HASH: 03076f18032b0cabc10265c211f624043025efcf === */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');

/* Base (SCOPED al widget) */
.container-shs,
.container-shs * {
  box-sizing: border-box;
}
.container-shs *::before,
.container-shs *::after {
  box-sizing: border-box;
}
.container-shs {
  font-family: var(--primary_font);
  font-size: 10px;
  color: var(--secondary_color);
}
.container-shs svg{
  color: white;
  fill: white;
  stroke: white;
}
.container-shs { padding: 0 15px; margin: 0 auto; }
.rel-o5z { position: relative; }
.caj-tl4 { overflow: hidden; }

.clearfix::before, .clearfix::after,
.container-shs::before, .container-shs::after,
.container::before, .container::after,
.row-y6c::before, .row-y6c::after { display: table; content: " "; }
.clearfix::after, .container-shs::after, .container::after, .row-y6c::after { clear: both; }

.col-j3z, .col-z5a, .col-y5f, .col-amf { position: relative; min-height: 1px; padding: 0 15px; }
.col-amf { float: left; width: 100%; }

/* En mobile, todas las columnas ocupan el 100% */
@media (max-width: 767px) {
  .col-j3z, .col-z5a, .col-y5f, .col-amf { 
    float: left; 
    width: 100% !important; 
  }
}

@media (min-width: 768px) { .col-y5f { float: left; width: 50%; } }
@media (min-width: 992px) { .col-z5a { float: left; width: 33.33333333%; } }
@media (min-width: 1200px) { .col-j3z { float: left; width: 25%; } }

.fa-drr { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }

.acpjq { opacity: 0; }
.text-fwz { text-align: center; }
.cen-x4s { display: inline-flex; justify-content: center; align-items: center; }
.lim-rkg { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.lim-2mr { -webkit-line-clamp: 2; }
.lim-jh4 { -webkit-line-clamp: 6; }

.row-y6c { margin: 0 -15px; margin-top: 130px; }
.row-y6c > div { padding: 0; }

.image-ln6 {
  height: 600px;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1), box-shadow 0.45s cubic-bezier(0.4,0,0.2,1);
  overflow: hidden;
  position: relative;
}
.image-ln6 .image-xzn { height: 100%; width: 100%; position: relative; overflow: hidden; }
.image-ln6 .image-xzn .image-isf { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.row-y6c > div:hover .image-ln6 { transform: scale(1.12) translateY(-8px); z-index: 10; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.row-y6c > div:hover .image-ln6 .image-xzn .image-isf { filter: blur(4px); transition: filter 0.45s cubic-bezier(0.4,0,0.2,1); }

.col-hop { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #eb6e07; opacity: .75; }
.image-ln6:hover .col-hop { opacity: .85; }
.row-y6c > div:nth-child(2n) .col-hop { background-color: #7b2682; }

.cua-cnm { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translateY(0); opacity: 1; display: flex; align-items: center; text-align: center; }
.cua-cnm .pad-z59 { padding: 80px 70px; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; }

.caj-1bh { display: inline-flex; justify-content: center; align-items: flex-start; width: 100%; }
.form-98g { height: 0; overflow: vissible; transition: height .35s ease; }
.image-ln6:hover .form-98g { height: 132px; }

.container-shs svg:not(:root) { overflow: hidden; }
.image-ln6 svg { height: 90px; margin-bottom: 40px; }
.image-ln6 svg * { fill: white; }
.image-ln6 p { color: var(--third_color); font-size: 16px; text-align: center; margin: 0; }
.image-ln6 p.tit-awy { font-size: 24px; font-family: var(--secondary_font); text-transform: uppercase; font-weight: 500; margin-bottom: 0; text-shadow: 1px 1px 5px rgba(0,0,0,.45); }

.container-shs a { background-color: transparent; color: var(--primary_color); text-decoration: none; }
.container-shs a:active,
.container-shs a:hover { outline: 0; }
.container-shs a:hover { color: #23527c; }
.image-ln6 a { position: absolute; top:0; left:0; width:100%; height:100%; z-index:2; }

.container-shs p { margin: 0 0 10px; color: white; font-size: 16px; 
  font-family: var(--primary_font); font-weight: 400; text-align: center; }

@media (max-height: 768px) {
  .row-y6c { margin-top: 80px; }
  .image-ln6 { height: 500px; }
  .image-ln6 svg { height: 80px; margin-bottom: 30px; }
  .image-ln6 p { font-size: 15px; }
  .image-ln6 p.tit-awy { font-size: 19px; }
  .caj-1bh { height: 54px; }
  .cua-cnm .pad-z59 { padding: 80px 20px; }
}

@media (max-width: 1600px) {
  .image-ln6 { height: 550px; }
  .cua-cnm .pad-z59 { padding: 80px 30px; }
  .image-ln6 p.tit-awy { font-size: 22px; }
}

@media (max-width: 1400px) {
  .caj-1bh { height: 62px; }
  .image-ln6 p { -webkit-line-clamp: 7; }
  .image-ln6:hover .caj-1bh { height: auto; }
  .image-ln6:hover .form-98g { height: 169px; }
}

@media (max-width: 1200px) {
  .row-y6c { margin-top: 50px; }
  .image-ln6 { height: 450px; }
  .caj-1bh { height: 54px; }
  .image-ln6:hover .form-98g { height: 145px; }
}

@media (max-width: 992px) {
  .image-ln6 { height: 400px; }
  .col-z5a { width: 33.33333333%; }
  .row-y6c > div:nth-child(3) .col-hop { background-color: #7b2682; }
  .row-y6c > div:nth-child(4) .col-hop { background-color: #eb6e07; }
  .cua-cnm .pad-z59 { padding: 65px 30px; }
  .image-ln6 svg { height: 70px; margin-bottom: 30px; }
  .caj-1bh { height: 56px; }
  .image-ln6:hover .form-98g { height: 110px; }
  .image-ln6 p { font-size: 14px; -webkit-line-clamp: 5; }
  .image-ln6 p.tit-awy { font-size: 20px; }
}

@media (max-width: 767px) {
  .row-y6c { margin-top: 0px; }
  .image-ln6 { height: 350px; }
  .acpjq { opacity: 1; }
  .cua-cnm .pad-z59 { padding: 30px; }
  .row-y6c > div:nth-child(3) .col-hop { background-color: #eb6e07; }
  .row-y6c > div:nth-child(4) .col-hop { background-color: #7b2682; }
  .image-ln6:hover .form-98g { height: 132px; }
  .image-ln6 p { font-size: 14px; -webkit-line-clamp: 6; }
  .image-ln6 p.tit-awy { font-size: 19px; }

  .row-y6c > div:hover .image-ln6 { transform: none; box-shadow: none; }
  .row-y6c > div:hover .image-ln6 .image-xzn .image-isf { filter: none; }
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); }
  100% { opacity: 1; transform: none; -webkit-transform: none; }
}


#style-wOBBn.style-wOBBn { opacity: 1; visibility: visible; animation-duration: 1.5s; animation-delay: 0.3s; }



/* === ASSET CSS HASH: 15b01191cc299add09c80dab6c1ea1cb1f0426f3 === */
/* Widget - Productos Destacados Bioken */

/* Importar variables de root.css */
@import url('root.css');

/* Importar fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800,900,300i,400i,500i,600i,700i,800i,900i&display=swap'); 

/* Reset y base (SCOPED al widget) */
.des-wc2,
.des-wc2 * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 
.des-wc2 *::before,
.des-wc2 *::after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.des-wc2 {  
    font-family: 'Open Sans', sans-serif; 
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
} 

.pt-6qv { 
    padding-top: 80px;
} 

.pb-irq { 
    padding-bottom: 170px;
} 

.des-wc2 { 
    background-image: linear-gradient(#FFF 20%, #f6f9f1);
} 

/* (scoped) :before/:after box-sizing se define bajo .des-wc2 arriba */

.container-1im { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 768px){ 
  .container-1im { 
    width: 750px;
  } 
}     

@media (min-width: 992px){ 
  .container-1im { 
    width: 970px;
  } 
}     

@media (min-width: 1200px){
  .container-1im { 
    width: 1170px;
  }
  
  /* Eliminar padding del div interno del slider en desktop para que quepan 4 cards completas */
  .des-wc2 .container-1im > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Restaurar padding solo para el contenedor del título */
  .des-wc2 .container-1im > .container-vjh {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container-1im:after,.container-1im:before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container-1im::after, .container-1im::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { 
    display: table; 
    content: " ";
} 

.btn-group-vertical > .btn-group::after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container-1im:after, .dl-horizontal dd::after, .form-horizontal .form-group::after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after { 
    clear: both;
} 

.mb-o3i { 
    margin-bottom: 70px;
} 

.rel-do7 { 
    position: relative;
} 

.des-wc2 .container-vjh  { 
    padding-top: 40px;
} 

.spl-l8j { 
    visibility: hidden;
} 

.spl-l8j { 
    position: relative; 
    outline: none;
} 

.ful-x4s { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
} 

.des-wc2 .ado-pl8  { 
    top: 0; 
    background-repeat: no-repeat; 
    background-position-x: center; 
    background-position-y: top; 
    background-size: 87px;
} 

.des-wc2 h1 { 
    margin: .67em 0; 
    font-size: 2em;
} 

.des-wc2 h1 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.des-wc2 h1 { 
    margin-top: 20px; 
    margin-bottom: 10px;
} 

.des-wc2 h1 { 
    font-size: 36px;
} 

.text-p3a { 
    text-align: center;
} 

.text-2qa { 
    text-transform: uppercase;
} 

.tit-vqx { 
    margin-top: 0; 
    font-weight: 700; 
    font-family: "Rubik";
} 

.des-wc2 .tit-vqx  { 
    font-size: 50px; 
    margin-bottom: 5px;
} 

div.sub-m3k { 
    font-size: 20px; 
    color: #b6b6b6; 
    font-style: italic; 
    font-family: "Rubik";
} 

.spl-w3b { 
    position: relative; 
    z-index: 0; 
    overflow: hidden;
} 

.des-wc2 button { 
    margin: 0; 
    font: inherit; 
    color: inherit;
} 

.des-wc2 button { 
    overflow: visible;
} 

.des-wc2 button { 
    text-transform: none;
} 

.des-wc2 button { 
    -webkit-appearance: button; 
    appearance: button;
    cursor: pointer;
} 

.des-wc2 button { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit;
} 

.row-4ly { 
    position: absolute; 
    z-index: 10; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 2em; 
    height: 2em; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: none; 
    padding: 0; 
    opacity: .7; 
    background: #ccc;
    pointer-events: auto;
    cursor: pointer;
} 

.row-ctq { 
    left: 1em;
} 

.row-wr2 { 
    width: 50px; 
    height: 50px; 
    border-radius: 17px; 
    background-color: #eaf3de; 
    opacity: 1;
} 

.destacados-mvi { 
    left: -120px; 
    left: calc(-10vw + 80px); 
    left: calc(-15vw + 15%);
} 

.row-4ly:hover { 
    cursor: pointer; 
    opacity: .9;
} 

.row-qy2 { 
    right: 1em;
} 

.destacados-5od { 
    right: -120px; 
    right: calc(-10vw + 80px); 
    right: calc(-5vw + 100px); 
    right: calc(-15vw + 15%);
} 

.des-wc2 ul { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.list-to1 { 
    margin: 0!important; 
    padding: 0!important; 
    width: -webkit-max-content; 
    width: max-content; 
    will-change: transform;
} 

.spl-l8j.is-ckg .list-to1  { 
    display: flex; 
} 

.slide-iwf { 
    position: relative; 
    outline: none;
} 

.slide-iwf { 
    box-sizing: border-box; 
    list-style-type: none!important; 
    margin: 0; 
    flex-shrink: 0;
} 

.splide--khk > .spl-w3b > .list-to1 > .slide-iwf  { 
    -webkit-user-select: none; 
    user-select: none;
} 

.des-wc2 img { 
    border: 0;
} 

.des-wc2 img { 
    vertical-align: middle;
} 

.destacados-mvi img  { 
    transform: scaleX(-1);
} 

.thumbnail-ani { 
    display: block; 
    padding: 4px; 
    margin-bottom: 20px; 
    line-height: 1.42857143; 
    background-color: #fff; 
    border: 1px solid #ddd; 
    border-radius: var(--general_border_radius); 
    -webkit-transition: border .2s ease-in-out; 
    -o-transition: border .2s ease-in-out; 
    transition: border .2s ease-in-out;
} 

.thumbnail-ani { 
    border: unset; 
    padding: 0; 
    height: 457px; 
    border-radius: var(--general_border_radius); 
    background-color: #FFF; 
    filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.2)); 
    overflow: hidden; 
    transition: filter 0.3s;
} 

.thumbnail-ani:hover { 
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
} 

a { 
    background-color: transparent;
} 

a { 
    color: #337ab7; 
    text-decoration: none;
} 

a { 
    text-decoration: none;
} 

a:link { 
    text-decoration: none;
} 

.thumbnail-ani .container-s6s  { 
    position: relative;
} 

a:active,a:hover { 
    outline: 0;
} 

a:hover { 
    color: #23527c; 
    text-decoration: underline;
} 

a,a:active,a:hover { 
    text-decoration: none;
} 

a:hover,a:link,a:active { 
    text-decoration: none;
} 

.thumbnail-ani .caption-trg  { 
    padding: 9px; 
    color: #333; 
} 

.slide-iwf img  { 
    vertical-align: bottom;
} 

.thumbnail-ani a > img  { 
    display: block;
    max-width: 100%; 
    height: auto;
} 

.thumbnail-ani a > img  { 
    margin-right: auto; 
    margin-left: auto;
} 

.thumbnail-ani .container-s6s > img  { 
    height: 80%; 
    width: 100%;
    object-fit: cover;
} 

.corte-5of { 
    background-repeat: no-repeat; 
    background-position-y: calc(100% + 1px); 
    background-position-x: center; 
    background-size: 102%; 
    bottom: 0;
} 

.des-wc2 h4 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit;
} 

.des-wc2 h4 { 
    margin-top: 10px; 
    margin-bottom: 10px;
} 

.des-wc2 h4 { 
    font-size: 18px;
} 

.thumbnail-ani .caption-trg h4  { 
    font-size: 18px;
    font-weight: 500; 
    font-family: "Rubik"; 
    color: #333333; 
    margin-bottom: 5px; 
    margin-top: 10px;
} 

.wrapper-pd3 { 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-box; 
    display: -webkit-flex; 
    display: flex;
    align-items: center;
    -webkit-align-items: center; 
    justify-content: center; 
    -webkit-justify-content: center;
} 

.thumbnail-ani .exp-8nf  { 
    color: #333;
} 

small { 
    font-size: 80%;
} 

small { 
    font-size: 85%;
} 

.thumbnail-ani small  { 
    font-size: 12px;
} 

@media (max-width: 992px){ 
  .pt-6qv { 
    padding-top: 40px;
  } 

  .pb-irq { 
    padding-bottom: 80px;
  } 
}     

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container-1im::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after { 
    clear: both;
} 

@media (max-width: 992px){ 
  .mb-o3i { 
    margin-bottom: 45px;
  } 

  .des-wc2 .tit-vqx  { 
    font-size: 40px;
  } 
  
  /* Ajustar slides en tablet para ocupar más espacio */
  .slide-iwf {
    width: calc(50% - 15px) !important;
  }
  
  #style-pnclz.style-pnclz,
  #style-asVxn.style-asVxn,
  #style-NCdqH.style-NCdqH,
  #style-tSbIV.style-tSbIV,
  #style-eVQnH.style-eVQnH,
  #style-zoMNS.style-zoMNS,
  #style-CjJXt.style-CjJXt,
  #style-Vo3nO.style-Vo3nO,
  #des-pma.style-EhBqm,
  #des-h6o.style-4jieJ,
  #des-gch.style-ZhIFo,
  #des-5lv.style-K86Ga,
  #des-79y.style-wNCLF,
  #des-vjz.style-mrLrg,
  #des-oq1.style-TeLWv,
  #des-qng.style-oJN3M,
  #des-acn.style-zEFlo,
  #des-9qo.style-8IEi9,
  #des-pqt.style-6KJ3P,
  #des-2ce.style-jR1eT,
  #style-DJbWx.style-DJbWx,
  #style-ReL4N.style-ReL4N,
  #style-OGLxn.style-OGLxn,
  #style-PyjA1.style-PyjA1,
  #style-EayZb.style-EayZb,
  #style-zjB8J.style-zjB8J,
  #style-OVohA.style-OVohA,
  #style-bywiL.style-bywiL {
    width: calc(50% - 15px) !important;
    margin-right: 30px !important;
  }
}     

@media (max-width: 500px){ 
  .des-wc2 .tit-vqx  { 
    font-size: 35px;
  } 

  div.sub-m3k { 
    font-size: 18px;
  } 

  .destacados-mvi { 
    left: 0;
  } 

  .destacados-5od { 
    right: 0;
  } 
  
  /* Asegurar que el slider comience en posición 0 en móvil */
  #des-c36.style-HMKoE {
    transform: translateX(0px);
  }
  
  /* Ajustar contenedor del slider en móvil */
  .spl-w3b {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Centrar el primer slide en móvil */
  .list-to1 {
    justify-content: flex-start;
  }
  
  /* Ajustar padding del contenedor principal en móvil */
  .container-1im {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Ajustar el contenedor del slider para ocupar todo el ancho */
  #des-1q4.style-5hzoC {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  
  /* Ajustar el contenedor del slider para que muestre un slide a la vez */
  .spl-w3b {
    width: 100%;
    overflow: hidden;
  }
  
  .list-to1 {
    width: 100%;
        display: flex;
  }
  
  /* Hacer que los slides ocupen el 100% del ancho en móvil */
  .slide-iwf {
    width: 100% !important;
    margin-right: 0 !important;
    flex-shrink: 0;
  }
  
  /* Ajustar todos los slides específicos en móvil */
  #style-pnclz.style-pnclz,
  #style-asVxn.style-asVxn,
  #style-NCdqH.style-NCdqH,
  #style-tSbIV.style-tSbIV,
  #style-eVQnH.style-eVQnH,
  #style-zoMNS.style-zoMNS,
  #style-CjJXt.style-CjJXt,
  #style-Vo3nO.style-Vo3nO,
  #des-pma.style-EhBqm,
  #des-h6o.style-4jieJ,
  #des-gch.style-ZhIFo,
  #des-5lv.style-K86Ga,
  #des-79y.style-wNCLF,
  #des-vjz.style-mrLrg,
  #des-oq1.style-TeLWv,
  #des-qng.style-oJN3M,
  #des-acn.style-zEFlo,
  #des-9qo.style-8IEi9,
  #des-pqt.style-6KJ3P,
  #des-2ce.style-jR1eT,
  #style-DJbWx.style-DJbWx,
  #style-ReL4N.style-ReL4N,
  #style-OGLxn.style-OGLxn,
  #style-PyjA1.style-PyjA1,
  #style-EayZb.style-EayZb,
  #style-zjB8J.style-zjB8J,
  #style-OVohA.style-OVohA,
  #style-bywiL.style-bywiL {
    width: 100% !important;
    margin-right: 0 !important;
  }
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-hVsND.style-hVsND {  
   background-image: url(imagenes/img-14.svg);  
}  
#des-1q4.style-5hzoC {  
   visibility: visible;  
}  
#des-c36.style-HMKoE {  
   transform: translateX(0px);  
}  
#style-pnclz.style-pnclz {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-WXF9i.style-WXF9i {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-asVxn.style-asVxn {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-ecOpP.style-ecOpP {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-NCdqH.style-NCdqH {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Sjb62.style-Sjb62 {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-tSbIV.style-tSbIV {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-EDZ8q.style-EDZ8q {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-eVQnH.style-eVQnH {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-zyhiw.style-zyhiw {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-zoMNS.style-zoMNS {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-lVbHM.style-lVbHM {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-CjJXt.style-CjJXt {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-QMFTC.style-QMFTC {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-Vo3nO.style-Vo3nO {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-rFnFg.style-rFnFg {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-pma.style-EhBqm {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-LbiCP.style-LbiCP {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-h6o.style-4jieJ {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-9CGzy.style-9CGzy {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-gch.style-ZhIFo {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-drUGL.style-drUGL {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-5lv.style-K86Ga {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-w6CoG.style-w6CoG {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-79y.style-wNCLF {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-WYVdL.style-WYVdL {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-vjz.style-mrLrg {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-9VOFo.style-9VOFo {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-oq1.style-TeLWv {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-zSFrc.style-zSFrc {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-qng.style-oJN3M {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-jLB8K.style-jLB8K {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-acn.style-zEFlo {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Pj5xf.style-Pj5xf {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-9qo.style-8IEi9 {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-NooKC.style-NooKC {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-pqt.style-6KJ3P {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-oVcdl.style-oVcdl {  
   background-image: url(imagenes/img-15.svg);  
}  
#des-2ce.style-jR1eT {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-PyarW.style-PyarW {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-DJbWx.style-DJbWx {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-VowCv.style-VowCv {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-ReL4N.style-ReL4N {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-CcUGS.style-CcUGS {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-OGLxn.style-OGLxn {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-3lkSv.style-3lkSv {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-PyjA1.style-PyjA1 {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Piz8y.style-Piz8y {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-EayZb.style-EayZb {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-7xerP.style-7xerP {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-zjB8J.style-zjB8J {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-b1IM1.style-b1IM1 {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-OVohA.style-OVohA {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-EV34i.style-EV34i {  
   background-image: url(imagenes/img-15.svg);  
}  
#style-bywiL.style-bywiL {  
   margin-right: 30px;  
    width: 262.5px;  
}  
#style-Ntz6M.style-Ntz6M {  
   background-image: url(imagenes/img-15.svg);  
}     



/* === ASSET CSS HASH: 78bb68a12c3b51befb755cc4507995385a5da573 === */
/* 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;
    }
}



/* === ASSET CSS HASH: b13d53b9cee67ed11ae2fabdcb57f3eafe028489 === */
@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%;
  } 
}     





/* === ASSET CSS HASH: 6ffce10476e3119e293ec1efa3482157d5726581 === */
@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;  
  }  
  


/* === ASSET CSS HASH: fb26e7527b6015dcc52fa14b9fda2f6f08722ce9 === */
@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;  
}  









