/* estilos del sitio web100 Thin
200 Extra Light
300 Light
400 Normal
500 Medium
600 Semi Bold
700 Bold
800 Heavy, Black, Extra-bold
900 Ultra Bold */
/*fuentes y fuentes CDN*/
@font-face { font-family: 'RLight'; src: url('../fonts/roboto/Roboto-Light.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RRegular'; src: url('../fonts/roboto/Roboto-Regular.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RMedium'; src: url('../fonts/roboto/Roboto-Medium.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RBold'; src: url('../fonts/roboto/Roboto-Bold.ttf'); font-weight: normal; font-style: normal; }

:root{
    --rlight:'RLight';
    --rregular:'RRegular';
    --rmedium:'RMedium';
    --rbold:'RBold';
    --negro: #000000;
    --blanco: #ffffff;
    --azul: #3378a5;
}
/*estilos generales*/
html, body{opacity:0}
html{position:relative; min-height:100%; padding-bottom: 0px; }
body{padding-top:0px; outline: none;}
body a { color: inherit; }
body a:link,a:visited,a:hover,a:active{ text-decoration:none; color: inherit; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance:none;}
.at-style-responsive .at-share-btn { background-color: #3378a5!important; }
.required{border:1px solid red !important;}
.row{margin-left:0px; margin-right:0px}
.row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important;  }
:focus { outline: none; }
.centrar{display: flex; justify-content: center; align-items: center;}
.centrar {display: flex; justify-content: center; align-items: center;}
.centrar-lg {display: flex; justify-content: center; align-items: center;}
.error{border:1px solid #E37979 !important;}
.bg{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-100{-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat;  }
.contenedor-principal{ position: relative; width:100%; max-width: 2500px; margin: 0 auto;}
.contenedor{width:90%; max-width: 1600px; margin: 0 auto; }
.subcontenedor-md{ width:90%; max-width: 1600px; margin: 0 auto; }
.subcontenedor-sm{ width:80%; max-width: 1600px; margin: 0 auto; }
.subcontenedor-xs{ width:70%; max-width: 1600px; margin: 0 auto; }
.clear { clear: both; }
.rl{position: relative;}
.line:before{content: ''; width: 100%; height: 2px; background-color: transparent; border-bottom: 1px solid #223764; position: absolute; bottom: -4px; left: 0}
.swiper-button-prev { background-image: url(../img/formas/prev.svg)!important; width: 13px!important; height: 37px!important; background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important; z-index: 1!important; }
.swiper-button-next { background-image: url(../img/formas/next.svg)!important; width: 13px!important; height: 37px!important; background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important; z-index: 1!important; }
.ms-nav-prev { background-image: url(../img/formas/prev.svg)!important; width: 13px!important; height: 30px!important; background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important; z-index: 1!important; }
.ms-nav-next { background-image: url(../img/formas/next.svg)!important; width: 13px!important; height: 30px!important; background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important; z-index: 1!important; }
@media screen and (max-width: 1199px) { 
    .centrar-lg { display: inherit; }
    .centrar-md { display: flex; justify-content: center; align-items: center;}
}
@media screen and (max-width: 991px) { 
    .centrar-md { display: inherit; }
    .centrar-sm { display: flex; justify-content: center; align-items: center;}
}
@media screen and (max-width: 767px) { 
    .centrar-sm { display: inherit; }
    .centrar-xs {display: flex; justify-content: center; align-items: center;}
    .swiper-button-prev { width: 14px!important; height: 24px!important; bottom: 20px!important }
    .swiper-button-next { width: 14px!important; height: 24px!important; bottom: 20px!important }
} 
/* Menu */
header { width: 100%; max-width: 2500px; background-image: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); margin: auto; position: absolute; left: 0; right: 0; top: 0px; z-index: 502; }
header .cabecera { width: 90%; max-width: 2500px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; height: 76px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; z-index: 500; }
header .cabecera .logo { width: 180px; height: 100%; background-image: url(../img/logos/logo-sare.png); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: all .35s ease; transition: all .35s ease; }
header .cabecera .hamburger { cursor: pointer; height: auto; position: absolute; right: 0; top: 26px; width: 30px; transition: all .2s ease-out; }
header .cabecera .hamburger .raya { width: 100%; height: 2px; background: #ffffff; margin-bottom: 6px; transition: all 0.3s; backface-visibility: hidden; }
header .cabecera ul.menu-escritorio { display: flex; align-items: center; padding-inline-start: 0; list-style: none; }
header .cabecera ul.menu-escritorio > li { font-family: var(--rbold); font-size: 19px; letter-spacing: -0.19px; color: #f0edec; }
header .cabecera ul.menu-escritorio > li:not(:last-child) { margin-right: 32px; }
header .cabecera ul.menu-escritorio > li:nth-child(5) { margin-right: 28px; }
header .cabecera ul.menu-escritorio > li:nth-child(6) { margin-right: 15px; }
header .cabecera ul.menu-escritorio > li:nth-child(7) { margin-right: 15px; }
header .cabecera ul.menu-escritorio > li:nth-child(8) { margin-right: 15px; }
header .cabecera ul.menu-escritorio > li a { position: relative; }
header .cabecera ul.menu-escritorio > li a::before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -10px; left: 0; background-color: var(--blanco); visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
header .cabecera ul.menu-escritorio > li a:hover::before { visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
header .cabecera ul.menu-escritorio > li:nth-child(6) a::before, header .cabecera ul.menu-escritorio > li:nth-child(7) a::before, header .cabecera ul.menu-escritorio > li:nth-child(8) a::before, header .cabecera ul.menu-escritorio > li:nth-child(9) a::before { content: none; }
header .cabecera ul.menu-escritorio > li:last-child { width: 100px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: #ffffff; border: 1px #ffffff solid;  color: #223764!important; font-family: var(--rbold); font-size: 14px; letter-spacing: -0.19px; box-shadow: 0 10px 25px 0 transparent; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
header .cabecera ul.menu-escritorio > li:last-child:hover { box-shadow: 0 10px 25px 0 rgba(51, 120, 165, 0.59); }
/* menu otro color */
header.color { position: relative; background-image: initial; }
header.color .cabecera ul > li { color: #223764; }
header.color .cabecera .logo { background-image: url(../img/logos/logo-color.png); }
header.color .cabecera svg #instagram, header.color .cabecera svg #youtube, header.color .cabecera svg #facebook { fill: #223764; }
header.color .cabecera .hamburger .raya { background: #223764; }
header.color .cabecera ul.menu-escritorio > li a::before { background-color: #223764; background-color: #223764;; }
header.color .cabecera ul.menu-escritorio > li:last-child { background-color: #223764; border: 1px #223764 solid; color: #ffffff!important; }
.menu { width: 396px; height: 100%; min-height: 700px; padding: 10px; margin: 0; background-color: #f9f9f9; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; transform: translate3d(0, 0, 0); transform: translateX(100%); will-change: transform; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); z-index: 2; box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.25); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.menu .contenido { margin-top: 120px; padding-left: 60px; }
.menu ul { list-style: none; padding: 0; }
.menu ul > li  { font-family: var(--rbold); font-size: 18px; line-height: 2.75; letter-spacing: 0.5px;; color: #223764; }
.menu ul > li.last { margin-top: 10px; width: 100px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: #223764; border: 1px #223764 solid;  color: #ffffff!important; font-family: var(--rbold); font-size: 14px; letter-spacing: -0.19px; box-shadow: 0 10px 25px 0 transparent; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.menu ul > li:last-child:hover {  background-color: #223764; border: 1px #ffffff solid; color: #ffffff!important; box-shadow: 0 10px 25px 0 rgba(51, 120, 165, 0.59); }
.menu .redes { width: 100%; position: absolute; bottom: 0; left: 0; }
.menu .redes ul { display: flex; justify-content: center; align-items: center; }
.menu .redes ul > li:not(:last-child) { margin-right: 16px; }
@media screen and (max-width: 1199px) { /* tablet */
    header .cabecera {  height: 70px; margin-top: 10px; }
    svg #instagram, svg #youtube, svg #facebook { fill: #223764; }
    /* Menu abierto */
    body.menu-open  { position: fixed; top: 0; left: 0; right: 0; margin: auto; }
    body.menu-open::after { content: ''; position: fixed; top: 0; left: 0; width: 100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.74); transition: all 200ms ; -webkit-transition: all 200ms ; -moz-transition: all 200ms ; -ms-transition: all 200ms ; -o-transition: all 200ms ; z-index: 2; }
    .menu-open .menu { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); z-index: 10; }
    .menu-open header .cabecera .logo { background-image: url(../img/logos/logo-color.png); }
    .menu-open header .cabecera .hamburger .raya { background: #223764; }
    .menu-open header .cabecera .hamburger .raya__top { transform: rotate(45deg) translate(7px, 7px); -webkit-transform: rotate(45deg) translate(7px, 7px); -moz-transform: rotate(45deg) translate(7px, 7px); -ms-transform: rotate(45deg) translate(7px, 7px); -o-transform: rotate(45deg) translate(7px, 7px); }
    .menu-open header .cabecera .hamburger .raya__middle { opacity: 0; }
    .menu-open header .cabecera .hamburger .raya__bottom { transform: rotate(-45deg) translate(4px, -4px); -webkit-transform: rotate(-45deg) translate(4px, -4px); -moz-transform: rotate(-45deg) translate(4px, -4px); -ms-transform: rotate(-45deg) translate(4px, -4px); -o-transform: rotate(-45deg) translate(4px, -4px); } 
}
@media screen and (max-width: 767px) {  /* teléfono */
    header .cabecera {  height: 60px; }
    header .cabecera .logo { width: 100px;}
    header .cabecera .hamburger { top: 20px; }
    .menu { transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); }
    .menu-open .menu { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); z-index: 10; }
    .menu-open header { background-color: #f9f9f9; }
    .menu { width: 100%; height: 100%; min-height: initial; padding: 20px; padding-top: 120px; margin-top: initial; text-align: center; overflow: auto; }
    .menu .contenido { margin-top: initial; padding-left: initial; min-height: 560px; overflow: auto; }
    .menu ul { text-align: center; }
    .menu ul > li { font-size: 18px; }
    .menu ul > li.last { margin: auto; margin-top: 20px; }
}
.titulo-principal { position: relative; font-family: var(--rbold); font-size: 27px; color: #1f2632; }
.titulo-principal::after { content: ''; position: absolute; bottom: -12px; left: 0; width: 52px; height: 3px; background-color: #1f2632; }
.inicio .seccion1 { position: relative; min-height: 120px; background-color: #3378a5; }
.inicio .seccion1 .swiper-slide { width: 100%; height: 100vh; min-height: 900px; }
.inicio .seccion1 .s2{margin-top: 50px;}
.inicio .seccion1 .s2 .swiper-slide  { width: 100%; height: 100vh; min-height: 450px; max-height: 500px; background-size: contain; background-color: white;}
.inicio .seccion1 .swiper-slide .logo { width: 452px; height: 292px; position: absolute; top: 30%; left: 0; right: 0; margin: auto; }
.inicio .seccion1 .swiper-slide .banner { width: max-content; padding: 10px 30px; display: flex; position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto; border-radius: 10px; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.13); background-color: rgba(255, 255, 255, 0.93); } 
.inicio .seccion1 .swiper-slide .banner > div { font-family: var(--rregular); font-size: 18px; letter-spacing: -0.19px; color: #4a4a4a;  } 
.inicio .seccion1 .swiper-slide .banner > div:not(:last-child) { margin-right: 60px; } 
.inicio .seccion1 .swiper-slide .banner > div b { font-family: var(--rbold); } 
.inicio .seccion1 .swiper-slide .banner .titulo1 { width: 170px; } 
.inicio .seccion1 .swiper-slide .banner .titulo2 { width: 170px; } 
.inicio .seccion1 .swiper-slide .banner .boton { width: 120px; height: 40px;} 
.inicio .seccion2 { background-color: #3378A5; }
.inicio .seccion2 .contenedor { height: 182px; display: flex; align-items: center; justify-content: space-between; }
.inicio .seccion2 .contenedor .texto { width: 734px; font-family: var(--rregular); font-size: 18px; line-height: 1.39; letter-spacing: -0.19px; color: #ffffff; }
.inicio .seccion2 .contenedor b { position: relative; font-family: var(--rbold); font-size: 27px; line-height: 1.39; letter-spacing: -0.19px; color: #ffffff; }
.inicio .seccion2 .contenedor b::after{ content: ''; position: absolute; bottom: -10px; left: 0; width: 52px; height: 3px; background-color: #ffffff; }
.inicio .seccion2 .contenedor .boton { width: 194px; height: 48px; }
.inicio .seccion3 .info, .inicio .seccion5 .info { display: flex; align-items: center; justify-content: center; }
.inicio .seccion3, .inicio .seccion5 { background-color: #fafafa; }
.inicio .seccion3 .info .texto, .inicio .seccion5 .info .texto { margin-top: 40px; font-family: var(--rregular); font-size: 18px; color: #4a4a4a; }
.inicio .seccion3 .info .boton, .inicio .seccion5 .info .boton { margin-top: 30px; width: 176px; height: 48px; }
.inicio .seccion3 .imagen, .inicio .seccion5 .imagen { height: 500px; }
.inicio .seccion3 .info { padding-right: 100px; }
.inicio .seccion5 .info { padding-left: 100px; }
.inicio .seccion4 { height: 275px; background-color: #3378a5; display: flex; align-items: center; justify-content: center; }
.inicio .seccion4 [class*="col-"] { text-align: center; }
.inicio .seccion4 .ficha { height: max-content; }
.inicio .seccion4 .numero { font-family: var(--rregular); font-size: 34px; text-align: center; color: #ffffff; }
.inicio .seccion4 .nombre { font-family: var(--rregular); font-size: 22px; text-align: center; color: #ffffff; margin-top: 15px; }
/* .inicio .seccion4 .logo { width: 140px; height: 80px; margin: auto; margin-bottom: 16px; } */
.inicio .seccion4 img { width: 140px; margin: auto; margin-bottom: 16px; }
.inicio .seccion6 { position: relative; padding-top: 70px; padding-bottom: 50px; }
.inicio .seccion6::after { content: ''; position: absolute; bottom: 30px; right: 0; width: 128px; height: 451px; background-image: url(../img/formas/hoja1.svg); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; }
.inicio .seccion6 .titulo-principal { margin-bottom: 50px; }
@media screen and (max-width: 1399px) {
    .inicio .seccion2 .contenedor .texto { width: 600px; }
}
@media screen and (max-width: 1199px) {
    .inicio .seccion1 .swiper-slide .logo { width: 352px; }
    .inicio .seccion2 .contenedor .texto { width: 460px; }
    /* .inicio .seccion4 .logo { width: 100px; height: 60px; } */
    .inicio .seccion4 .numero { font-size: 30px; }
    .inicio .seccion4 .nombre { font-size: 20px; }
}
@media screen and (max-width: 991px) {
    .inicio .seccion1 .swiper-slide .logo { width: 300px; }
    .inicio .seccion2 { padding: 40px 0; }
    .inicio .seccion2 .contenedor { display: inherit; height: auto; }
    .inicio .seccion2 .contenedor .texto { width: 100%; margin: 20px 0; }
    .inicio .seccion3 .info { padding-right: 15px; }
    .inicio .seccion5 .info { padding-left: 15px; }
    .inicio .seccion6 .subcontenedor-md { width: 100%; }
}
@media screen and (max-width: 767px) {
    .titulo-principal { font-size: 24px; }
    .inicio .seccion1 .swiper-slide .banner { display: block; width: 80%; text-align: center; bottom: 100px; }
    .inicio .seccion1 .swiper-slide .banner > div { margin-bottom: 10px; } 
    .inicio .seccion1 .swiper-slide .banner .boton { margin: auto; } 
    .inicio .seccion1 .swiper-slide .banner .titulo1 { width: 100%; } 
    .inicio .seccion1 .swiper-slide .banner .titulo2 { width: 100%; } 
    .inicio .seccion2 .contenedor b { font-size: 24px;}
    .inicio .seccion3 .info { padding: 20px 0; }
    .inicio .seccion5 .info { padding: 20px 0; }
    .inicio .seccion3 .imagen, .inicio .seccion5 .imagen { height: 350px; }
    .inicio .seccion4 { height: auto; padding: 20px 0; }
    .inicio .seccion4 .ficha { height: auto; margin-bottom: 20px; }
    /* .inicio .seccion4 .logo { width: 120px; height: 70px; margin-bottom: 10px; } */
    .inicio .seccion4 img { margin-bottom: 10px; }
    .inicio .seccion4 .nombre { font-size: 18px; margin-top: 0; }
    .inicio .seccion6::after { opacity: 0.6; }
    .inicio .seccion1 .swiper-slide .banner > div:not(:last-child) { margin-right: 0; }

}
@media screen and (max-width: 500px) {
    .inicio .seccion1 .swiper-slide .logo { width: 80%; margin: auto; }
}
.desarrollos .noregistros { padding: 60px; font-family: var(--rregular); font-size: 20px; line-height: 2.3; letter-spacing: 0.5px; color: var(--negro); }
.desarrollos .seccion1 { position: relative; background-image: url(../img/desarrollos/principal.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 612px; background-color: #d8d8d8; } 
.desarrollos .seccion1::after { content: ''; width: 100%; height: 612px; background-image: linear-gradient(90deg, rgba(31,38,50,1) 0%, rgba(31,38,50,0.8) 55%, rgba(31,38,50,0) 100%); position: absolute; top: 0; left: 0; }
.desarrollos .seccion1 .contenedor { position: relative; padding-top: 167px; z-index: 2; } 
.desarrollos .seccion1 .titulo { position: relative; margin-bottom: 70px; font-family: var(--rbold); font-size: 27px; color: #ffffff; } 
.desarrollos .seccion1 .titulo::after { content: ''; position: absolute; bottom: -40px; left: 0; width: 52px; height: 3px; background-color: var(--blanco); }
.desarrollos .seccion1 .texto { width: 556px; font-size: 18px; color: #ffffff; }
.desarrollos .seccion1 .texto > li { margin-bottom: 15px; }
.desarrollos .seccion2 .box { display: flex; }
.desarrollos .seccion2 .categorias { width: 25%; position: relative; padding: 50px 80px; }
.desarrollos .seccion2 .categorias::after { content: ''; position: absolute; bottom: 0px; left: 0; width: 263px; height: 200px; background-image: url(../img/formas/hoja2.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; }
.desarrollos .seccion2 .categorias .titulo-principal { margin-bottom: 60px; }
.desarrollos .seccion2 .categorias ul { list-style: none; padding: 0; }
.desarrollos .seccion2 .categorias ul > li { cursor: pointer; font-family: var(--rmedium); font-size: 18px; letter-spacing: -0.19px; margin-bottom: 17px; color: #4a4a4a; }
.desarrollos .seccion2 .categorias ul > li.active { font-family: var(--rbold); color: var(--azul); }
.desarrollos .seccion2 .galeria { width: 75%; }
.desarrollos .seccion2 .galeria #contenedor-cards { min-height: 600px; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha { cursor: pointer; position: relative; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha:hover::before { content: ''; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 2;  }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha:hover::before { content: ''; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 2;  }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha img { width: 40%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; padding-bottom: 30px; z-index: 3; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha .informacion-hover { opacity: 0; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; z-index: 3; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha:hover .informacion-hover { opacity: 1; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha .texto { text-align: center; margin: 10px 0; font-family: var(--rbold); font-size: 18px; color: #ffffff; letter-spacing: 0.5px; }
.desarrollos .seccion2 .galeria #contenedor-cards .ficha .boton { width: 100px; height: 28px; margin: auto; font-size: 16px; }
.desarrollos .seccion2 .ficha { height: 300px; }
@media screen and (max-width: 1199px) {
    .desarrollos .seccion2 .categorias { width: 30%; }
    .desarrollos .seccion2 .galeria {width: 70%; }
}
@media screen and (max-width: 991px) {
    .desarrollos .seccion2 .categorias { width: 40%; }
    .desarrollos .seccion2 .galeria {width: 60%; }
    .desarrollos .seccion2 .ficha { height: 250px; }
    .desarrollos .seccion2 .galeria #contenedor-cards .ficha img { width: 60%; padding-bottom: 30px; }
    .desarrollos .seccion2 .galeria #contenedor-cards .ficha .informacion-hover {  bottom: 20px; }
    .desarrollos .seccion2 .galeria #contenedor-cards .ficha .texto { margin: 6px 0; font-size: 16px; }
    .desarrollos .seccion2 .galeria #contenedor-cards .ficha .boton { width: 100px; height: 26px; font-size: 14px;  }
    .desarrollos .seccion2 .categorias::after { width: 160px; height: 122px; }
}
@media screen and (max-width: 767px) {
    .desarrollos .seccion1 .texto { width: 100%; }
    .desarrollos .seccion1 { height: auto; padding: 20px 0; }
    .desarrollos .seccion1::after { height: 100%; }
    .desarrollos .seccion1 .contenedor { padding-top: 120px; }
    .desarrollos .seccion2 .box { display: initial; }
    .desarrollos .seccion2 .categorias { width: 100%; padding: 20px 50px; height: 200px; }
    .desarrollos .seccion2 .galeria {width: 100%; }
    .desarrollos .seccion2 .categorias ul.dropdown-menu { padding: 10px; }
    .desarrollos .seccion1 .texto { font-size: 14px; }
    .desarrollos .seccion2 .categorias::after { width: 100px; height: 76px; opacity: .6; }
    .desarrollos .seccion2 .galeria #contenedor-cards { min-height: 200px; }
    .desarrollos .seccion2 .categorias ul > li.active { font-family: var(--rmedium); color: #4a4a4a; }
}

form .textfield { display: block; width: 100%; height: 40px; padding: 4px 14px; display: flex; align-content: center; background-color: transparent; background-image: none; font-family: var(--rmedium); font-size: 16px; letter-spacing: -0.17px; color: #f0f0f0; border: 1px #cccccc solid; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
form textarea.textfield { height: auto; }
form select.textfield{ background: #fff url(../img/formas/down.svg) no-repeat 95% center; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
form .textfield::placeholder { color: #f0f0f0; }
form .boton { width: 120px; height: 40px; }
form .grupo { margin-bottom: 17px; }
form .grupo.boton { margin-bottom: 30px; }
form label {  font-family: var(--rmedium); font-size: 16px; letter-spacing: -0.17px; color: #3378a5;  }

.detalle-desarrollo .seccion1 { height: 513px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.detalle-desarrollo .seccion2 { padding-top: 60px; }
.detalle-desarrollo .seccion2 .logo { height: 143px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.detalle-desarrollo .seccion2 .amenidades { font-family: var(--rlight); font-size: 18px; line-height: 1.39; letter-spacing: -0.19px; color: #4a4a4a; }
.detalle-desarrollo .seccion2 .amenidades .titulo { margin-bottom: 15px; font-family: var(--rbold); }
.detalle-desarrollo .seccion2 .amenidades ul { list-style: none; padding-left: 0; }
.detalle-desarrollo .seccion2 .amenidades ul > li { margin-bottom: 10px; }
.detalle-desarrollo .seccion2 .amenidades ul > li img { margin-right: 10px; }
.detalle-desarrollo .seccion2 .contenido { font-family: var(--rlight); font-size: 18px; line-height: 1.39; letter-spacing: -0.19px; color: #4a4a4a; }
.detalle-desarrollo .seccion2 .contenido ul { padding-top: 20px; line-height: 1.67; }
.detalle-desarrollo .seccion2 .contenido b { font-family: var(--rbold); }
.detalle-desarrollo .seccion2 .contenido .boton { margin-top: 15px; margin-bottom: 40px; width: 135px; height: 40px; }
.detalle-desarrollo .seccion2 .contenido iframe { padding-bottom: 50px; }
.detalle-desarrollo .seccion3 { background-color: #fafafa; padding: 85px 0; }
.detalle-desarrollo .seccion4 { padding: 46px 0; }
.detalle-desarrollo .seccion4 .row { display: flex; height: 100%; }
.detalle-desarrollo .seccion4 form { padding-right: 60px; }
.detalle-desarrollo .seccion4 form .textfield { color: #3378a5; border: 1px #3378a5 solid; }
.detalle-desarrollo .seccion4 .mapa { background-image: url(../img/contacto/mapamerida.jpg); max-height: 580px; }
@media screen and (max-width: 1199px) {
    .detalle-desarrollo .seccion4 .mapa { height: 500px; }
}
@media screen and (max-width: 991px) {
    .detalle-desarrollo .seccion2 .logo { margin-bottom: 40px; }
    .detalle-desarrollo .seccion2 .contenido { font-size: 16px; }
    .detalle-desarrollo .seccion2 .amenidades { font-size: 16px; }
    .detalle-desarrollo .seccion3 { padding: 40px 0; }
}
@media screen and (max-width: 767px) {
    .detalle-desarrollo .seccion4 .row { display: initial; }
    .detalle-desarrollo .seccion4 form { padding-right: 0; }
    .detalle-desarrollo .seccion4 .mapa { height: 300px; }
    .detalle-desarrollo .seccion2 .contenido { padding: 0; }
}
@media screen and (max-width: 500px) {
    .detalle-desarrollo .seccion4 .mapa { height: 250px; }
}

.contacto .seccion1 { background-image: url(../img/contacto/principal.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 612px; background-color: #d8d8d8; } 
.contacto .seccion1::after { content: ''; width: 100%; height: 612px; background-image: linear-gradient(to left, rgba(53, 116, 157, 0), #35749d);position: absolute; top: 0; left: 0; }
.contacto .seccion1 .contenedor { position: relative; padding-top: 167px; z-index: 2; } 
.contacto .seccion1 .titulo { position: relative; margin-bottom: 60px; font-family: var(--rbold); font-size: 27px; color: #ffffff; } 
.contacto .seccion1 .titulo::after { content: ''; position: absolute; bottom: -20px; left: 0; width: 52px; height: 3px; background-color: var(--blanco); }
.contacto .seccion1 form { width: 330px; }
.contacto .seccion1 form .boton { color: #1f2632 !important; }
.contacto .seccion1 form .grupo.boton { margin-left: auto; }
.contacto .seccion2 .box { display: flex; height: 341px; }
.contacto .seccion2 .box .uno { width: 40%; font-family: var(--rregular); font-size: 15px; line-height: 1.33; color: #171717; display: flex; align-items: center; padding-left: 90px; }
.contacto .seccion2 .box .uno.inv { background-color: var(--azul); color: var(--blanco); }
.contacto .seccion2 .box .uno .titulo { margin-bottom: 25px; font-family: var(--rbold); }
.contacto .seccion2 .box .uno ul { list-style: none; padding: 0; }
.contacto .seccion2 .box .dos { width: 60%; }
.contacto .seccion2 .box .dos .row { height: 100%; }
.contacto .seccion2 .box .dos .row.inverse { display: flex; flex-direction: row-reverse; }
.contacto .seccion2 .box .dos .mapa { height: 100%; background-image: url(../img/contacto/mapamerida.jpg); }
.contacto .seccion2 .box .dos .portada { height: 100%; background-image: url(../img/contacto/merida.jpg); }
@media screen and (max-width: 1199px) {
    .contacto .seccion2 .box .uno { padding-left: 50px; padding-right: 20px;  }
}
@media screen and (max-width: 991px) {
    .contacto .seccion2 .box { display: flex; height: 560px; }
    .contacto .seccion2 .box .dos .row.inverse { display: initial; }
    .contacto .seccion2 .box .dos .mapa { height: 280px; }
    .contacto .seccion2 .box .dos .portada { height: 280px; }
    .contacto .seccion2 .box .uno { padding-left: 5%; }
}
@media screen and (max-width: 767px) {
    .contacto .seccion1 form { width: 100%; }
    .contacto .seccion2 .box { display: initial; height: auto; }
    .contacto .seccion2 .box .uno { width: 100%; padding: 40px; }
    .contacto .seccion2 .box .dos { width: 100%; }
    .contacto .seccion2 .box .dos .mapa { height: 200px; }
    .contacto .seccion2 .box .dos .portada { height: 200px; }
}
@media screen and (max-width: 500px) {
    .contacto .seccion2 .box .uno { padding: 30px; }
}

.blog .seccion1 { background-image: url(../img/blog/principal.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 280px; } 
.blog .seccion1::after { content: ''; width: 100%; height: 280px; background-color: rgba(0, 0, 0, 0.29); position: absolute; top: 0; left: 0; }
.blog .seccion2 { text-align: center; padding-top: 50px; }
.blog .seccion2 .titulo-principal { margin-bottom: 40px;  }
.blog .seccion2 .titulo-principal::after { left: 0; right: 0; margin: auto; }
.blog .seccion3 { position: relative; min-height: 700px; }
.blog .seccion3 .blog-cards { padding-bottom: 30px; }
.blog .seccion3::after { content: ''; position: absolute; bottom: -30px; left: 0; width: 512px; height: 550px; background-image: url(../img/formas/hoja3.svg); background-size: contain; background-repeat: no-repeat; background-position: left; z-index: -1; }
.blog .seccion3 .paginador { margin-bottom: 50px; padding: 0; text-align: center; font-family: var(--rbold); font-size: 17px; letter-spacing: 1.62px; color: #223764; }
.blog .seccion3 .paginador > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
.blog .seccion3 .paginador > li a.active, .blog .seccion3 .paginador > li.active a {  color: #3378a5; }
.blog .seccion3 .paginador > li i, .blog .seccion3 .paginador > li i { color: #3378a5; }
@media screen and (max-width: 991px) {
    .blog .seccion3 .blog-cards.subcontenedor-sm { width: 100%; }
}
@media screen and (max-width: 767px) {
    .blog .seccion3::after { bottom: -60px; width: 100%; height: 550px; opacity: .6; }
}

.blog-cards .ficha { margin-bottom: 30px; padding: 20px; border-radius: 10px; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.13); background-color: #ffffff;  }
.blog-cards .ficha .portada { margin-bottom: 20px; height: 180px; border-radius: 7px; }
.blog-cards .ficha .titulo { margin-bottom: 13px; font-family: var(--rbold); font-size: 18px; letter-spacing: -0.19px; color: #4a4a4a; }
.blog-cards .ficha .texto { margin-bottom: 13px; font-family: var(--rregular); font-size: 18px; letter-spacing: -0.19px; color: #4a4a4a; }
.blog-cards .ficha .boton { width: 120px; height: 40px; }

.buscador { position: relative; }
.buscador input { margin: auto; margin-bottom: 23px; padding: 5px 14px; width: 330px; height: 40px; background-color: transparent; border-radius: 15px; border: solid 1px #223764; display: flex; align-content: center; font-family: var(--rmedium); font-size: 16px; letter-spacing: -0.17px; color: #223764; }
.buscador input::placeholder { color: #223764; }
ul.categorias { padding-left: 0; list-style: none; margin-bottom: 50px; }
ul.categorias > li { display: inline-block; padding-left: 17px; padding-right: 17px; font-family: var(--rmedium); font-size: 18px; letter-spacing: -0.19px;  color: #4a4a4a; }
ul.categorias > li.active { font-family: var(--rbold); color: #3378a5;  }
@media screen and (max-width: 767px) {
    ul.categorias ul.dropdown-menu { padding: 10px; }
    .buscador input { width: 100%; }
}

.detalle-blog .seccion1 { padding-top: 100px; padding-bottom: 60px; }
.detalle-blog .seccion1 .portada-blog { padding-top: 100px; height: 397px; border-radius: 7px; }
.detalle-blog .seccion1 .cabecera { padding-top: 20px; padding-bottom: 30px; display: flex; justify-content: space-between; }
.detalle-blog .seccion1 .cabecera .titulo { font-family: var(--rbold); font-size: 20px; letter-spacing: -0.21px; color: #4a4a4a; }
.detalle-blog .seccion1 .contenido-blog { font-family: var(--rregular); font-size: 18px; letter-spacing: -0.19px; color: #4a4a4a; margin-bottom: 20px; }
.detalle-blog .seccion1 .contenido-blog ul > li, .detalle-blog .seccion1 .contenido-blog ol > li  { font-family: var(--rregular); font-size: 16px;letter-spacing: -0.19px; color: #4a4a4a; }
.detalle-blog .seccion1 .contenido-blog img { width: 100% !important; padding-top: 20px; padding-bottom: 10px; }
.detalle-blog .seccion1 .contenido-blog iframe { padding: 20px 0; }
.detalle-blog .seccion1 .contenido-blog .slider-img { margin: 20px 0 !important; }
.detalle-blog .seccion1 .contenido-blog .slider-video { margin: 20px 0 !important; }
.detalle-blog .seccion1 .buscador input { width: 100%; }
.detalle-blog .seccion1 ul.categorias > li { display: block; margin-bottom: 8px; }
.detalle-blog .seccion1 ul.categorias { margin-bottom: 70px; }
.detalle-blog .seccion1 .ctn-subtitulo { padding: 20px 0; }
.detalle-blog .seccion1 .subtitulo { font-family: var(--rmedium); font-size: 20px; letter-spacing: -0.21px; color: #223764; }
@media screen and (max-width: 1199px) {
    .detalle-blog .seccion1 .row.subcontenedor-sm { width: 100%; }
}
@media screen and (max-width: 991px) {
    .detalle-blog .blog-cards .ficha .portada { height: 160px; }
    .detalle-blog .blog-cards .ficha .titulo { font-size: 16px; }
    .detalle-blog .blog-cards .ficha .texto {font-size: 16px; }
    .detalle-blog .seccion1 ul.categorias { margin-bottom: 20px; }
    .detalle-blog .seccion1 .cabecera { flex-direction: column-reverse; }
    .detalle-blog .seccion1 .cabecera .addthis_inline_share_toolbox_aatv { text-align: right; margin-bottom: 20px; }
}
@media screen and (max-width: 767px) {
    .detalle-blog .seccion1 { padding-top: 60px; padding-bottom: 40px; }
    .detalle-blog .seccion1 .row [class*="col-"]:last-child { margin-top: 40px; }
    .detalle-blog .seccion1 .portada-blog { padding-top: 0; height: 300px; }
}
@media screen and (max-width: 500px) {
    .detalle-blog .seccion1 .portada-blog { height: 250px; }
    .detalle-blog .seccion1 .contenido-blog { font-size: 16px; }
}
.boton { display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: #3378a5; border: 1px #3378a5 solid;  color: #ffffff!important; font-family: var(--rregular); font-size: 18px; letter-spacing: -0.19px; box-shadow: 0 10px 25px 0 transparent; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.boton:hover { background-color: #ffffff; border: 1px #3378a5 solid; color: #3378a5!important; box-shadow: 0 10px 25px 0 rgba(51, 120, 165, 0.59); }
.boton.inverse { background-color: #ffffff; border: 1px #ffffff solid; color: #3378a5!important; }
.boton.inverse:hover { background-color: #3378a5; border: 1px #ffffff solid; color: #ffffff!important; box-shadow: 0 10px 25px 0 rgba(51, 120, 165, 0.59); }

footer { background-color: #171717; height: 190px; display: flex; align-items: center; }
footer .contenedor { display: flex; justify-content: space-between; font-family: var(--rregular); font-size: 15px; line-height: 1.33; color: #ffffff; }
footer .box { width: 80%; display: flex; justify-content: space-around; align-items: center; }
footer .box-logo { width: 20%; }
footer .item { max-width: 220px; }
footer .logo { margin-bottom: 10px; width: 160px; height: 100px; background-image: url(../img/logos/logo-sare.png); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: all .35s ease; transition: all .35s ease; }
footer .titulo { font-family: var(--rbold); margin-bottom: 20px; } 
footer ul { list-style: none; padding: 0; } 
@media screen and (max-width: 1199px) {
    footer { height: auto; padding: 20px 0; }
    footer .item { width: 100%; margin-bottom: 10px; }
    footer .item:first-child { width: 220px; }
    footer .box { width: 60%; display: flex; }
    /* footer .box { width: 60%; display: flex; flex-wrap: wrap; flex-direction: column; max-height: 300px; } */
    footer .box-logo { width: 40%; }
}
@media screen and (max-width: 991px) {
    footer .box { width: 70%; }
    footer .box-logo { width: 30%; }
    footer .logo { width: 120px; margin-bottom: 0; }
}
@media screen and (max-width: 767px) {
    footer { height: auto; padding: 10px 0; }
    footer .contenedor { display: initial; font-size: 14px; }
    footer .item:first-child { width: 100%; }
    footer .logo { margin: auto; }
    footer .box-logo { margin: auto; width: max-content; margin-bottom: 20px; }
    footer .box-logo .team { text-align: center; }
    footer .box { width: 100%; }
}
@media screen and (max-width: 519px) {
    footer .box { flex-wrap: initial; max-height: initial; flex-direction: column; }
}
.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-image: url(../img/wsp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #ffffff;
    text-decoration: none;
    width: 70px;
    height: 70px;
    animation: effect 5s infinite ease-in;
    -webkit-animation: effect 5s infinite ease-in;
}

@keyframes effect {
    20%, 100% {
        width: 70px;
        height: 70px;
    }
    0%, 10%{
        width: 75px;
        height: 75px;
    }
    5%{
        width: 70px;
        height: 70px;
    }
}