/*------------ Fuentes Tipograficas ------------*/
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/*------------ Variables Globales ------------*/
:root{
    --frank: 'Frank Ruhl Libre', serif;
    --ope: 'Open Sans', sans-serif;

    --rojo: crimson;
    --blanco: #ffffff;
    --negro: #000000;
    --osc: #5a5a5a;
    --text: #4b4b4b;
    --dorado: #c2a059;
}

/*------------ Estilos Globales ------------*/
html, body{opacity:0; background: #fafafa;}
html{position:relative; min-height:100%}
body{padding-top:0px; outline: none;}
.error-valid{border-bottom:1px solid var(--rojo) !important;}
.error-valid[type=checkbox] + label {border-bottom:1px solid var(--rojo) !important;}
.row{margin-left:0px; margin-right:0px}
:focus { outline: none; }
.bg { background-repeat:no-repeat; background-size: cover; background-position:center; width: 100% }
.bg img{width: 100%; visibility: hidden;}
.rl {position: relative;}
.np {padding-left: 0; padding-right: 0}
.pd {padding-left: 15px; padding-right: 15px}
.npl{padding-left: 0}
.npr{padding-right: 0}
.text-center{text-align: center;}
.centrar {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.m15{margin-bottom: 15px}
.m20{margin-bottom: 20px}
.m30{margin-bottom: 30px}
.m40{margin-bottom: 40px}
.dis--flex {display: flex}
.italic {font-style: italic}
.espacio-header {padding-top: 40px }
.contenedor {width: 90%; max-width: 1600px; margin: 0 auto;}
.contenedor_1400 {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 15px}
.bg-decoration {background-image: url(../img/bg.svg); background-position: right 50px; background-size: auto; background-repeat: no-repeat}
.bg-decoration.bg--3 {background-image: url(../img/bg03.svg); background-position: right 50px; background-size: auto; background-repeat: no-repeat}
.bg-decoration.bg--4 {background-image: url(../img/bg04.svg); background-position: right top; background-size: auto; background-repeat: no-repeat}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}
@media screen and (max-width: 991px) {
    .revert-m {display: flex; flex-direction: column-reverse !important;}
    .revert-n {display: flex; flex-direction: column !important;}
}
@media screen and (min-width: 1200px) {
    .bg-decoration.bg--3,
    .bg-decoration.bg--4,
    .bg-decoration {background-size: contain}
}

.ajs-header {text-align: center; color: var(--dorado); font-size: 30px; font-family: var(--frank); font-weight: 500; position: relative; text-transform: uppercase;}
.ajs-header::after {content: ""; width: 100px; height: 5px; background: var(--dorado); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; opacity: .5}
.ajs-body {font-family: var(--ope); font-size: 15px; text-align: center; color: var(--text); font-weight: 400;}
.ajs-footer button { padding: 5px 15px; background: var(--dorado); border: none; border-radius: 0px; color: var(--blanco); font-family: var(--ope); font-weight: 300; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }


body.menu-open {overflow: hidden;}
body.menu-open::before { content: ""; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #000; background: -moz-linear-gradient(90deg, rgba(0,0,0,0.48923319327731096) 0%, rgba(20,20,20,0.8785889355742297) 50%); background: -webkit-linear-gradient(90deg, #0000007d 0%, #141414e0 50%); background: linear-gradient(90deg, #0000007a 0%, #d1ad605c 50%); z-index: 90; transition: 550ms width, 350ms opacity 200ms; -webkit-transition: 550ms width, 350ms opacity 200ms; -moz-transition: 550ms width, 350ms opacity 200ms; -ms-transition: 550ms width, 350ms opacity 200ms; -o-transition: 550ms width, 350ms opacity 200ms; }
body::before { content: ""; height: 100%; width: 0; position: fixed; top: 0; right: 0; background: #000; background: -moz-linear-gradient(90deg, rgba(0,0,0,0.48923319327731096) 0%, rgba(20,20,20,0.8785889355742297) 50%); background: -webkit-linear-gradient(90deg, #0000007d 0%, #141414e0 50%); background: linear-gradient(90deg, #0000007a 0%, #d1ad605c 50%); z-index: 90; opacity: 0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
body.menu-open::before {width: 100%; opacity: 1;}

/* FOOTER */
footer {background-color: #fafafa; padding: 30px 0px; color: var(--text); position: relative; border-top: solid 1px #d2d2d2;}
footer .all {font-family: var(--ope); font-size: 15px; width: 100%; font-weight: 300; color: #b7b7b7; text-align: center; margin-top: 20px}
footer .logo {text-align: center; margin-bottom: 50px}
footer .logo img {width: 120px; margin-top: 30px}
footer ul.menu-footer {padding: 0; margin: 0; margin-bottom: 40px; list-style: none; -webkit-columns: 2; columns: 2; width: 100%; text-align: center}
footer ul.menu-footer li a:hover,
footer ul.menu-footer li a:active,
footer ul.menu-footer li a:focus,
footer ul.menu-footer li a {font-size: 15px; font-weight: 400; line-height: 2;}
footer ul.politicas {padding: 0; margin: 0; margin-bottom: 40px; list-style: none; text-align: right}
footer ul.politicas li {text-align: center }
footer ul.politicas li a:hover,
footer ul.politicas li a:active,
footer ul.politicas li a:focus,
footer ul.politicas li a {text-decoration: none; font-size: 15px; font-weight: 400; line-height: 2;}
footer ul.redes {padding: 0; margin: 0; list-style: none; margin-left: auto; margin-right: auto; max-width: 315px; width: 100%}
footer ul.redes li {display: inline-block; margin-right: 20px; font-size: 17px;}
footer ul.redes li img {width: auto; max-height: 26px}
footer ul.redes li:last-child {margin-right: 0px}
footer a:focus,
footer a:active,
footer a:hover,
footer a {color: inherit; text-decoration: none;}
@media screen and (min-width: 768px){
    footer .logo img {width: 160px;}
    footer ul.politicas li {text-align: right }
    footer ul.redes {margin-right: 0px}
    footer ul.menu-footer {max-width: 350px; text-align: left}
    footer .all {margin-top: 0px}
}
@media screen and (min-width: 992px){
    footer .logo {text-align: left; margin-bottom: 0}
    footer .logo img {margin-top: 0}
    footer ul.menu-footer {margin-bottom: 0;}
}

/*------------ Header - Menu ------------*/
header {position: absolute; width: 100%; top: 0; left: 0; z-index: 100;}
header .container {position: relative; padding-top: 10px; padding-bottom: 10px}
header .logo img {width: 100px}
.menu { position: fixed; top: 0; right:0; height: 100%; width: 60%; max-width: 900px; background-image: radial-gradient(circle at 50% 51%, #eac16b, #a3874c); z-index: 1; padding: 65px 15px; transition: transform 500ms ease-in-out; -webkit-transition: transform 500ms ease-in-out; -moz-transition: transform 500ms ease-in-out; -ms-transition: transform 500ms ease-in-out; -o-transition: transform 500ms ease-in-out; transform: translate(101%, 0); -webkit-transform: translate(101%, 0); -moz-transform: translate(101%, 0); -ms-transform: translate(101%, 0); -o-transform: translate(101%, 0); }
.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); }
.menu .cont {position: relative; height: calc(100vh - 80px); overflow: auto;}
.menu .tel,
.menu .email {font-family: var(--frank); font-size: 13px; font-weight: 300; color: var(--blanco); margin-bottom: 30px;}
.menu a {color: inherit; text-decoration: none;}
.menu ul.redes,
.menu ul.list-menu {list-style: none; padding: 0;}
.menu ul.list-menu li {font-family: var(--frank); font-size: 20px; font-weight: 300; color: var(--blanco); margin-bottom: 15px;}
.menu ul.list-menu li a {position: relative;}
.menu ul.list-menu li a:before, a:after { content: ''; position: absolute; width: 0%; height: 2px; bottom: -2px; background: var(--blanco); }
.menu ul.list-menu li a:before { left: 0; }
.menu ul.list-menu li a:after { right: 0; background: var(--blanco); transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.menu ul.list-menu li a:hover:before { background: var(--blanco); width: 100%; transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.menu ul.list-menu li a:hover:after { background: transparent; width: 100%; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; }
.menu ul.redes li {display: inline-block; color: var(--blanco); transition: color 350ms; -webkit-transition: color 350ms; -moz-transition: color 350ms; -ms-transition: color 350ms; -o-transition: color 350ms; margin-right: 25px;}
.menu ul.redes li:last-child {margin-bottom: 0px}
.menu ul.redes li:hover {color: var(--dorado);}
@media screen and (min-width: 768px){
    header .logo img {width: 130px}
    .menu {padding: 65px 40px; max-width: 460px}
    .menu .tel,
    .menu .email {font-size: 18px}
    .menu ul.list-menu li {font-size: 30px;}
    /* .menu ul.redes {position: absolute; bottom: 0; right: 0;}
    .menu ul.redes li {display: block; margin-right: 0px; margin-bottom: 25px} */
}
@media screen and (min-width: 992px){
    header .logo img {width: auto}
    .menu {padding: 65px; max-width: 650px}
    .menu ul.list-menu li {font-size: 40px;} 
}
@media screen and (min-width: 1200px) {
    header .container {width: 90%; margin: 0 auto; max-width: 1600px}
}


/* .menu { position: fixed; top: 0; right: -100%; height: 100%; width: 55%; max-width: 900px; background-image: radial-gradient(circle at 50% 51%, #eac16b, #a3874c); z-index: 1; padding: 65px; transition: right 500ms ease-in-out; -webkit-transition: right 500ms ease-in-out; -moz-transition: right 500ms ease-in-out; -ms-transition: right 500ms ease-in-out; -o-transition: right 500ms ease-in-out; }
.menu-open .menu {right: 0;}
.menu .cont {position: relative; }
.menu .tel,
.menu .email {font-family: var(--frank); font-size: 18px; font-weight: 300; color: var(--blanco); margin-bottom: 40px;}
.menu a {color: inherit; text-decoration: none;}
.menu ul.redes,
.menu ul.list-menu {list-style: none; padding: 0;}
.menu ul.list-menu li {font-family: var(--frank); font-size: 40px; font-weight: 300; color: var(--blanco); margin-bottom: 25px;}
.menu ul.list-menu li a {position: relative;}
.menu ul.list-menu li a:before, a:after { content: ''; position: absolute; width: 0%; height: 2px; bottom: -2px; background: var(--blanco); }
.menu ul.list-menu li a:before { left: 0; }
.menu ul.list-menu li a:after { right: 0; background: var(--blanco); transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.menu ul.list-menu li a:hover:before { background: var(--blanco); width: 100%; transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.menu ul.list-menu li a:hover:after { background: transparent; width: 100%; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; }
.menu ul.redes {position: absolute; bottom: 0; right: 0;}
.menu ul.redes li { color: var(--blanco); transition: color 350ms; -webkit-transition: color 350ms; -moz-transition: color 350ms; -ms-transition: color 350ms; -o-transition: color 350ms; margin-bottom: 25px;}
.menu ul.redes li:last-child {margin-bottom: 0px}
.menu ul.redes li:hover {color: var(--dorado);} */


.btn-menu {width: 36px; height: 20px; position: absolute; bottom: 0; top: 0; margin: auto 0; right: 40px; cursor: pointer; z-index: 2;}
.btn-menu .line { height: 3px; background-color: var(--blanco); margin: 3px 0; position: absolute; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.btn-menu.negro .line{background-color: var(--negro)}
.btn-menu .line--1 {top: 0px; left: 0; right: 0; margin: 0 auto}
.btn-menu .line--2 { top: 0; bottom: 0; right: 0; margin: auto 0; transition: width 350ms; -webkit-transition: width 350ms; -moz-transition: width 350ms; -ms-transition: width 350ms; -o-transition: width 350ms; }
.btn-menu .line--3 {bottom: 0px; left: 0; right: 0; margin: 0 auto}
.btn-menu .line--1,
.btn-menu .line--3 { width: 18px;}
.btn-menu .line--2 {width: 36px}
.menu-open .btn-menu .line--1,
.menu-open .btn-menu .line--3 { animation-duration: 350ms; animation-name: move_right; transform: translate(10px,0px); -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); }
.menu-close .btn-menu .line--1,
.menu-close .btn-menu .line--3 { animation-duration: 350ms; animation-name: move_left; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); }
.menu-open .btn-menu .line--2 {width: 27px;}
.btn-menu .arrow { position: absolute; border: solid var(--blanco); border-width: 0 3px 3px 0; display: inline-block; padding: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 3px; left: 0px; opacity: 0; transition: opacity 350ms ease-out 300ms ; -webkit-transition: opacity 350ms ease-out 300ms ; -moz-transition: opacity 350ms ease-out 300ms ; -ms-transition: opacity 350ms ease-out 300ms ; -o-transition: opacity 350ms ease-out 300ms ; }
.btn-menu.negro .arrow {border: solid var(--negro); border-width: 0 3px 3px 0;}
.menu-open .btn-menu .arrow {opacity: 1;}
.menu-close .btn-menu .arrow { transition: opacity 300ms ease-out; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; }
@keyframes move_right {
    to { transform: translate(10px,0px); -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); }
    from { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); }
}
@keyframes move_left {
    to { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); }
    from { transform: translate(10px,0px); -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); }
}
@media screen and (max-width: 991px) {
    .btn-menu .line{background-color: var(--negro)}
    .btn-menu .arrow {border: solid var(--negro); border-width: 0 3px 3px 0;}
}

/*------------ Redes Floantes ------------*/
.redes-flotantes {position: absolute; bottom: 0; right: 0;}
.redes-flotantes ul {list-style: none; padding: 0; margin: 0;}
.redes-flotantes ul li { color: var(--blanco); transition: color 350ms; -webkit-transition: color 350ms; -moz-transition: color 350ms; -ms-transition: color 350ms; -o-transition: color 350ms; margin-bottom: 25px;}
.negro .redes-flotantes ul li { color: var(--text);}
.redes-flotantes ul li:last-child {margin-bottom: 0px}
.redes-flotantes ul li:hover {color: var(--dorado);}
.redes-flotantes ul a {color: inherit; text-decoration: none}

/*------------ Inicio ------------*/
.inicio {position: relative; height: 100vh; width: 100%; min-height: 600px}
.inicio .container {height: 100%;}
.inicio .dis--flex {height: 95%; position: relative;}
.inicio .dis--flex .item {width: 90%; max-width: 320px; align-self: flex-end;}
.inicio::before {content: ""; background-image: url(../img/bg-inicio-blur.jpg); background-size: cover; background-position: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.inicio .tlo {font-family: var(--frank); font-size: 30px; font-weight: 300; color: var(--blanco); }
.inicio .subtlo {font-family: var(--ope); font-size: 20px; line-height: 1.24; letter-spacing: 4.2px; text-transform: uppercase; color: var(--dorado);}
.inicio .step-1 .cont,
.inicio .step-2 .cont {min-height: 250px}
.inicio a {color: inherit; text-decoration: none}
.inicio input {width: 100%; padding: 5px; border: none; border-bottom: 1px solid var(--blanco); font-family: var(--ope); font-size: 16px; font-weight: 300; line-height: 1.63; color: var(--blanco); background: transparent; opacity: .8;}
.inicio input::placeholder {color: var(--blanco)}
.inicio button {background: transparent; border: none; padding: 3px 5px; font-family: var(--ope); font-size: 15px; font-weight: 600; color: var(--dorado); margin-top: 40px}
/* .inicio {position: relative; height: 100vh; width: 100%; min-height: 600px}
.inicio .container {height: 100%;}
.inicio .dis--flex {height: 95%; position: relative;}
.inicio .dis--flex .item {width: 90%; max-width: 320px; align-self: flex-end;}
.inicio::before {content: ""; background-image: url(../img/bg-inicio-blur.jpg); background-size: cover; background-position: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.inicio .tlo {font-family: var(--frank); font-size: 30px; font-weight: 300; color: var(--blanco); }
.inicio .subtlo {font-family: var(--ope); font-size: 20px; line-height: 1.24; letter-spacing: 4.2px; text-transform: uppercase; color: var(--dorado);}
.inicio a {color: inherit; text-decoration: none}
.inicio input {width: 100%; padding: 5px; border: none; border-bottom: 1px solid var(--blanco); font-family: var(--ope); font-size: 16px; font-weight: 300; line-height: 1.63; color: var(--blanco); background: transparent; opacity: .8;}
.inicio input::placeholder {color: var(--blanco)}
.inicio button {background: transparent; border: none; padding: 3px 5px; font-family: var(--ope); font-size: 15px; font-weight: 600; color: var(--dorado); margin-top: 40px} */


.home .visible-xs-block {position: relative; height: 100vh; width: 100%; min-height: 400px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(40, 40, 40, 0.9)), url(../img/bg-inicio.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.home .ms-slide-bgcont::before {content: ""; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(40, 40, 40, 0.9)); position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.home .card {height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.home .card .dis--flex {height: 90%;}
.home .card .dis--flex .item {align-self: flex-end; width: 90%; max-width: 800px; position: relative;}
/* .home .card .dis--flex .item:first-child::before {content: ""; width: 20px; height: 95px; background-color: var(--dorado); position: absolute; left: -95px; bottom: 37px;} */
.home .card .tlo {font-family: var(--frank); font-size: 15px; font-weight: 300; color: var(--blanco); }
.home .card .tlo.g {font-size: 35px; line-height: .34; }
.home .card .desc {width: 100%; max-width: 550px; font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--blanco);}
.home .card .desc span {opacity: .8;}
.home .card .desc b {font-weight: 600;}
@media screen and (min-width: 768px) {
    .home .card .tlo {font-size: 25px}
    .home .card .tlo.g {font-size: 75px}
    .home .card .desc {font-size: 15px}
}
/* .home {position: relative; height: 100vh; width: 100%; min-height: 600px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(40, 40, 40, 0.9)), url(../img/bg-inicio.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.home .ms-slide-bgcont::before {content: ""; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(40, 40, 40, 0.9)); position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.home .card {height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.home .card .dis--flex {height: 90%;}
.home .card .dis--flex .item {align-self: flex-end; width: 90%; max-width: 800px; position: relative;}
.home .card .dis--flex .item:first-child::before {content: ""; width: 20px; height: 95px; background-color: var(--dorado); position: absolute; left: -95px; bottom: 37px;}
.home .card .tlo {font-family: var(--frank); font-size: 30px; font-weight: 300; color: var(--blanco); }
.home .card .tlo.g {font-size: 110px; line-height: 1.04; }
.home .card .desc {width: 100%; max-width: 550px; font-family: var(--ope); font-size: 15px; line-height: 1.93; font-weight: 300; color: var(--blanco);}
.home .card .desc span {opacity: .8;}
.home .card .desc b {font-weight: 600;} */

.controles ul {list-style: none; padding: 0; margin: 0; display: inline-block; cursor: pointer;}
.controles ul li { font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--blanco); margin-right: 10px; display: inline-block}
.controles ul li:not(:last-child)::after {content: ""; background: var(--blanco); height: 1px; width: 0px; display: inline-block; margin-left: 10px; margin-bottom: 5px; transition: width 300ms; -webkit-transition: width 300ms; -moz-transition: width 300ms; -ms-transition: width 300ms; -o-transition: width 300ms; }
.controles ul li:last-child::before {content: ""; background: var(--blanco); height: 1px; width: 0px; display: inline-block; margin-bottom: 5px; transition: width 300ms; -webkit-transition: width 300ms; -moz-transition: width 300ms; -ms-transition: width 300ms; -o-transition: width 300ms; }
.controles ul li:first-child::before {content: none}
.controles ul li.active::before,
.controles ul li.active::after {width: 35px;}
.controles ul li.active::before {margin-right: 10px; margin-left: -10px;}
.controles span {font-family: var(--ope); font-size: 15px; font-weight: 600; color: var(--dorado);}
@media screen and (min-width: 768px) {
    .controles ul li {font-size: 15px}
}
/* .controles ul {list-style: none; padding: 0; margin: 0; display: inline-block;}
.controles ul li { font-family: var(--ope); font-size: 15px; line-height: 1.93; font-weight: 300; color: var(--blanco); margin-right: 15px; display: inline-block}
.controles ul li:after {content: ""; background: var(--blanco); height: 1px; width: 0px; display: inline-block; margin-left: 15px; margin-bottom: 5px; transition: width 300ms; -webkit-transition: width 300ms; -moz-transition: width 300ms; -ms-transition: width 300ms; -o-transition: width 300ms; }
.controles ul li.active:after {width: 95px;}
.controles span {font-family: var(--ope); font-size: 15px; font-weight: 600; color: var(--dorado);} */

/*------------ Desarrollos ------------*/
.malva--1 {width: 100%; padding-bottom: 60px; padding-top: 110px}
.malva--1 .contenedor {height: 100%}
.malva--1 .dis--flex {height: 100%; justify-content: space-between; flex-direction: column}
.malva--1 .dis--flex .item {align-self: flex-end; }
.malva--1 .dis--flex .item:first-child {margin-bottom: 60px; padding-left: 14px; width: 100%;}
.malva--1 .dis--flex .item:last-child {height: 450px; width: 100%; max-width: 900px}
.malva--1 .card {position: relative;}
.malva--1 .card .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); }
.malva--1 .card .tlo:not(.g) {text-transform: uppercase}
.malva--1 .card .tlo.g {font-family: var(--frank); font-size: 60px; font-weight: 300; line-height: 1.04; color: var(--text);}
.malva--1 .card .desc {width: 100%; max-width: 550px; font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--text); position: relative;}
/* .malva--1 .card .desc::before {content: ""; width: 20px; height: 95px; background-color: var(--dorado); position: absolute; left: -30px; top: 9px;} */
.malva--1 .card .desc span {opacity: .9;}
.malva--1 .card .desc b {font-weight: 600;}
.malva--1 .controles ul li {color: var(--text)}
.malva--1 .controles ul li:last-child::before,
.malva--1 .controles ul li:not(:last-child)::after {background: var(--text)}
.malva--1 .ms-skin-default .ms-slide .ms-slide-vcbtn {top: 168px !important;}
@media screen and (min-width: 768px) {
    .malva--1 {padding-top: 150px}
    /* .malva--1 .card .desc::before {left: -52px} */
}
@media screen and (min-width: 992px) {
    .malva--1 {padding-top: 0;}
    .malva--1 .contenedor {margin-right: 0; width: 95%}
    .malva--1 .dis--flex {flex-direction: row}
    .malva--1 .dis--flex .item:first-child {width: 40%}
    .malva--1 .dis--flex .item:last-child {height: 750px; width: 60%;}
    .malva--1 .card {max-width: 450px; }
    .malva--1 .card .desc {padding-right: 15px}
}
@media screen and (min-width: 1200px) {
    .malva--1 .dis--flex .item:last-child {height: 900px}
    .malva--1 .card .tlo {font-size: 15px}
    .malva--1 .card .tlo.g {font-size: 110px;}
    .malva--1 .card .desc {font-size: 15px}
    /* .malva--1 .card .desc::before {left: -70px} */
}
@media screen and (min-width: 1600px) {
    .malva--1 .contenedor {margin-right: auto; width: 90%}
}

