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