/*
Theme Name: AQUAFONDO 2022
Author: Luis Torres
Author URI: http://conectaconsulting.com/
Description: AQUAFONDO.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


body{
  font-size: 16px;
  font-family: 'Visby-Regular', serif;
}
h1, h2, h4, h3, h5{
  font-family: 'Visby-DemiBold', serif;
  letter-spacing: 1px;
}
/*h2.h2-dark{
  color: #1958A5;
}*/
h1 {
  font-size: 3.2em;
  line-height: 3.2rem;
}
h2{
  font-size: 2.5em;
  line-height:2.8rem;
}
h3{

}
.font-2{
  font-size: 2.5em;
  line-height:2.5rem;
  letter-spacing: 1px;
}
.font-3{
  font-size: 2em;
  line-height: 2rem;
  letter-spacing: 1px;
}
@media(min-width: 920px){
  h1 {
    font-size: 4em;
    line-height: 4rem;
  }
}
@media (max-width: 576px){
  h1{
    font-size: 2.7em;
    line-height: 2.5rem;
  }
  h2{
    font-size: 1.8em;
    line-height: 1.8rem;
  }
  .font-2{
    font-size: 1.8em;
    line-height:1.8rem;
  }
}
a{
  text-decoration: underline;
  transition: color 250ms ease 0s;
  color: #333;
}
a:hover{
  color: #333;
  text-decoration: underline;
}
/*..FONTS..*/
@font-face {
  font-family: 'Visby-Regular';
  src: url('fonts/VisbyCF-Regular.otf'); 
  src: 
  local('Visby-Regular'),
  local('Visby-Regular'),
  url('fonts/VisbyCF-Regular.otf') 
  format('opentype');
  font-weight: regular;
}
@font-face {
  font-family: 'Visby-Medium';
  src: url('fonts/VisbyCF-Medium.otf'); 
  src: 
  local('Visby-Medium'),
  local('Visby-Medium'),
  url('fonts/VisbyCF-Medium.otf') 
  format('opentype');
  font-weight: bold;
}
@font-face {
  font-family: 'Visby-DemiBold';
  src: url('fonts/VisbyCF-DemiBold.otf'); 
  src: 
  local('Visby-DemiBold'),
  local('Visby-DemiBold'),
  url('fonts/VisbyCF-DemiBold.otf') 
  format('opentype');
  font-weight: bold;
}
@font-face {
  font-family: 'Visby-Bold';
  src: url('fonts/VisbyCF-Bold.otf'); 
  src: 
  local('Visby-Bold'),
  local('Visby-Bold'),
  url('fonts/VisbyCF-Bold.otf') 
  format('opentype');
  font-weight: bold;
}


/*container*/

@media (min-width: 1200px) {
  .container-1 {
    width: 1440px;
  }
}
/*..BOTONES Y LINKS..*/
.btn-primary{
  background-color: #DBDB00;
  border-color: #DBDB00;
  color: #333;
  font-size: 1em;
  padding: 10px 24px;
  font-family: 'Visby-DemiBold', serif;
}
.btn-primary:hover{
  background: #58B071;
  border-color: #58B071;
  text-decoration: none;
}
.btn-primary:focus{
  background: #0A9648;
  border-color: #0A9648;
}
.btn-secondary{
  background-color: #16A9E2;
  border-color: #16A9E2;
  color: #333;
  font-size: 1em;
  padding: 10px 24px;
  font-family: 'Visby-DemiBold', serif;
}
.btn-secondary:hover{
  background: #16A9E2;
  border-color: #16A9E2;
}
.btn-secondary:focus{
  background: #16A9E2;
  border-color: #16A9E2;
}
a.link-return{
  color: #777 !important;
}
a.link-return:hover{
  color: #333 !important;
}

a.link-returnpro{
  color: #fff !important;
}