.malva--2 {padding: 30px 0px;}
.malva--2 .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); }
.malva--2 .tlog { font-family: var(--frank); font-size: 40px; line-height: 1.16; color: var(--text); font-weight: 300; margin-bottom: 60px}
.malva--2 .card {height: 300px; width: 100%; max-width: 300px; box-shadow: 0 10px 60px 0 rgba(101, 101, 101, 0.15); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; margin-bottom: 30px;}
.malva--2 .card.amaite {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/amaite.jpg)}
.malva--2 .card.aruma {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/aruma.jpg)}
.malva--2 .card.malva {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/malva.jpg)}
.malva--2 .card.muyal {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/muyal.jpg)}
.malva--2 .card img {width: 100%; max-width: 300px}
.malva--2 .card a:hover,
.malva--2 .card a:active,
.malva--2 .card a:focus,
.malva--2 .card a {color: var(--dorado); text-decoration: none; position: absolute; bottom: 30px; left: 0; font-family: var(--ope); width: 100%; font-size: 15px; font-weight: 600; text-align: center;}
.malva--2.navegacion {background: url(../img/desarrollos/bg-flor.svg); background-size: 350px; background-position: left center; background-repeat: no-repeat}
@media screen and (min-width: 768px) {
    .malva--2 .tlo {font-size: 15px}
    .malva--2 .tlog {font-size: 50px}
    .malva--2 .aling-item .np {padding-left: 15px; padding-right: 15px}
}
@media screen and (min-width: 992px) {
    .malva--2 .np {padding-left: 15px; padding-right: 15px}
}
@media screen and (min-width: 1200px) {
    .malva--2 {padding: 60px 40px}
    .malva--2 .row-center .tlog {margin-bottom: 0}
    .malva--2 .row-center {display: flex; justify-content: center; align-items: center}
}


.malva--3 {padding: 30px 0px}
.malva--3 .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); margin-top: 30px }
.malva--3 .tlog { font-family: var(--frank); font-size: 40px; line-height: 1.16; color: var(--text); font-weight: 300;}
.malva--3 .desc {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--text); position: relative;}
.malva--3 .dis--flex {justify-content: flex-start;  flex-direction: column}
.malva--3 .item:first-child {z-index: 2;}
.malva--3 .item:last-child {width: 100%; padding-top: 40px }
.malva--3 .controles ul li {color: var(--text)}
.malva--3 .controles ul li:last-child::before,
.malva--3 .controles ul li:not(:last-child)::after {background: var(--text)}
@media screen and (min-width: 768px) {
    .malva--3 .controles2 ul li,
    .malva--3 .desc,
    .malva--3 .tlo {font-size: 15px;}
    .malva--3 .tlog {font-size: 50px}
    .malva--3 .item:last-child {max-width: 450px; align-self: center}
}
@media screen and (min-width: 992px) {
    .malva--3 {padding: 60px 0px}
    .malva--3 .np {padding-left: 15px; padding-right: 15px}
    .malva--3 .dis--flex {flex-direction: row; }
    .malva--3 .item:first-child {width: 100%; position: relative;}
    .malva--3 .item:last-child {max-width: 350px; padding-top: 0px; padding-left: 15px}
    .malva--3 .tlo {margin-top: 0px}
}
@media screen and (min-width: 1200px) {
}