a.link-returnpro:hover{
  color: #fff !important;
}
/*:::::::NAV::::::::*/
@media (min-width: 768px){
}
.navbar{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) -7.61%, rgba(0, 0, 0, 0) 97.46%);
}
.navbar{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) -7.61%, rgba(0, 0, 0, 0) 97.46%);
}
.navbar-collapse > ul.navbar-nav > .nav-item{
  /*margin-left: 8px;*/
}
@media only screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu{
    display: block;
  }
}
.nav-link{
  color: #fff;
}
.dropdown-menu{
  transition: visibility 150ms linear, opacity 150ms linear;
}
.dropdown-item:focus, .dropdown-item:hover{
  background-color: #16A9E2;
  color: #ffffff;
}
.nav-item .btn-primary{
  color: #333 !important;
}
li.spanish{
  position: relative;
}
li.spanish::before{
  content: '';
  position: absolute;
  top: 10px;
  left: -4px;
  width: 1px;
  height: 20px;
  background-color: #fff;
}
li.spanish a{
  color: #DBDB00;
}
ul.navbar-nav li.current-page-ancestor>a,
.navbar .menu-prin .navbar-nav>li.current-menu-item>a, .current-menu-parent>a {
  border-bottom: 3px solid #16A9E2;
}
/*..MOVIL..*/
.share-movil{
  margin-bottom: 24px;
}
.share-movil .block-1{
  display: flex;
  gap: 8px;
}
.share-movil .block-1 a{
  padding: 0;
}
.share-movil .block-1 img{
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.share-movil .block-2{
  display: flex;
  grid-gap: 16px;
}
.navbar-nav .dropdown-menu{
  border-radius: 0;
  padding: 0;
}

/*..INICIO..*/
/*..CUSTOMIZE THE CAROUSEL..*/
/* Carousel base class */
.carousel-outstanding .carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-outstanding .carousel-caption {
  /*bottom: 4rem;*/
  z-index: 10;
  font-size: 16px;
}
.carousel-outstanding .carousel-caption h1{
  text-shadow: 0px 0px 20px #222;
}
/* Declare heights because of positioning of img element */
.carousel-outstanding .carousel-item {
  height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}
/* rtl:end:remove */
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-outstanding .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .carousel-outstanding .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 62em) {
  .carousel-outstanding .featurette-heading {
    margin-top: 7rem;
  }
}
.carousel-outstanding{
  clip-path: ellipse(75% 100% at center top);
  position: relative;
}
.carousel-outstanding .carousel-inner{
  min-height: 650px;
}
.carousel-outstanding .bd-placeholder-img img{
  width: auto;
  object-fit: cover;
} 
@media (min-width: 1320px){
  .carousel-outstanding .bd-placeholder-img img{
    width: 100%;
  } 
}
@media (max-width: 768px){
  .carousel-outstanding {
    clip-path: ellipse(160% 100% at center top);
  } 
}
.carousel-caption .btn-primary{
  font-size: 16px;
}
.cp2 {
  bottom: 3rem;
}
.item-small{
  position: relative;
}
.carousel-caption-small {
  position: absolute;
  display: block;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
.carousel-inner-small {
  position: relative;
  width: 100%;
  min-height: 200px;
}
.carousel-indicators-small {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators-small button{
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
/**/
.sec-drops{
  margin-top: -160px;
  position: relative;
  z-index: 2;
}
.sec-drops .item-drop span{
  display: block;
  text-align: center;
}
.sec-drops .item-drop span.num-d{
  font-size: 1.6em;
  font-family: 'Visby-DemiBold', serif;
  top: 8px;
  position: relative;
}
.sec-drops .item-drop span.detail-d{
  font-size: 1em;
  line-height: 20px;
}
.sec-drops .item-drop{
  background-image: url(images/goat.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #fff;
  width: 117px;
  height: 148px;
  margin: 0 8px 16px;
}
.drop{
  width: 120px;
  padding: 30px;
}
@media (max-width: 576px){
  .sec-drops .item-drop{
    width: 140px;
  }
  .sec-drops .item-drop span.num-d{
    font-size: 1.5em;
  }
  .sec-drops .item-drop span.detail-d{
    font-size: 0.9em;
    line-height: 17px;
  }
}

/**/
.card-xs{
  color: #fff;
}
.card-xs img{
  max-width: 171px;
}
@media (max-width: 1200px){
  .card-xs img{
    max-width: 180px;
  }
}
@media (max-width: 920px){
  .card-xs img{
    max-width: 160px;
  }
}
@media (max-width: 768px){
  .card-xs img{
    max-width: 150px;
  }
}
@media (max-width: 576px){
  .card-xs img{
    max-width: 120px;
  }
}
.bg-light-blue{
  background-color: #00BEE4;
}
.bg-light-blue-medium{
  background-color: #16A9E2;
}
.bg-blue-medium{
  background-color: #1958A5;
}
.bg-orange{
  background-color: #FD9D24;
}
.bg-light-brown{
  background-color: #BF8B2E;
}
.bg-green{
  background-color: #007F3E;
}
.bg-green-light{
  background-color: #58B071;
}
.bg-light-gray{
  background-color: #F1F1F1;
}
.bg-lemon{
  background-color: #DBDB00;
}
.color-green{
  color: #007F3E;
}
.color-green-light{
  color: #58B071;
}
.color-blue{
  color: #1958A5;
}
.color-blue-light-medium{
  color: #16A9E2;
}

.grid-group-1{
  display: inline-grid;
  column-gap: 10px;
  grid-template-columns: repeat(5, 200px);
}
@media (max-width: 1199.98px) {
  .grid-group-1{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 200px);
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .grid-group-1{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 200px);
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .grid-group-1{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 200px);
    justify-content: center;
  }
}
.mini-map img{
  width: 250px;
  margin-bottom: 3em;
}

/**/
@media all and (min-width: 567px){
  .mini-map img{
    width: 250px;
  }
}
@media all and (min-width: 768px){
  .mini-map img{
    width: 300px;
  }
}
@media all and (min-width: 920px){
  .mini-map img{
    width: 320px;
  }
}
@media all and (min-width: 1140px){
  .mini-map img{
    width: 340px;
  }
}
@media all and (min-width: 1400px){
  .mini-map img{
    width: 380px;
  }
}
.sec-numeral .vector-map{

}
@media screen and (min-width: 1400px){
  .sec-numeral .vector-map img{
    position: relative;
    height: 900px !important;
    top: -20px; 
  }
  .no-visible{
    overflow: hidden;
    height: 750px;
  }
}
@media screen and (min-width: 1170px){
  .sec-numeral .vector-map img{
    height: 710px;
  }
}
}
@media screen and (max-width: 1200px){
  .sec-numeral .vector-map img{
  }
}
@media screen and (max-width: 1160px){
  .sec-numeral .vector-map img{
    width: 450px;
  }
}
@media screen and (max-width: 920px){
  .sec-numeral .vector-map img{
    width: 360px;
  }
}
@media screen and (max-width: 768px){
  .sec-numeral .vector-map img{
    width: 280px;
  }
}
/**/
.sec-testimonials{
  background-color: #F1F1F1;
}
/*...Grupo Cards...*/
a.card-button{
  text-decoration: none;
  transition: color 250ms ease 0s;
}
a.card-button:hover{
  text-decoration: none;
}
.card-article{
  border-radius: 20px;
  border: none;
}
.card-article .card-body h3{
  font-size: 1.25em;
  font-family: 'Visby-DemiBold', serif;
}
.card-article .card-body p.card-text{
  font-size: 1em;
}
.card-article .card-date{
  font-size: 15px;
}
.card-article .card-date > img{
  margin-right: 8px;
  display: initial;
}
.card-article .badge{
  position: absolute;
  top: 16px;
  right: 16px;
}
.card-article .imgarticle > img{
  width: 100%;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
}
.card-article .imgarticle{
  position: relative;
  z-index: 5;
  overflow: hidden;
  width: 100%;
  max-height: 270px;
}
.card-article-inside .imgarticle{
  max-height: 160px;
}
.card-article-inside .card-body{
  transition: background-color 250ms ease 0s;
}
.card-article-inside:hover .card-body{
  background-color: white !important;
}
.link-card-h3{
  color: #86CBD7;
}
.card-article:hover .link-card-h3{
  color: #fff;
}
/**/
.card-user{
  background-color: #fff;
  border-radius: 20px;
  color: #777;
  border: none;
  position: relative;
  margin-left: 72px;
}
.card-user .card-body{
  font-size: 1em;
  padding: 2em 2em 2em 4.2em;
}
.card-user .card-text{
  padding-bottom: 1.5em;
}
.card-user .card-name{
  font-size: 1em;
  color: #16A9E2;
  border-top: 1px solid #16A9E2;
  padding-right: 24px;
  padding: 8px 16px 8px 0;
}
.card-user .card-name .title-u{
  font-family: 'Visby-DemiBold', sans-serif;
  line-height: 1.2em;
}
.card-user .card-name span{
  display: block;
}
.card-user .fil-group-0{
  width: 100%;
}
.card-user .imgclip-circle{
  width: 112px;
  height: 112px;
  position: absolute;
  top: 2.5em;
  left: -60px;
}
.card-user .imgclip-circle img{
  width: 100%;
  border-radius: 112px;
}
.card-link{
  /*padding-left: 1em;*/
}
.card-link img{
  width: 60px;
}
@media (max-width: 920px){
  .card-link img{
    width: 40px !important;
  }
}
@media (max-width: 576px){
  .card-user{
    margin-left: 40px;
  }
  .card-user .imgclip-circle{
    width: 100px;
    left: -40px;
  }
  .card-user .card-body{
    padding: 1.5em 1.5em 1.5em 4.5em;
  }
}
@media (min-width: 992px){
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px){
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
}
/**/
.item-logo{
  /*text-align: center;*/
}
.item-logo img{
  width: 200px;   
}
.un-logo{
  text-align: center;
  position: relative;
  top: 1em;
}
.un-logo img{
  width: 320px;
  position: relative;
}
.tierra-img img {
  width: 100%;
  position: relative;
}
.img-cover{
  object-fit: contain;
  object-position: bottom;
}
@media (max-width: 720px){
  .un-logo img{
    width: 220px;
  }
  .un-logo{
    position: initial;
    margin-bottom: 1em;
  }
  .tierra-img img{
    width: 160%;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
/*generales*/


/**/

.badge{
  background-color: #0A9648;
  border-radius: 24px;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  column-gap: 5px;
  align-items: center;
  padding: 10px 10px 10px 16px;
}
.badge img{
  width: 18px;
}
.tag{
  background-color: #DBDB00;
  border-radius: 24px;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  column-gap: 5px;
  align-items: center;
  padding: 10px 10px 10px 16px;
}
.tag img{
  width: 18px;
  margin-right: 4px;
}
.tag a{
  text-decoration: none;
}
.lists .tag{
  margin-left: 8px;
}
.lists .tag:first-child{
  margin-left: 0;
}
.back-1{
  background-image: url(images/bg-paisaje.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: cover;
}
.back-2{
  background-image: url(images/bg-paisaje-2.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: cover;
}
/**/
.sec-suscribe{
  margin-bottom: -145px;
  overflow: hidden;
}
.sec-suscribe .imgclip{
  background-image: url(images/recorte-1.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  height: 100%;
}
@media (min-width: 992px){
  .card-suscribe{
    margin-top: 60px;
    border-radius: 20px 20px 0 0 !important;
  }
}
@media (min-width: 768px){
  .back-1{
    background-image: url(images/bg-paisaje.png);
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
  }
}
@media (max-width: 767px){
  .card-suscribe{
    border-radius: 0 !important;
  }
  .back-1{
    background-image: none;
  }
  .scene-clip{
    background-image: url(images/bg-paisaje.png);
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
  }
  .sec-suscribe .imgclip{
    background-position: center;
    height: 320px;
    margin-bottom: 0;
  }
  .no-padding{
    padding: 0 !important;
  }
}
.card-suscribe{
  background-color: #58B071;
  padding: 2.5em;
  padding-bottom: 140px;
  color: #fff;
  margin-top: 0;
  border-radius: 20px;
}
.module-form .form-group input,
.module-form .form-group textarea{
  background-color: #58B071;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #DBDB00;
  color: #fff;
  font-size: 1em;
}
.card-suscribe input::placeholder {
  font-weight: bold;
  opacity: .5;
  color: #fff !important;
}
.card-suscribe textarea::placeholder{
  font-weight: bold;
  opacity: .5;
  color: #fff !important;
}

/*..FOOTER..*/
.sec-pie{

  color: #fff;
  padding-top: 240px;
  position: relative;
  font-size: 15px;
  background: url(images/footer.png) top center repeat-x; 
}
.azul-nav{
  background: linear-gradient(179.9deg, rgba(4, 33, 68, 0) 2.79%, rgba(4, 33, 68, 0) 49.64%, #042144 49.65%, #042144 86.61%);
  ;
}
.sec-pie .fillp a{
  color: #fff;
  text-decoration: none;
}
.sec-pie .fillp a:hover{
  text-decoration: underline;
}
.sec-pie .fillp h4{
  text-transform: uppercase;
  font-size: 1em;
}
.sec-pie .fillp ul{
  padding-left: 0;
}
.sec-pie .fillp ul li{
  list-style: none;
  margin-bottom: 8px;
}
.sec-pie .fillp .item{
  padding-left: 32px;
  position: relative;
}
.sec-pie .fillp .item .item-content{
  display: flex;
  align-items: center;
}
.sec-pie .fillp .item-content img {
  position: absolute;
  top: 3px;
  left: 0;
}

/*
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: red;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 1024px) {
  .swiper-full-horizontal .swiper-slide {
    width: 400px;
  }
}
@media (min-width: 828px) and (max-width: 1023.98px) {
  .swiper-full-horizontal .swiper-slide {
    width: 600px;
  }
}


*/
.swiper-slide{
 flex-shrink:unset !important ;
}
/**/
.two-columns .list-icon{

}
.two-columns .list-icon .icon-circle{
  border-radius: 100px;
  background: #1958A5;
  padding: 24px;
  min-width: 96px;
  height: 96px;
}
.two-columns .list-icon {
  color: #fff;
  font-size: 1em;
  gap: 24px;
}
.hashtag{
  font-family: 'Visby-DemiBold', san;
}

/*MODULOS*/

/*sed-people*/
.circle-1{
  background-color: rgba(189, 189, 189, 0.1);
  padding: 32px;
  border-radius: 440px;
  width: 378px;
  height: 378px;
}
.circle-1-1{
  background-color: rgba(189, 189, 189, 0.1);
    padding: 15px;
    border-radius: 340px;
    width: 320px;
    height: 320px;
}
.circle-2-2{
  background-color: rgba(189, 189, 189, 0.2);
    padding: 20px;
    border-radius: 360px;
    width: 290px;
    height: 290px;
}
.circle-2{
  background-color: rgba(189, 189, 189, 0.2);
  padding: 32px;
  border-radius: 360px;
  width: 314px;
  height: 314px;
}
.circle-3 img{
  width: 250px;
  border-radius: 250px;
}

.circle-desc {  
  padding: 32px;
  /* border-radius: 440px; */
  width: 378px;
  height: 378px;
  text-align: justify;
}
/*modulos celestes*/
.item-circle{
  flex-direction: row;
  gap: 16px;
}
.sec-big-goat{
  background-image: url(images/semibrillo-goat.svg);
  background-repeat: no-repeat;
  background-position: center 470px;
  min-height: 45em;
}
.big-goat{
  position: relative;
}
.big-goat .group-item{
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 1.05em;
  font-family: 'Visby-Bold', sans-serif;
}
@media screen and (min-width: 768px){
  .sec-big-goat{
    background-image: url(images/media-semibrillo.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 40em;
  }
  .big-goat .group-item{
    gap: 64px;
  }
  .big-goat .group-item .item{
    position: relative;
  }
  .big-goat .group-item .it-1 img{
    position: absolute;
    top: 8px;
    right: -160px;
  }
  .big-goat .group-item .it-2{
    right: 40px;
  }
  .big-goat .group-item .it-2 img{
    position: absolute;
    top: 8px;
    right: -164px;
  }
  .big-goat .group-item .it-3 img{
    position: absolute;
    top: 8px;
    left: -160px;
  }
  .big-goat .group-item .it-4{
    left: 40px;
  }
  .big-goat .group-item .it-4 img{
    position: absolute;
    top: 8px;
    left: -156px;
  }
  .goat-blue img{
    width: 194px;
  }
}
@media (max-width: 768px){
  .goat-blue img{
    width: 96px;
    top: 240px;
    position: relative;
  }
}
@media (max-width: 480px){
  .goat-blue img{
    top: 300px;
  }
  .sec-big-goat{
    min-height: 55em;
    background-position: center 640px;
  }
}
.contenedor-aliados{
  display: flex;
  flex-direction: row;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.goat-blue{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.sec-pdf-aliados{
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 100px;
  z-index: 0;
  position: relative;
  margin-bottom: -145px;
}
.aliados{
  padding-bottom: 140px;
}
.lista-fecha{
  gap: 8px;
}

.mod-inside{
  font-size: 18px;
}
@media (max-width: 1140px){
  .sec-pdf-aliados{
    padding-top: 32px;
  }
  .aliados{
    /* padding-bottom: 50px !important; */
  }
  .sec-pdf-aliados .imgclip img{
    width: 80% !important;
  }
}
@media (min-width: 1440px){
  .aliados{
    /* padding-bottom: 0; */
  }
  .sec-pdf-aliados{
    margin-bottom: -145px;
  }
}
.sec-pdf-aliados .imgclip img{
  width: 100%;
}
.aliados-2{
  z-index: 5;
}
.sec-pdf-aliados .imgclip{
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.banner-img img{
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px){
  .banner-img img{
    min-height: 100%;
  }
}
.download-pdf{
  width: 240px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  grid-gap: 16px;
  background-color: #0A9648;
  border-radius: 1em;
  padding: 1em;
  color: #fff;
}
.pdf-content{
  position: relative;
  margin-top: 130px;
}
.group-row-logos{
  grid-gap: 16px;
  position: relative;
  margin-bottom: 40px;
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}
.group-row-logos div{
  background-color: white;
  border-radius: 8px;
  padding: 8px;
  display: inline-flex;
  flex-direction: column;
  width: 220px;
}
.group-row-logos div img{
  width: 210px;
}
.circle-content-white{
  margin-bottom: 32px;
}
.circle-content-white .cont{
  border-radius: 440px;
  width: 348px;
  height: 348px;
  display: flex;
  flex-direction: column;
  padding: 2.2em;
  padding-top: 4.5em;
  justify-content: center;
  margin: 16px 0;
}
.circle-lg-white .cont p{
  margin: 0;
}
.img-bg{
  background-image: url(images/curva_azul.svg);
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  background-size: 4150px;
}
.sec-numeral{
  color: #fff;
}
.group-metas .circ-c{
  background-color: #0A9648;
  min-width: 64px;
  height: 64px;
  border-radius: 42px;
  font-family: 'Visby-Bold', sans-serif;
  font-size: 40px;
}
.group-numbers{
  height: 600px;
}
.group-numbers span{
  display: block;
}
.group-numbers span.num-c{
  /* font-size: 4em; */
  font-size: 3.6em;
  font-family: 'Visby-Bold', sans-serif;
  line-height: 4rem;
}
.group-numbers span.num-c sup{
  font-size: 1.5rem;
  top: -30px;
}
.group-numbers span.detail-c{
  font-size: 400;
  font-family: 'Visby-DemiBold', sans-serif;
  line-height: 24px;
}
/*...group-numbers-2*/
.group-numbers-home span{
  display: block;
}
.group-numbers-home span.num-c{
  font-size: 4em;
  font-family: 'Visby-Bold', sans-serif;
  line-height: 4rem;
}
.group-numbers-home span.num-c sup{
  font-size: 1.5rem;
  top: -30px;
}
.group-numbers-home span.detail-c{
  font-size: 400;
  font-family: 'Visby-DemiBold', sans-serif;
  line-height: 24px;
}
/*.......*/
@media (max-width: 992px){
  .group-numbers span.num-c,
  .group-numbers-home span.num-c{
    font-size: 3em !important;
    line-height: 3rem !important;
  }
}
/*Gráfico de barras*/
@media (max-width: 768px){
  .sec-bars{
    margin-bottom: 0 !important;
  }
  .group-numbers{
    height: auto !important;
  }
  .group-numbers-xs{
    padding-top: 2em;
  }
}
.sec-bars{
  margin-bottom: -190px;
}
@media (min-width: 768px){
  .bar-1{
    animation-name: motion-bar1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
  }
  .bar-3{
    animation-name: motion-bar3;
    animation-duration: 3s;
    animation-fill-mode: forwards;
  }
  .bar-4{
    animation-name: motion-bar4;
    animation-duration: 3s;
    animation-fill-mode: forwards;
  }
}
.bar-1{
  position: relative;
}
.bar-3{
  position: relative;
}
.bar-4{
  position: relative;
}
@keyframes motion-bar1 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(15%);
  }
}
@keyframes motion-bar3 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(25%);
  }
}
@keyframes motion-bar4 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(10%);
  }
}
.foto-circulo img{
  border-radius: 600px;
  width: 380px;
  height: 380px;
  object-fit: cover;
  padding: 40px;
  border: 6px solid #fff;
  background-color: rgba(25, 88, 165, 0.2);
}
.list-bullet{
  padding-left: 0;
  margin-bottom: 0;
}
.list-bullet .item{
  font-size: 1.125em;
  line-height: 1.25em;
  font-family: 'Visby-Demibold', sans-serif;
  margin-bottom: 24px;
  color: #1958A5;
  list-style: none;
  position: relative;
  padding-left: 32px;
}
.list-bullet li:before{
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 16px;
  background-color: #1958A5;
  position: absolute;
  top: 4px;
  left: 0;

}
@media (min-width: 992px){
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
}
@media screen and (max-width: 576px) {
}
@media screen and (min-width: 576px) and (max-width: 920px) {
}
@media screen and (min-width: 920px) and (max-width: 1040px) {
}

.circle-lg .content{
  border-radius: 440px;
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  padding: 1.5em;
  justify-content: center;
  color: #fff;
  margin: 16px 0;
}
.circle-md{
  border-radius: 300px;
}
.circle-md-halo{
  border-radius: 300px;
  margin-bottom:180px;
}
.halo {
  background-image: url(images/halo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 56px;
}
.circle-sm {
  border-radius: 200px;
  width: 150px;
  height: 150px;
}
.circle-md img{
  object-fit: cover;
  width: 260px;
  border-radius: 340px;
  border: 16px solid #F3F3F3;
}
.circle-md-halo img{
  object-fit: cover;
  width: 200px;
  border-radius: 340px;
  border: 5px solid #fff;
}
.some-circles{
  gap: 32px;
  flex-wrap: wrap;
  position: relative;
}
.some-circles-column{
  gap: 64px;
  flex-wrap: wrap;
  position: relative;
  min-height: 664px;
}
@media (max-width: 1400px){
  .circle-md-halo img{
    width: 285px;
  }
  .halo {
    padding: 32px;
  }
}
@media (max-width: 1044px){
  .circle-md-halo img{
    width: 140px !important;
  }
}
@media (max-width: 1086px){
  .circle-md-halo img{
    width: 200px !important;
  }
}
@media (max-width: 962px){
  .circle-md-halo img{
    width: 190px !important;
  }
}
@media (max-width: 1186px){
  .circle-md-halo img{
    width: 200px !important;
  }
}

@media (max-width: 948px){
  .circle-md-halo img{
    width: 180px !important;
  }
  .circle-md-halo{
    margin-bottom: 0;
    margin-top: 48px;
  }
}
@media (max-width: 908px){
  .circle-md-halo img{
    width: 160px !important;
  }
}

@media (max-width: 1140px){
  .circle-md-halo img{
    width: 260px;
  }
  .some-circles-column{
    gap: 24px;
  }
  .halo {
    padding: 32px;
  }
}
@media (min-width:  1400px){
  .circle-md-halo img{
    width: 275px;
    border: 5px solid #F3F3F3;
  }
}
@media screen and (min-width:920px){
  .sm1{
    position: relative;
    top: 100px;
  }
  .sm2{
    position: relative;
    top: 32px;
  }
  .md1{
    position: relative;
    top: 64px;
    left: -24px;
  }
  .md3{
    position: relative;
    top: 88px;
  }
  .lg1{
    position: relative;
    top: 88px;
  }
}
@media screen and (min-width: 768px){
  .circle-md img{
    background-size: 300px;
  }
  .circle-lg .content{
    width: 320px;
    height: 320px;
    margin: 0px;
  }
  .circle-sm{
    width: 152px;
    height: 152px;
  }
}

/*...PAGINA NOVEDADES...*/
.info-gray span{
  display: inline-flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.info-gray{
  color: #777;
}
.image-inside{
  background-color: #f8f8f8;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-inside-full{
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}
.image-inside-full img{
  width: 100%;
  height: auto;
}
.ods-xs img{
  width: 56px;
  margin-left: 4px;
  margin-bottom: 6px;
}
.items-left a{
  display: block;
  margin-right: 8px;
  padding: 4px;
  opacity: 0.8;
}
.items-left a:first-child{
  margin-left: 0;
}
.items-left a:hover{
  opacity: 1;
}
.size-1x{
  width: 24px;
}
.size-1x img{
  width: 24px;
}
@media (min-width: 576px){
  .items-left a{
    margin-left: 16px;
    margin-right: 0;
  }
}
.video-youtube{
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-youtube iframe{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

/*PAGINA NOTICIAS*/

.tabs-button{
  border-bottom: 1px solid #E0E0E0;
}
.tabs-button .item{
}
.tabs-button .item a{
  text-decoration: none;
  background-color: #fff;
  display: block;
  padding: 18px 20px;
  height: 100%;
}
.tabs-button .item a:hover{
  background-color: #f3f3f3;
}
.tabs-button .item-active a{
  background-color: #DBDB00 !important;
}
.tabs-button .item-active a: hover{
  background-color: red !important;
}
.tabs-button .item img{
  margin-right: 8px;
  width: 24px;
}
.button-search{
  border: 1px solid #ced4da;
  border-left: 0;
}
.button-search:hover{
  background-color: #f3f3f3;
  border: 1px solid #ced4da;
}
.buttons-group{
  width: 100%;

}
.buttons-group label{
  border: 1px solid #BDBDBD;
  font-size: 1em;
}
.buttons-group label.active{
  background-color: #DBDB00;
  border: 1px solid;
}
.btn-check:checked + .btn, 
.btn.active, .btn.show, 
.btn:first-child:active, 
:not(.btn-check) + .btn:active{
  background-color: #DBDB00;
  border: 1px solid #DBDB00;
}
.buttons-group label:hover{
  background-color: #f3f3f3;
  border: 1px solid #BDBDBD;
}
.active > .page-link,
.page-link.active{
  background-color: #DBDB00;
  border: 1px solid #DBDB00;
  color: #333;
  border-radius: 5px;
  padding: 10px 20px;
}
.page-link{
  margin-left: 4px !important;
  margin-right: 4px;
  border-radius: 5px;
  padding: 10px 20px;
  color: #333;
}
.page-link:hover{
  color: #333;
  text-decoration: none;
  background-color: #f3f3f3;
}

/*animado carrousel*/
.carrusel-colecciones-drop .slick-slide{
  display: flex !important;
  justify-content: center !important;
}
/*.carrusel-colecciones > div,*/
.carrusel-colecciones .slick-slide,
.carrusel-colecciones-2 .slick-slide,
.carrusel-colecciones-3 .slick-slide
{
  padding-left: 10px;
  padding-right: 10px;
}
.carrusel-colecciones .slick-slide a.cole
{
  text-decoration: none;
  border:1px solid #dcdcdc;
}
.carrusel-colecciones .slick-slide a.cole:hover
{
  background-color: #222;
  color: #fff;
  border:1px solid #dcdcdc;
}
.carrusel-colecciones .slick-arrow.ion ion-icon{
  border-radius: 40px;
  background: #fff;
}
.carrusel-colecciones .slick-arrow.ion
{
  color: #222;
  width: 48px;
  height: 48px;
  font-size: 48px;
  opacity: .4;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.carrusel-colecciones .slick-arrow.ion:hover{
  opacity: 1;
}
.carrusel-colecciones .slick-arrow.ion::before
{
  content: '';
}
.carrusel-colecciones.slick-slider.slick-dotted
{
  /*margin-bottom: 50px;*/
}
.carrusel-colecciones .slick-dots
{
  /*bottom: -50px;*/
}
.carrusel-colecciones .slick-dots li button::before
{
  /* font-size: 14px; */
}
a.ver-colecciones
{
  font-size: 14px;
  text-transform: uppercase;
}
.carrusel-colecciones .slick-slide .eve a:hover{
  color: #444;
  background-color: transparent;
}
.carrusel-colecciones .slick-slide .eve a:hover {
  background-color: transparent;
}
/*.eve .card-text {
    font-size: .94rem;
}
.eve .card-text .item{
    margin-top: 5px;
}
.eve .card-text ion-icon{
    font-size: 21px;
    vertical-align: top;
    margin-right: 6px;
    float: left;
}
.eve .card-text span{
    display: block;
    overflow: hidden;
}
.slick-dots li:before{
    position: relative !important;
}*/
/*.carrusel-colecciones .eve:hover h3
{
    color: #777;
}
.carrusel-colecciones .eve:hover .card-text{
    color: #444;
}
.carrusel-colecciones .eve h3{
    margin-top: 0;
    font-weight: 500 !important;
    color: #222;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
}
.card.eve{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    min-height: 385px;
}   
.card.eve:hover{
    border:1px solid #b2b2b2;
}
.card.eve .card-body h3{
    margin-top: 0 !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
}*/

@media screen and (min-width: 1200px)
{
  .carrusel-colecciones .slick-prev{
    left: 14px;
    z-index: 10;
  }
  .carrusel-colecciones .slick-next{
    right: 14px;
  }
  .carrusel-colecciones .slick-arrow.ion{

  }

  .carrusel-colecciones-2 .slick-next{
    right: -11px !important;
  }
  .carrusel-colecciones-3 .slick-next{
    right: -11px !important;
  }
  .carrusel-colecciones-3 .slick-prev{
    left: 62px !important;
    z-index: 1000;
  }
 
}
@media (max-width: 1298px){
  .carrusel-colecciones .slick-prev{
        left: -20px;
        z-index: 4;
        background: #ccff00;
        border-radius: 40px;
        /* display: none !important; */
      }
      .carrusel-colecciones .slick-next{
        right: -12px;
        z-index: 4;
        background: #fff;
        border-radius: 40px;
        /* display: none !important; */
      }
    }
    .slick-dots{
      position: relative !important;
      margin-top: 10px !important;
      margin-bottom: 15px !important;
      bottom: auto !important;

    }

    .slick-dots li{
      margin-left: 3px !important;
      margin-right: 3px !important;
    }

    

/*........sección login........*/
@media (min-width: 992px ){
  .module-image-login{
    background-color: #1A74C6;
    padding-top: 200px;
    background-image: url(images/imagen-login-2.png);
  }
}
@media (max-width: 768px ){
  .module-image-login{
    background-color: red;
    background-size: cover !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }
  .module-image-login .container-lg{
    padding: 0;
  }
  .card-login{
    margin-top: 0 !important;
    border-radius: 0 !important;
    padding-bottom: 40px !important;
  }

  .carrusel-colecciones-3 .slick-next{
    right: 1px !important;
  }
  .carrusel-colecciones-3 .slick-prev{
    left: 16px !important;
    z-index: 1000;
  }

}
.module-image-login{
  background-image: url(images/imagen-login-2.png);
  padding-top: 150px;
  margin-bottom: -150px;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  justify-content: end;
  align-items: flex-end;
  align-content: flex-end;
}
.module-image-login .image-login img{
  width: 100%;
}
.card-login{
  background-color: #58B071;
  padding: 2.5em;
  padding-bottom: 320px;
  margin-top: 0;
  border-radius: 20px;
  margin-top: 110px;
}
/*........sección intranet......*/
@media (min-width: 992px ){
  .module-image-hero{
    background-color: #E7FCD1;
    padding-top: 200px;
    background-image: url(images/bg-intranet-2.png);
  }
}
@media (max-width: 768px ){
  .module-image-hero{
    background-color: red;
    background-size: cover !important;
    padding-top: 0 !important;
  }
  .module-image-hero .container-lg{
    padding: 0;
  }
  .module-datos{
    border-radius: 0 !important;
  }
}
.module-image-hero{
  background-image: url(images/bg-intranet-2.png);
  padding-top: 150px;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  justify-content: end;
  align-items: flex-end;
  align-content: flex-end;
}
.module-image-hero .image-hero img{
  width: 100%;
}
.module-documents{
  grid-row-gap: 24px;
}
.item-docu{
  background-color: #F2F2F2;
  padding: 1em;
  text-decoration: none;
  min-height: 200px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  transition: all 0.5s ease-out;
}
.item-docu:hover{
  background-color: #E0E0E0;
  text-decoration: none;
}
.item-docu h5{
  font-size: 1em;
  font-family: 'Visby-regular', sans-serif;
}
.item-docu:before{
  content: '';
  position: absolute;
  width: ;
}
.module-datos{
  border-radius: 16px 16px 0 0;
}
.module-datos h1{
  font-size: 2.5em;
}
.module-datos .list-datos{
  display: flex;
  flex-direction: row;
  align-items:  center;
  gap: 16px;
}
.module-datos .list-datos .photo{
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.module-datos .list-datos .photo img{
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.module-datos .list-datos .info span{
  display: block;
}
.module-datos .list-datos .info span:first-child{
  font-family: 'Visby-bold', sans-serif;
}

/* para citar en prensa */
blockquote {
  color: #665959;
  font-style: oblique;
  font-size: 0.9rem;
}

/*para machheigt*/
.cardmach{

}

/*Redes sociales*/
.sticky-container{
  padding:0px;
  margin:0px;
  position:fixed;
  /* right:-130px; */
  left: -31px;
  top:476px;
  width:210px;
  z-index: 1100;
}
.sticky li{
  list-style-type:none;
  height:50px;
  width: 50PX;
  padding:0px;
  /*margin:0px 0px 1px 0px;*/
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor:pointer;
  border: 1px solid white;
}
.sticky li:hover{
  /* margin-left:-115px; */
}
.sticky li img{
  float: left;
  /*margin: 1px 1px;*/
  margin-right: 5px;
  width: 100%;
}
.sticky li p{
  padding-top:5px;
  margin:0px;
  line-height:16px;
  font-size:11px;
}
.sticky li p a{
  text-decoration:none;
  color:#2C3539;
}
.sticky li p a:hover{
  text-decoration:underline;
}


.socios[type=radio] {
  border-radius: 0;
}

.formato-docu {
  position: absolute;
  margin-top: -138px; 
  margin-left: 98px;
}

/*formas*/
.circulo {
  width: 562px;
  height: 562px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
}

.cuadrado-2 {
  width: 100px; 
  height: 100px; 
  border: 3px solid #555;
}


h2.pb-3.color-blue {
  font-family: 'Visby-Bold', serif;
  font-size: 74px;
  line-height: 4rem;
}

h2.color-blue {
  font-family: 'Visby-Bold', serif;
  font-size: 40px;
}

/*Barras móvil*/
div#bmovil1 {
  width: 80%;
}
div#bmovil2 {
  width: 90%;
}

div#bmovil3 {
  width: 70%;
}

div#bmovil4 {
  width: 80%;
}

h3.pb-3.color-blue.mov {
  font-family: 'Visby-Bold', serif;
  font-size: 24px;
}

h3.pb-3.color-blue.mov40 {
  font-family: 'Visby-Bold', serif;
  font-size: 40px;
}
.sec-our{
  overflow: hidden;
}
.lead{
  line-height: 1.8rem;
}

/****************************************************/
/********************* MENU *************************/
/****************************************************/
#searchform, #searchme {
  -webkit-transition: all ease;
  -moz-transition: all ease;
  -ms-transition: all ease;
  -o-transition: all ease;
  transition: all ease;
}
.menuprin-wrapper {
  /* background-color: #536def; */
  /* box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4); */
}
.menuprin-nav .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: transparent;
  padding: 1rem;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.navbar.barra-nav {
  padding: 0;
  display: block;
}
.menuprin-nav {
  padding: 0;
}
.navbar .menu-prin .navbar-nav li {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.navbar .menu-prin .navbar-nav li > a {
  padding: 1rem;
  white-space: normal;
}
.navbar .menu-prin {
  margin: 0 -15px;
}
.navbar .menu-prin ul.navbar-nav {
  /* border-top: solid 1px rgba(255, 255, 255, 0.26); */
}
.menu-prin .form-inline .form-control {
  border-color: #00a1b2;
  background: #00a1b2;
  height: calc(2.25rem + 4px);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.menu-prin .form-inline .form-control:hover, .menu-prin .form-inline .form-control:focus {
  border-color: #038997;
  background: #fff;
}
.home-tabs .nav {
  text-align: center;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
.navbar .menu-prin .navbar-nav a[aria-expanded="true"]::after {
  content: "";
  right: 24px;
  top: 3px;
  transform: rotate(180deg);
}
.menu-prin ul#menu-menu-principal>li>ul {
  position: absolute;
  background: #FFF;
  list-style: none;
  height: auto;
  z-index: -111;
  box-shadow: 0px 2px 5px 0px rgba(99, 99, 99, 0.79);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(99, 99, 99, 0.79);
  -webkit-transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -ms-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  overflow: hidden;
  padding: 0px;
  min-width: 10%;
  top: 60px;
  opacity: 0;
}
ul#menu-menu-principal li ul.sub-menu li ul.sub-menu li,
.menu-prin ul#menu-menu-principal>li>ul>li {
  border-top: 1px solid #CCCCCC;
  font-size: 14px;
  white-space: nowrap;
}
.menu-prin ul#menu-menu-principal>li>ul>li>a {
  display: block;
  font-size: 15px;
  padding: 0 13px;
  text-decoration: none;
  color: var(--bs-dropdown-link-color);
}
.menu-prin ul#menu-menu-principal ul li a:hover i.out {
  background: url(images/link-out-2.png) center center no-repeat;
  padding: .5rem;
  margin-left: .5rem;
}
.menu-prin ul#menu-menu-principal>li>ul>li>a:hover {
  background: #333;
  color: white;
}
.menu-prin ul#menu-menu-principal li.current-page-ancestor.menu-item-has-children ul.sub-menu li.current-page-ancestor a{
  background: #FFF;
  color: #536def;
}
.menu-prin ul#menu-menu-principal>li:hover>ul>li>a {
  padding: .75rem 1rem;
}
.menu-prin ul#menu-menu-principal>li:hover>ul {
  opacity: 1;
  height: auto;
  overflow: visible;
  top: 56px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 999;
}
.menu-prin ul#menu-menu-principal>li>ul>li:first-child {
  border-top: none;
}
.menu-prin ul#menu-menu-principal > li.menu-item-search {
  width: auto;
}
.menu-prin ul#menu-menu-principal > li.menu-item-search a#searchme {
  padding: 0;
  width: 60px;
  background: #212121 url(images/search.png) center no-repeat;
  background-size: 20px;
  -webkit-transition: all ease;
  -moz-transition: all ease;
  -ms-transition: all ease;
  -o-transition: all ease;
  transition: all ease;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children a {
  color: #fff;
  background: white;
  font-weight: 500;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children ul.sub-menu {
  padding-left: 0;
  list-style: none;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
  padding: 10px;
  padding-left: 2.5rem ;
  display: block;
  font-weight: 400;
  color: #536def;
  background: white;
  border-bottom: 0;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children ul.sub-menu li a:before {
  content: "•";
  position:absolute;
  left:1rem;
  color:#536def;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover {
  background: #333;
  color: white;
}
.menu-prin ul#menu-movil-principal li.current-page-ancestor ul.sub-menu li a.dcjq-parent.active{
  color: #333333;
  background: #ffffff;
}
.menu-prin ul#menu-movil-principal li.current-page-ancestor ul.sub-menu li a.active{
  background: #333;
  color: white;
}
.menu-prin ul#menu-menu-principal li ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover:before{
  color:#FFFFFF;
}
.menu-prin ul#menu-menu-principal li form#searchform.searchform div#buscar-text.search-desktop{
  background: #ffffff;
  box-shadow: 0px 6px 15px #9C9C9C;
  right: 0;
  padding: .9rem .75rem .75rem .75rem;
  position: absolute;
  text-align: left;
  width: 360px;
  z-index: 99999;
  top: 56px;
  border-radius: .5rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  display: none;
}
.menu-prin ul#menu-menu-principal li form#searchform.searchform div#buscar-text.search-desktop input.search-input{
  width: calc(100% - 90px);
  border: 0;
  border-bottom: #c5cae9 1px solid;
}
.menu-prin ul#menu-menu-principal li form#searchform.searchform div#buscar-text.search-desktop input.search-submit {
  cursor: pointer;
  position: absolute;
  height: 30px;
  width: 80px;
  right: 1rem;
  font-size: .8rem;
  font-weight: 400;
  top: .75rem;
  background: #536def;
  color: #fff;
  border-radius: .75rem;
  border: 0;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#mainmovil { background: #536def; }