.malva--4 {padding: 30px 0px}
.malva--4 .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase; margin-top: 30px}
.malva--4 .tlog { font-family: var(--frank); font-size: 40px; line-height: 1.16; color: var(--text); font-weight: 300;}
.malva--4 .desc {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--text); position: relative;}
.malva--4 img {width: 100%; max-width: 670px}
.malva--4 ul.amenidades {padding: 0}
.malva--4 ul.amenidades.malva {list-style: none; padding: 0}
.malva--4 ul.amenidades.disc-dorados {list-style: none;}
.malva--4 ul.amenidades li {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 300; color: var(--text); position: relative;}
.malva--4 ul.amenidades.disc-dorados li {position: relative;}
.malva--4 ul.amenidades.disc-dorados li::before { content:""; position: absolute; top: 13px; left: -17px; height: 5px; width: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background-color: var(--dorado); }
.malva--4 .dis--flex {justify-content: flex-end;}
.malva--4 .item:first-child {z-index: 2;}
.malva--4 .item:first-child {width: 100%; max-width: 350px; margin-right: 150px; align-self: center}
.malva--4 .controles2 {position: relative;}
.malva--4 .controles2::before {content: ""; width: 350px; height: 1px; background: var(--text); position: absolute; top: 10px; left: -360px; z-index: 1; opacity: .6;}
.malva--4 .controles2 ul {list-style: none; padding: 0; margin: 0; display: inline-block}
.malva--4 .controles2 ul li {display: inline-block; font-family: var(--ope); font-size: 12px; font-weight: 400; color: var(--text); margin-right: 20px}
.malva--4 .controles2 ul li:last-child {margin-right: 0px}
.malva--4 .swiper-container { width: 100%; height: 350px; }
.malva--4 .swiper-container .swiper-slide {background-position: center; background-size: cover; background-repeat: no-repeat;}
@media screen and (max-width: 991px) {
    .malva--4 .row {display: flex; flex-direction: column-reverse;}
}
@media screen and (min-width: 768px) {
    .malva--4 {padding: 60px 0px;}
    .malva--4 .tlog {font-size: 50px}
    .malva--4 .tlo,
    .malva--4 .desc,
    .malva--4 ul.amenidades li {font-size: 15px}
    .malva--4 .swiper-container { height: 550px; }
}
@media screen and (min-width: 992px) {
    .malva--4 .np {padding-left: 15px; padding-right: 15px}
}

.controles-amenidades {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; width: max-content}
.controles-amenidades ul {list-style: none; padding: 5px 0px; width: max-content; margin: 0}
.controles-amenidades ul li {display: inline-block; margin-right: 10px}
.controles-amenidades ul li.disc {cursor: pointer;}
.controles-amenidades ul li.disc::before { content: ""; height: 10px; width: 10px; background-color: #e3e3e3; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: block}
.controles-amenidades ul li.disc.active::before {background-color: var(--text)}
.controles-amenidades ul li:last-child {margin-right: 0; margin-left: 10px}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../img/left.svg); background-color: var(--blanco); height: 40px; width: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../img/right-arrow.svg); background-color: var(--blanco); height: 40px; width: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.malva--5 {padding: 30px 0px; position: relative; font-family: var(--ope)}
.malva--5 hr.dash {border-top: 1px dashed #eee}
.malva--5 .contenedor {position: relative; border: solid 1px #e9e9e9;}
.malva--5 .mapa div:not(.navegacion) {width: 100%}
.malva--5 [data-vista="true"] img {max-width: 600px; width: 100%}
.malva--5 .mapa {background-color: #f4f4f4;}
.malva--5 .mapa img,
.malva--5 .mapa svg { width: 100%; max-width: 600px; max-height: 690px; background-color: #f4f4f4;}
.malva--5 .mapa svg {background-size: contain; background-repeat: no-repeat; background-position: center;}
.malva--5 .mapa svg  .seleccion {fill: #209bffa1 ! important; stroke: #209bff !important}
.malva--5 .mapa svg path,
.malva--5 .mapa svg rect,
.malva--5 .mapa svg polygon {cursor: pointer;}
.malva--5 .mapa svg#malvaSVG {background-image: url(../img/desarrollos/lotes/bg-malva.png)}
.malva--5 .mapa svg#arumaSVG {background-image: url(../img/desarrollos/lotes/bg-aruma.png)}
.malva--5 .mapa svg#muyalSVG {background-image: url(../img/desarrollos/lotes/bg-muyal.png)}
.malva--5 .mapa svg#amaiteSVG {background-image: url(../img/desarrollos/lotes/bg-amaite.png)}
/* Torres Muyal */
.malva--5 .mapa svg#MuyalTorreA {background-image: url(../img/desarrollos/muyal/torreA.png)}
.malva--5 .mapa svg#MuyalTorreB {background-image: url(../img/desarrollos/muyal/torreB.png)}
.malva--5 .mapa svg#MuyalTorreC {background-image: url(../img/desarrollos/muyal/torreC.png)}
/* Torres Aruma */
.malva--5 .mapa svg#ArumaDeptoAB {background-image: url(../img/desarrollos/aruma/arumaAB.png)}
.malva--5 .mapa svg#ArumaDeptoCD {background-image: url(../img/desarrollos/aruma/arumaCD.png)}
.malva--5 .mapa ul.leyenda {padding: 0; margin: 0; text-align:center; background-color: #f4f4f4}
.malva--5 .mapa ul.leyenda li {display: inline-block; margin-right: 15px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-family: var(--ope); font-size: 12px; line-height: 1.93; text-align: center; color: var(--text); padding: 0px 10px; margin-bottom: 15px; margin-top: 15px;}
.malva--5 .mapa ul.leyenda li:last-child {margin-right: 0px}
.malva--5 .mapa ul.leyenda li:nth-child(1) {border: 1px solid #d9c79e; background-color: #d9c79e}
.malva--5 .mapa ul.leyenda li:nth-child(2) {border: 1px solid #f6daa0; background-color: #f6daa0}
.malva--5 .mapa ul.leyenda li:nth-child(3) {border: 1px solid #d99875; background-color: #d99875}
.malva--5 .info {background-color: var(--blanco); padding: 45px 15px; }
.malva--5 .tlo {font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase; margin-bottom: 10px}
.malva--5 .subtlo {font-family: var(--ope); font-size: 16px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase;}
.malva--5 .tlog { font-family: var(--frank); font-size: 40px; line-height: 1.16; color: var(--text); font-weight: 300;}
.malva--5 .info .p {font-size: 12px; line-height: 1.93; color: #868686; font-weight: 300}
.malva--5 .note {font-size: 12px; line-height: 1.93; color: #b1b1b1; font-weight: 300}
.malva--5 .dis--flex {width: 100%; justify-content: flex-end; background: #f4f4f4}
.malva--5 .dis--flex .card {background: var(--blanco); padding: 40px 15px; box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.2); margin: auto}
.malva--5 .dis--flex .card ul {list-style: none; padding: 0}
.malva--5 .dis--flex .card ul li { display: inline-block; margin-right: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-family: var(--ope); font-size: 15px; line-height: 1.93; text-align: center; color: var(--text); padding: 0px 10px; margin-bottom: 15px}
.malva--5 .dis--flex .card ul li:last-child {margin-right: 0px}
.malva--5 .dis--flex .card ul li:nth-child(1) {border: 1px solid var(--dorado)}
.malva--5 .dis--flex .card ul li:nth-child(2) {border: 1px solid #ddbf81}
.malva--5 .dis--flex .card ul li:nth-child(3) {border: 1px solid #c0a774}
.malva--5 .swiper-container { width: 100%; height: 100%; }
.malva--5 .info ul.list-amenidades {padding: 0; margin: 0; list-style: none}
.malva--5 .info ul.list-amenidades li {font-size: 14px; font-weight: 300; line-height: 1.64; color: var(--text); cursor: pointer;}
.malva--5 .info ul.list-amenidades li.active {font-weight: 700}
.malva--5 .info ul.list-amenidades li b {margin: 15px 0px; display: block}
.malva--5 .info ul.list-amenidades.printFTA,
.malva--5 .info ul.list-amenidades.printFTG {cursor: default;}

.malva--5 .info .panel {-webkit-box-shadow: none;box-shadow: none; position: relative;}
.malva--5 .info .panel::after {content: ""; width: 50px; height: 1px; background: var(--gris); position: absolute; bottom: -25px; left: 0px;}
.malva--5 .info .panel:last-child::after {content: none;}
.malva--5 .info .panel-heading {padding: 10px 0px}
.malva--5 .info .panel-title a:hover,
.malva--5 .info .panel-title a:focus,
.malva--5 .info .panel-title a:active,
.malva--5 .info .panel-title a {display: block; text-decoration: none; color: #b1b1b1; font-family: var(--ope); font-size: 16px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase;}
.malva--5 .info .panel-title a[aria-expanded="true"] {color: var(--text)}
.malva--5 .info button { background: var(--dorado); color: var(--blanco); font-family: var(--ope); padding: 5px 15px; font-size: 15px; font-weight: 600; border: none; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; }
.malva--5 .info #fichaTec button { background: var(--dorado); color: var(--blanco); font-family: var(--ope); padding: 5px 15px; font-size: 15px; font-weight: 600; border: none; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; }
.malva--5 .info button:hover { background: var(--dorado); color: var(--blanco);}
.malva--5 [data-vista="true"] label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-family: var(--ope); font-size: 12px; font-weight: 600; line-height: 1.93; letter-spacing: normal; color: var(--text); text-transform: uppercase; min-width: 130px;}
.malva--5 [data-vista="true"] textarea,
.malva--5 [data-vista="true"] input {width: 100%; border: none; border-bottom: 1px solid #efefef; font-family: var(--ope); font-size: 15px; font-weight: 400; line-height: 1.93; color: var(--text);}
/* .malva--5 form input {width: 100%; max-width: calc(100% - 150px); border: none; border-bottom: 1px solid #efefef; font-family: var(--ope); font-size: 15px; font-weight: 400; line-height: 1.93; color: var(--text);} */
.malva--5 form textarea {resize: none; height: 100px;}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {border: none}
.panel-group .panel-heading+.panel-collapse>.panel-body {padding: 0px}
@media screen and (max-width: 767px) {
    .malva--5 .btn-ficha {text-align: center; margin-top: 20px}
}
@media screen and (min-width: 768px) {
    .malva--5 [data-vista="true"] img {max-width: 600px; width: auto; max-height: 600px;}
    .malva--5 .info ul.list-amenidades {min-height: 120px}
    .malva--5 .info .p,
    .malva--5 .note,
    .malva--5 .tlo {font-size: 15px; }
    .malva--5 .tlog {font-size: 50px}
    /* .malva--5 .mapa { position: absolute; width: calc(100% - 33.33%); height: 100%; margin-left: 0; margin-right: auto; background-color: #f4f4f4;} */
    .malva--5 .mh900 .mapa {position: initial; width: 100%}
    .malva--5 .dis--flex .item {width: 100%}
    .malva--5 .dis--flex .card {max-width: 400px; padding: 40px;}
    /* .malva--5 form {padding-left: 15px; padding-right: 15px} */
    /* .malva--5 form .np {padding-left: 15px; padding-right: 15px} */
}
@media screen and (min-width: 992px) {
    .malva--5 {padding: 60px 0px;}
    .malva--5 .mh900 {min-height: 800px}
    .malva--5 .info {min-height: 800px }
    .malva--5 .mapa,
    .malva--5 .mh900 .mapa {position: absolute; top:0; left: 0; width: calc(100% - 33.33%); height: 100%; margin-left: 0; margin-right: auto; background-color: #f4f4f4; z-index: 1}
    .malva--5 .dis--flex .item {width: 33.33%; align-self: center; height: 100%;}
    /* .malva--5 form .np {padding-left: 0px; padding-right: px} */
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .malva--5 .tlog { font-size: 30px; }
    .malva--5 .dis--flex .card { max-width: 400px; padding: 25px; width: 85%; }
    .malva--5 .dis--flex .card {box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);}
}
@media screen and (min-width: 1200px) {
    .malva--5 .info {padding-left: 30px; padding-right: 30px}
    .malva--5 form textarea,
    .malva--5 form input {width: calc(100% - 150px);}
    .malva--5 form .np {padding: 0}
    .malva--5 .dis--flex .card {position: relative; z-index: 1; right: 10px}
    .malva--5 .dis--flex .card ul li {font-size: 14px}
}
@media screen and (min-width: 1400px) {
    .malva--5 form label {font-size: 15px}
}

.popover {border-radius: 0px; border: none;}
.popover-content {padding-right: 25px;}
.popover-content .content-title {font-family: var(--ope); font-weight: 400; color: var(--osc); margin: 0}
.popover-content .psmall {font-family: var(--ope); font-size: 13px; font-weight: 600; margin-bottom: 10px }
.popover-content .p {font-family: var(--ope); font-size: 15px; font-weight: 300}
.franja-success,
.franja-warning,
.franja-danger {position: absolute; top: 0; right: 0; width: 15px; height: 100%;}
.franja-success {background-color: #d9c79e}
.franja-warning {background-color: #f6d9a0  }
.franja-danger {background-color: #d99875  }

.label-success-cotizador {fill: #d9c79e!important; stroke: #c2b38e !important;}
.label-warning-cotizador {fill: #f6d9a0   !important; stroke: #c6aa73 !important;}
.label-danger-cotizador {fill: #d99875  !important; stroke: #9a855c !important;}
.cls-1-depto.label-success-cotizador,
.cls-1-torre.label-success-cotizador {fill: #d9c79e9f !important; stroke: #d9c79e !important;}
.cls-1-depto.label-warning-cotizador,
.cls-1-torre.label-warning-cotizador {fill: #f6d9a0aa !important; stroke: #f6daa0 !important;}
.cls-1-depto.label-danger-cotizador,
.cls-1-torre.label-danger-cotizador {fill: #d99875b1 !important; stroke: #d99875 !important;}




.malva--6 {padding: 40px 0px}
/* .malva--6 .contenedor {width: 100%} */
.malva--6 .bg {height: auto; width: 100%; margin-top: 30px; background-position: left }
.malva--6 .cont-slide {margin-top: 30px}
/* .malva--6 img {width: 100%; max-width: 900px; margin-top: 30px} */
.malva--6 .dis--flex {justify-content: flex-end;}
.malva--6 .item {align-self: center}
.malva--6 .item:first-child {max-width: 320px; width: 100%; margin-right: 150px}
.malva--6 .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado);}
.malva--6 .tlog {font-family: var(--frank); font-size: 40px; font-weight: 300; line-height: 1.16; color: var(--text);}
.malva--6 .p {font-family: var(--ope); font-size: 12px; font-weight: 300; line-height: 1.93; color: var(--text);}
.malva--6 .p b {font-weight: 600}
.malva--6 .swiper-container { width: 100%; height: 100%; }
.malva--6 .swiper-container .swiper-slide {background-position: center; background-size: cover; background-repeat: no-repeat;}
@media screen and (min-width: 768px) {
    .malva--6 {padding-bottom: 0px}
    .malva--6 .p,
    .malva--6 .tlo {font-size: 15px}
    .malva--6 .tlog {font-size: 50px}
    .malva--6 .bg {height: 400px}
}
@media screen and (min-width: 992px) {
    .malva--6 {padding: 0;}
    .malva--6 .bg {margin-top: 0; height: 600px}
    .malva--6 .info {padding-top: 40px; padding-bottom: 40px;}
    .malva--6 .row-center {display: flex; justify-content: center; align-items: center}
}
/* .malva--6 .p span {opacity: .8;} */


/*------------ Formulario de contacto ------------*/
.form-style-contacto {padding: 60px 0px; padding-bottom: 120px; background-image: linear-gradient(to bottom, #fafafa, #eeeeee);}
.form-style-contacto.contacto {padding-top: 120px; background-image: linear-gradient(0deg, #fff 0%, #fff 40%, #ffffffe6 60%, #fff 100%), url(../img/bg-contacto.png); background-position: top; background-size: cover; background-repeat: no-repeat}
.form-style-contacto .tlo {font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase; margin-bottom: 10px;}
.form-style-contacto .tlog { font-family: var(--frank); font-size: 50px; line-height: 1.16; color: var(--text); font-weight: 700;}
.form-style-contacto .tlog2 { font-family: var(--frank); font-size: 50px; line-height: 1.16; color: var(--text); font-weight: 300; margin-bottom: 40px}
.form-style-contacto.claro .ftlo {color: var(--text); font-family: var(--ope); font-size: 20px; font-weight: 600; letter-spacing: 0.7px;}
.form-style-contacto.claro label,
.form-style-contacto.claro select,
.form-style-contacto.claro input,
.form-style-contacto.claro textarea,
.form-style-contacto.claro .fsubtlo,
.form-style-contacto.claro a,
.form-style-contacto.claro a:hover,
.form-style-contacto.claro a:focus,
.form-style-contacto.claro a:active,
.form-style-contacto.claro .fp {color: var(--text)}
.form-style-contacto.claro input,
.form-style-contacto.claro select {border: none; border-bottom: 1px solid #bababa; }
.form-style-contacto input
.form-style-contacto select
.form-style-contacto .decora::before {contain: ''; width: 60px; height: 1px; background: var(--text); position: absolute; bottom: 0; left: 0;}
.form-style-contacto .cont {position: relative;}
.form-style-contacto .ftlo {text-transform: uppercase; font-size: 15px; font-weight: 400; line-height: 1.53; letter-spacing: 0.5px; margin-bottom: 30px; text-align: center}
.form-style-contacto .ftlo.p15 {padding-left: 15px}
.form-style-contacto ul.horario {list-style: none; padding: 0px; margin: 0px; -webkit-columns: 2; columns: 2; max-width: 310px; margin: 0 auto; }
.form-style-contacto ul.horario li:first-child {height: 120px;}
.form-style-contacto ul.horario li {margin-bottom: 15px}
.form-style-contacto ul.extra {list-style: none; padding: 0px; margin: 0px; margin-bottom: 30px}
.form-style-contacto ul.extra li {margin-bottom: 15px}
.form-style-contacto ul.extra li:nth-child(1),
.form-style-contacto ul.extra li:nth-child(2) {display: inline-block; width: 49%}
.form-style-contacto .fsubtlo {font-size: 15px; font-weight: 400; line-height: 1.53; letter-spacing: 0.5px; font-size: 18px; text-align: center}
.form-style-contacto a,
.form-style-contacto a:hover,
.form-style-contacto a:focus,
.form-style-contacto a:active,
.form-style-contacto .fp {font-size: 13px; font-weight: 300; line-height: 1.53; letter-spacing: 0.5px; text-align: center}
.form-style-contacto .fp b {font-weight: 400}
.form-style-contacto label {width: 100%; display: block; font-size: 15px; font-weight: 400; line-height: 1.53; letter-spacing: 0.5px;}
.form-style-contacto input {width: 100%; height: 35px; background: none; font-size: 15px; font-weight: 300; line-height: 1.53; letter-spacing: 0.5px;}
.form-style-contacto select {font-size: 15px; font-weight: 300; line-height: 1.53; letter-spacing: 0.5px; width: 100%; height: 35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px;  padding-right: 15px}
.form-style-contacto.claro select {background: url(../img/caret.svg) no-repeat 100% 19px;}
.form-style-contacto textarea {font-size: 15px; font-weight: 300; line-height: 1.53; letter-spacing: 0.5px; width: 100%; height: 205px; resize: none; background: none; border: none;}
.form-style-contacto.claro textarea {line-height: 35px; background-image: -webkit-linear-gradient(top , transparent, transparent 33px, #bababa 0); background-size: 100% 34px;}
.form-style-contacto.claro textarea.error-valid{background-image: -webkit-linear-gradient(top , transparent, transparent 33px, var(--rojo) 0) !important; border-bottom: none !important}
.form-style-contacto textarea,
.form-style-contacto input,
.form-style-contacto select {margin-bottom: 23px; color: var(--crema)}
.form-style-contacto ul.btns {padding: 0; margin: 0; list-style: none; margin-bottom: 10px}
.form-style-contacto ul.btns li {text-align: center; overflow: hidden;}
.form-style-contacto ul.btns li:first-child .g-recaptcha { transform: scale(.6) ; -webkit-transform: scale(.6) ; -moz-transform: scale(.6) ; -ms-transform: scale(.6) ; -o-transform: scale(.6) ; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%}
@media screen and (min-width: 768px) and (max-width: 991px){ 
    .form-style-contacto ul.horario {-webkit-columns: initial;columns: initial;}
    .form-style-contacto ul.horario li:first-child {height: auto;}
    .form-style-contacto ul.extra li {display: inline-block; width: 49%; }
}
@media screen and (min-width: 768px){
    .form-style-contacto .tlog2 { font-size: 80px}
    .form-style-contacto.contacto {padding-top: 180px;}
    .form-style-contacto .fsubtlo {text-align: left}
    .form-style-contacto .fp {text-align: left;}
    .form-style-contacto .formulario {padding: 0px}
    .form-style-contacto form div.np:not(.np-sm) {padding-left: 15px; padding-right: 15px; }
    .form-style-contacto ul.btns li {display: inline-block; height: 80px; width: 200px;}
    .form-style-contacto ul.btns li:first-child .g-recaptcha {-webkit-transform-origin: 0 50%;transform-origin: 0 50%}
    .form-style-contacto ul.btns li:last-child {padding: 18px 0px}
}
@media screen and (min-width: 992px){
    .form-style-contacto .tlog2 { font-size: 100px}
    .form-style-contacto .ftlo {text-align: left}
    .form-style-contacto.contacto {padding-top: 250px;}
}
@media screen and (min-width: 1200px){
    .form-style-contacto ul.horario {-webkit-columns: initial;columns: initial;}
    .form-style-contacto ul.horario li:first-child {height: auto;}
    .form-style-contacto ul.extra li:nth-child(1),
    .form-style-contacto ul.extra li:nth-child(2),
    .form-style-contacto ul.extra li {display: block; width: 100%; margin-bottom: 30px}
    .form-style-contacto a,
    .form-style-contacto a:hover,
    .form-style-contacto a:focus,
    .form-style-contacto a:active,
    .form-style-contacto .fp {font-size: 15px}
}

/*------------ Animacion de btn enviar ------------*/
button.send-animation {background: var(--verde2); border: none; color: var(--crema);}
button.send-animation:hover { color: white; background: var(--dorado); }
button.send-animation.onclic {border: 2px solid #e4e4e4; border-left-color: var(--dorado); background: none;}
button.send-animation.onclic:hover {background: none}

button.send-animation { outline: none; height: 40px; text-align: center; width: 130px;  font-family: var(--ope); font-size: 15px; font-weight: 400; letter-spacing: 0.7px; text-shadow: 0; cursor: pointer; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
button.send-animation:active { letter-spacing: 2px; }
button.send-animation:after { content: "Enviar"; }
button.send-animation.onclic {border-radius: 40px; width: 40px;  font-size: 0;  -webkit-animation: rotating 2s 0.25s linear infinite; animation: rotating 2s 0.25s linear infinite; pointer-events: none; cursor: wait}
button.send-animation.onclic:after { content: ""; }
button.send-animation.validate { font-size: 18px; color: white; background: #00865c; pointer-events: none}
button.send-animation.validate:after { font-family: 'FontAwesome'; content: "\f00c"; }
button.send-animation.error { font-size: 18px; color: white; background: var(--rojo); pointer-events: none}
button.send-animation.error:after { font-family: 'FontAwesome'; content: "\f06a"; }
@-webkit-keyframes rotating {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.desarrollos {background-image: url(../img/bg02.svg); background-position: left top; background-repeat: no-repeat; background-size: auto; padding-top: 120px;}
.desarrollos .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado);}
.desarrollos .tlog {font-family: var(--frank); font-size: 40px; font-weight: 700; line-height: 1.16; color: var(--text);}
.desarrollos .container {position: relative;}
.desarrollos .card {height: 400px; width: 100%; box-shadow: 0 10px 60px 0 rgba(101, 101, 101, 0.15); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; margin: auto}
.desarrollos .card.amaite {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/amaite.jpg)}
.desarrollos .card.aruma {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/aruma.jpg)}
.desarrollos .card.malva {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/malva.jpg)}
.desarrollos .card.muyal {background-image: linear-gradient(to bottom, #fff, #fff0), linear-gradient(to bottom, #ffffffd6, #ffffffd9), url(../img/bg-desarrollos/muyal.jpg)}
.desarrollos .card img {width: 100%; max-width: 300px}
.desarrollos .card a:hover,
.desarrollos .card a:active,
.desarrollos .card a:focus,
.desarrollos .card a {color: var(--dorado); text-decoration: none; position: absolute; bottom: 30px; left: 0; font-family: var(--ope); width: 100%; font-size: 15px; font-weight: 600; text-align: center;}
.desarrollos .escritorio,
.desarrollos .movil {position: relative;}
.desarrollos .movil .redes-flotantes {bottom: initial; top: 0;}
.desarrollos .movil .redes-flotantes  li {display: inline-block; margin-bottom: 0; margin-right: 30px}
.desarrollos .movil .redes-flotantes  li:last-child {margin-right: 10px}
.desarrollos .escritorio {display: none}
@media screen and (min-width: 768px) {
    .desarrollos {padding-top: 150px}
    .desarrollos .tlo {font-size: 15px}
    .desarrollos .tlog {font-size: 50px}
    .desarrollos .row .np {padding-left: 15px; padding-right: 15px}
}
@media screen and (min-width: 992px) {
    .desarrollos {padding-top: 180px; min-height: 800px}
    .desarrollos .card {height: 450px; width: 100%; max-width: 300px; }
    .desarrollos .escritorio {display: block}
    .desarrollos .movil {display: none}
}
@media screen and (min-width: 1200px) {
    .desarrollos .container {width: 90%; margin: 0 auto; max-width: 1600px}
    .desarrollos .card {height: 490px;}
}


/*------------ Comunidad ------------*/
.comunidad--1 {padding-top: 120px}
.comunidad--1 .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase; margin-bottom: 15px}
.comunidad--1 .tlog {font-family: var(--frank); font-size: 50px; font-weight: 300; line-height: 1.16; color: var(--text);}
@media screen and (min-width: 768px) {
    .comunidad--1 {padding-top: 180px}
    .comunidad--1 .tlo {font-size: 15px}
    .comunidad--1 .tlog {font-size: 80px}
}
@media screen and (min-width: 992px) {
    .comunidad--1 {padding-top: 230px}
    .comunidad--1 .tlo {font-size: 15px; margin-bottom: 0}
    .comunidad--1 .tlog {font-size: 100px;}
}

.comunidad--2 {padding-bottom: 140px}
.comunidad--2 .tlo {font-family: var(--frank); font-size: 30px; font-weight: 300; line-height: 1.26; color: var(--dorado); margin-bottom: 15px}
.comunidad--2 .p {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 400; color: #868686; margin-bottom: 15px}
.comunidad--2 .cont-cards {margin-top: 40px}
.comunidad--2 .card {background-color: var(--blanco); box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.16); padding-bottom: 20px}
.comunidad--2 .card .bg {width: 100%; height: 260px;}
.comunidad--2 .card .ctlo {font-family: var(--frank); font-size: 20px; line-height: 1.14; font-weight: 300; color: var(--text); position: relative; padding-right: 50px}
.comunidad--2 .card .ctlo::before { content: ""; height: 30px; width:30px; border: 1px solid var(--dorado); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; background-image: url(../img/plus.svg); background-size: 20px; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; opacity: 1; transition: opacity 350ms; -webkit-transition: opacity 350ms; -moz-transition: opacity 350ms; -ms-transition: opacity 350ms; -o-transition: opacity 350ms; }
.comunidad--2 .card .ctlo::after { content: ""; height: 30px; width:30px; border: 1px solid var(--dorado); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; background-image: url(../img/right-arrow.svg); background-size: 20px; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; opacity: 0; transition: opacity 350ms; -webkit-transition: opacity 350ms; -moz-transition: opacity 350ms; -ms-transition: opacity 350ms; -o-transition: opacity 350ms; }
.comunidad--2 .card .ctlo:hover::before { opacity: 0;}
.comunidad--2 .card .ctlo:hover::after { opacity: 1;}
.comunidad--2 .card .cp {font-family: var(--ope); font-size: 12px; font-weight: 400; line-height: 2.07; color: var(--text);}
.comunidad--2 .card a:hover,
.comunidad--2 .card a:active,
.comunidad--2 .card a:focus,
.comunidad--2 .card a {text-decoration: none; color: inherit}
@media screen and (min-width: 768px) {
    .comunidad--2 .np {padding-left: 15px; padding-right: 15px}
    .comunidad--2 .tlo {font-size: 40px}
    .comunidad--2 .p {font-size: 15px}
    .comunidad--2 .card .ctlo {font-size: 28px}
    .comunidad--2 .card .cp {font-size: 14px}
}
@media screen and (min-width: 992px) {
    .comunidad--2 .cont-cards {margin-top: 80px}
}


.comunidad--3 .bg { width: 100%; height: 400px; box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.16);}
.comunidad--3 hr {margin: 30px 0px}
.comunidad--3 .tlo {font-family: var(--frank); font-size: 20px; font-weight: 300; line-height: 1.26; color: var(--text); margin-bottom: 15px}
.comunidad--3 p,
.comunidad--3 .p {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 400; color: #868686;}
.comunidad--3 h1,
.comunidad--3 h2,
.comunidad--3 h3,
.comunidad--3 h4,
.comunidad--3 h5,
.comunidad--3 h6 {font-family: var(--frank); font-size: 20px; line-height: 1.23; color: var(--text);}
.comunidad--3 .contenedor_1400 p:first-child img {width: 100% !important}
.comunidad--3 .contenedor_1400 p:not(:first-child) img {width: 100% !important; max-width: 1100px !important; float: none !important; margin: 30px auto; display: block}
@media screen and (min-width: 768px) {
    .comunidad--3 .bg {height: 500px;}
    .comunidad--3 .p {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}
@media screen and (min-width: 992px) {
    .comunidad--3 .bg {height: 660px;}
    .comunidad--3 h1,
    .comunidad--3 h2,
    .comunidad--3 h3,
    .comunidad--3 h4,
    .comunidad--3 h5,
    .comunidad--3 h6 {font-size: 40px}
    .comunidad--3 .tlo {font-size: 40px}
    .comunidad--3 p,
    .comunidad--3 .p {font-size: 15px}
    .comunidad--3 hr {margin: 50px 0px}
    .comunidad--3 .contenedor_1400 p:first-child img {max-width: 580px; max-height: 750px; float: left; padding-right: 40px; padding-bottom: 30px}
}
@media screen and (min-width: 1200px) {
    .comunidad--3 {padding-top: 80px; padding-bottom: 140px}
    .comunidad--3 .contenedor_1400 p:first-child img {max-width: 750px;}
}
@media screen and (min-width: 1500px) {
    .comunidad--3 .contenedor_1400 p:first-child img {max-width: 950px; padding-right: 100px}
}

/*------------ Ubicacion ------------*/
.ubicacion .contenedor {padding-top: 120px}
.ubicacion .dis--flex {flex-direction: column}
.ubicacion .fp {font-size: 13px; font-weight: 300; line-height: 1.53; letter-spacing: 0.5px; color: var(--text)}
.ubicacion .fp b {font-weight: 400}
.ubicacion .tlo {font-family: var(--ope); font-size: 15px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase;}
.ubicacion .tlog {font-family: var(--frank); font-size: 50px; font-weight: 300; line-height: 1.16; color: var(--text);  margin-bottom: 40px}
.ubicacion ul.horario {list-style: none; padding: 0px; -webkit-columns: 2; columns: 2; max-width: 400px; position: relative; padding-left: 20px}
.ubicacion .btn-maps:hover,
.ubicacion .btn-maps:active,
.ubicacion .btn-maps:focus,
.ubicacion .btn-maps {display: block; width: 100%; max-width: 260px; text-decoration: none; color: var(--blanco); background-color: var(--dorado); padding: 7px 15px; text-align: center; cursor: pointer; font-family: var(--ope); font-size: 14px; font-weight: 400;}
/* .ubicacion ul.horario::before {content: ""; width: 20px; height: 95px; background-color: var(--dorado); position: absolute; left: -16px; top: 9px;} */
.ubicacion ul.horario li {margin-bottom: 15px}
.ubicacion #mapa {height: 400px; width: 100%;}
@media screen and (min-width: 768px) {
    .ubicacion .tlog {font-size: 80px}
    /* .ubicacion ul.horario::before {left: -38px} */
}
@media screen and (min-width: 992px) {
    .ubicacion .contenedor {padding-top: 0px; width: 100%}
    .ubicacion .dis--flex {flex-direction: row; justify-content: flex-end}
    .ubicacion .item:first-child {align-self: flex-end; width: 45%}
    .ubicacion .item:last-child {width: 50%}
    .ubicacion #mapa {height: 800px;}
}
@media screen and (min-width: 1200px) {
    .ubicacion #mapa {height: 900px;}
}


/*------------ Avance de Obra ------------*/
.avance {padding-top: 120px}
.avance .tlo {font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 2.3px; color: var(--dorado); text-transform: uppercase;}
.avance .tlog {font-family: var(--frank); font-size: 50px; font-weight: 300; line-height: 1.16; color: var(--text);  margin-bottom: 60px}
.avance a:hover,
.avance a:active,
.avance a:focus,
.avance a {text-decoration: none; color: inherit}
.avance .dis--flex {display: block}
.avance ul.filtros {padding: 0; margin: 0; }
.avance ul.filtros li {display: inline-block; font-family: var(--ope); font-size: 12px; font-weight: 400; letter-spacing: 0.3px; color: #c4c4c4; margin-right: 15px; text-transform: uppercase; cursor: pointer}
.avance ul.filtros li:last-child {margin-right: 0px}
.avance ul.filtros li.active {color: #c2a059;}
.avance .bg {height: 300px; width: 100%; max-width: 300px; margin: auto; box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.16); cursor: pointer;}
.avance .controls--destok {display: none}
.avance .dropdown {width: 100%; max-width: 300px; margin: auto; margin-bottom: 30px;}
.avance .dropdown button {width: 100%; border: none; border-bottom: 1px solid #c4c4c4; background-color: #0000; background-image: url(../img/caret.svg); background-position: 100% 16px; background-repeat: no-repeat; padding: 5px 15px; font-family: var(--ope); font-size: 15px; font-weight: 400; letter-spacing: 0.3px; color: var(--text);}
.avance .dropdown button .caret {opacity: 0}
.avance .dropdown .dropdown-menu {width: 100%; border: none; border-radius: 0px; margin: 0; font-family: var(--ope); font-size: 15px; font-weight: 400; letter-spacing: 0.3px;}
.avance .dropdown-menu>.active>a,
.avance .dropdown-menu>.active>a:hover,
.avance .dropdown-menu>.active>a:focus {background-color: var(--blanco); color: var(--dorado)}
.avance .card.provisional .cont-abs { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); display: flex; justify-content: center; width: 100%}
.avance .card.provisional .tlo {background-color: var(--blanco); border: 1px solid var(--dorado); padding: 6px 40px; }
.avance .back-pag {background-color: var(--blanco); border: 1px solid var(--dorado); padding: 5px 30px; color: var(--dorado); font-size: 15px; cursor: pointer}
@media screen and (max-width: 991px) {
    .avance ul.filtros {text-align: center; margin-bottom: 30px}
    .avance ul.filtros li {font-size: 15px}
}
@media screen and (min-width: 710px) and (max-width: 991px) {
    .avance .controls--movil {text-align: center}
    .avance .dropdown {display: inline-block}
    .avance .dropdown:first-child {margin-right: 30px}
}
@media screen and (min-width: 768px) {
    .avance {padding-top: 150px}
    .avance .tlo {font-size: 15px;}
    .avance .tlog {font-size: 80px;}
}
@media screen and (min-width: 992px) {
    .avance .controls--movil {display: none}
    .avance .controls--destok {display: initial}
    .avance .dis--flex {display:flex; justify-content: center; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 5px 0px; margin-bottom: 70px}
    .avance .item {margin-right: 40px; position: relative;}
    .avance .item::after {content: ""; width: 1px; height: 20px; border: solid 1px #efefef; position: absolute; top: 0; right: -20px;}
    .avance .item:last-child {margin-right: 0px}
    .avance .item:last-child::after {content: none}
    .avance {padding-top: 200px}
}
@media screen and (min-width: 1200px) {
    .avance .item {margin-right: 65px}
    .avance .item::after {right: -34.5px}
    .avance ul.filtros li {font-size: 15px}
}
@media screen and (min-width: 1550px) {
    .avance .item {margin-right: 80px}
    .avance .item::after {right: -40px}
    .avance ul.filtros li {margin-right: 30px}
}
@media screen and (min-width: 1750px) {
    .avance ul.filtros li {margin-right: 45px}
}

.avance--2 .info {background-color: var(--blanco); padding:  50px 0px}
.avance--2 .contenedor {overflow: scroll}
.avance--2 .card {min-width: 1500px}
.avance--2 .tlo {font-family: var(--frank); font-size: 28px; line-height: 1.14; font-weight: 300; color: var(--text); position: relative;}
.avance--2 .arrows { position: absolute; top: 0; height: 30px; width: 30px; border: 1px solid #c2a059; background-size: 15px; background-repeat: no-repeat; background-position: center; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; cursor: pointer}
.avance--2 .arrows.left {background-image: url(../img/left.svg); left: 40px}
.avance--2 .arrows.right {background-image: url(../img/right.svg); right: 40px}
.avance--2 .bg--gris {background-color: #f3f3f3; box-shadow: 0px 2px 60px rgba(0, 0, 0, .20);}
.avance--2 a:hover,
.avance--2 a:active,
.avance--2 a:focus,
.avance--2 a {text-decoration: none; color: inherit}
.avance--2 ul.navegacion {margin-bottom: 27.3px; list-style: none}
.avance--2 ul.navegacion li {display: inline-block; font-family: OpenSans; font-size: 14px; font-weight: 400; letter-spacing: 0.3px; color: #c4c4c4; text-transform: uppercase; margin-right: 30px; position: relative; padding-top: 3px}
.avance--2 ul.navegacion li::after {content: ""; width: 1px; height: 20px; border: solid 1px #efefef; position: absolute; top: 0; right: -15px;}
.avance--2 ul.navegacion li.active {color: #c2a059;}
.avance--2 ul.navegacion li:last-child {margin-right: 0px}
.avance--2 ul.navegacion li:last-child::after {content: none}
.avance--2 ul.actividades {padding: 0; margin: 0; list-style: none}
.avance--2 ul.actividades li {font-family: var(--ope); font-size: 13px; font-weight: 400; color: var(--text); padding: 6.5px 10px; border-bottom: 1px solid #efefef; }
.avance--2 ul.actividades li:first-child {border-top: 1px solid #efefef}
@media screen and (min-width: 1800px) {
    .avance--2 ul.actividades li {letter-spacing: 0.3px}
}

.proceso-definitivo {padding: 50px 0px; text-align: center}
.proceso-definitivo .date {font-family: var(--ope); font-weight: 600}
.proceso-definitivo .date span:first-child {color: #989898}
.proceso-definitivo .date span:last-child {color: var(--text)}
.proceso-definitivo .date.invert-acive span:first-child {color: var(--text)}
.proceso-definitivo .date.invert-acive span:last-child {color: #989898}
.proceso-definitivo table {width: 100%;}
.proceso-definitivo table th {font-family: var(--ope); border-bottom: 1px solid #d8d8d8; padding: 15px 10px; text-align: center; border-right: 1px dashed #939393; font-size: 15px; font-weight: 300; color: #989898; text-transform: uppercase}
.proceso-definitivo table th:last-child {border-right: none}
.proceso-definitivo table td {height: 32px; border-bottom: 1px solid #d8d8d8; border-right: 1px dashed #939393;}
.proceso-definitivo table td:last-child {border-right: none}
.proceso-definitivo table tr:nth-child(odd) td.active {background: #dfdfdf;}
.proceso-definitivo table tr:nth-child(even) td.active {background: #d3d3d3;}
.proceso-definitivo table tr td.active.solid {background: #A3A3A3;}
.proceso-definitivo table.gant2 tbody tr:nth-child(2) td,
.proceso-definitivo table.gant2 tbody tr:nth-child(12) td {height: 50px;}

.aviso {padding: 80px 15px; padding-top: 150px}
.aviso .tlo {font-family: var(--frank); font-size: 28px; line-height: 1.14; font-weight: 300; color: var(--text); margin-bottom: 30px; text-transform: uppercase}
.aviso .p {font-family: var(--ope); font-size: 12px; line-height: 1.93; font-weight: 400; color: #868686;}
.aviso .p .tlo {font-size: 20px; margin-top: 30px;}
@media screen and (min-width: 992px) {
    .aviso {padding-top: 200px}
}