@media screen and (max-width:992px) {
  #navbars{
    margin-left: -24px;
  }
  ul#menu-movil-principal.navbar-movil{
    padding: 0;
    border: none;
    box-shadow: none;
  }
  ul#menu-movil-principal.navbar-movil ul{
    padding: 0;
  }
  ul#menu-movil-principal.navbar-movil li span.dcjq-count{
    display: none;
  }
  ul#menu-movil-principal.navbar-movil li{
    list-style: none;
  }
  ul#menu-movil-principal.navbar-movil li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after,
  ul#menu-movil-principal.navbar-movil > li.menu-item-has-children > a:after{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    margin-left: 9px;
  }
  ul#menu-movil-principal.navbar-movil > li.menu-item-has-children > a:hover{
    background: #fff;
    color: #536def;
  }
  ul#menu-movil-principal.navbar-movil li a{
    color: #FFF;
    display: block;
    padding: 16px 24px;
    vertical-align: .255em;
    content: "";
    border-top: 1px solid rgba(255, 255, 255, 0.26);
    border-right: 1px solid rgba(255, 255, 255, 0.26);
    border-bottom: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.26);
  }
  ul#menu-movil-principal.navbar-movil li ul.sub-menu a{
    background: #FFF;
    color: #536def;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 0;
    border-left: 1px solid #BBB;
    padding: 10px 24px;
    font-size: 14px;
  }
  ul#menu-movil-principal.navbar-movil li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a{
    color: #333;
  }
  #searchformmovil{ width: 100%; display: inline-flex; }
  #searchformmovil input.search-input{ float: left; }
  #searchformmovil input.search-submit{ float: right; }
}
.bg-dark { 
  background-color: #1958A5 !important;
}
li#menu-item {
  color:#fff !important;
}
.menu-prin ul#menu-menu-principal > li > a {
  /* padding: .75rem 1rem; */
  color:#fff !important;
  text-decoration: none;
}
.menu-prin ul#menu-item-48 > li > a {
  /* padding: .75rem 1rem; */
  color:#333 !important;
  text-decoration: none;
}
#menu-item-12021{
  padding-right: 8px;
}
#menu-item-12021  a {
  background-color: #16A9E2;
  border-color: #16A9E2;
  color: #333;
  font-size: 1em;
  font-family: 'Visby-DemiBold', serif;
  border-radius: 0.375rem;
}
#menu-item-48 a{
  background-color: #DBDB00;
  border-color: #DBDB00;
  color: #333 !important;
  font-size: 1em;
  font-family: 'Visby-DemiBold', serif;
  border-radius: 0.375rem;
}


.slick-prev:before, .slick-next:before {

  font-size: 25px; 
  color: #0d7aa5;
  
}

/*FLECHA ellos invierten*/
.arrow-container {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%) translateY(21%);
  z-index: 999;
  transition: opacity 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .arrow-container {
    left: auto;
    right: 20px;
    bottom: 20px;
    transform: none;
  }
}

.arrow-link {
  display: block;
  width: 350px;
  height: 217px;
  /* background-color: #fff; */
  border-radius: 50%;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
  text-align: center;
  line-height: 40px;
  pointer-events: none;
}

.arrow-link img {
  width: 350px;
  height: 217px;
  vertical-align: middle;
}

.arrow-hidden {
  opacity: 0;
  pointer-events: none;
}

/*backto top*/
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

#back-to-top img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

@media (max-width: 575px) {
  #back-to-top img {
    max-width: 50%;
  }
}