body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//gruposoldi.com.mx/wp-content/themes/gruposoldi/assets/lib/lightbox2/dist/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//gruposoldi.com.mx/wp-content/themes/gruposoldi/assets/lib/lightbox2/dist/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//gruposoldi.com.mx/wp-content/themes/gruposoldi/assets/lib/lightbox2/dist/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//gruposoldi.com.mx/wp-content/themes/gruposoldi/assets/lib/lightbox2/dist/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}:root {
--color-white: #fff;
--color-black: #000;
--color-black-80: rgba(0, 0, 0, 0.8);
--color-purple-primary: #582c83;
--color-purple-secondary: #28183F;
--color-purple-80: rgba(88, 44, 131, 0.8);
--color-green-primary: #00843D;
--color-green-secondary: #1C4122;
--color-gray : #97999D;
--color-gray-2: #F2F2F2;
} .tkontainer,
.tkontainer-sm,
.tkontainer-md,
.tkontainer-lg,
.tkontainer-xl{
width: 100%;
padding-right: 8%;
padding-left: 8%;
margin: 0;
}
body {
overflow-y: hidden;
} .h1{ font-family: "DM Serif Display";
font-size: 3.5625rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.h2{ font-family: "DM Serif Display";
font-size: 2.1875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.h3{ font-family: "DM Serif Display";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.h4{ font-family: Figtree;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.1875rem;
}
.h5{ font-family: Figtree;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.subheading{ font-family: Figtree;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.body{ font-family: Figtree;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.caption{ font-family: Figtree;
font-size: 0.625rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.btn-header-menu{ font-family: Figtree;
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.1875rem;
color:var(--color-black)
} .btn-header-menu:hover,.btn-header-menu.active{color:var(--color-purple-primary)} a{text-decoration: none; color:var(--color-white)}
a:visited,a:focus,a:hover,a:active{text-decoration: none;}
a{cursor: pointer}
.btn{
display: flex;
padding: 0.625rem 1.5rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
flex: 1 0 0;
align-self: stretch;
text-align: center;
text-decoration: none;
border-radius: 6.25rem; font-family: Figtree;
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.btn-primary{
color: var(--color-white);
background-color: var(--color-green-primary);
}
.btn-outline-primary{
border: 1px solid var(--color-green-primary);
color: var(--color-green-primary);
background: #fff;
flex: none;
transition: 0.3s;
}
.btn-outline-primary:hover,.btn-outline-primary.active{
color: #fff;
background: var(--color-green-primary);
}
.btn-rounded{
border-radius: 100px;
}
.btn-primary:hover,.btn-primary:focus{color:var(--color-white)}
.btn-primary-outline{
color: var(--color-green-primary);
border: 1px solid var(--color-green-primary);
}
.btn-primary-outline:hover,.btn-primary-outline:focus{color:var(--color-green-primary)} .bg-green-primary{background-color: var(--color-green-primary)}
.bg-green-secondary{background-color: var(--color-green-secondary)}
.bg-purple-primary{background-color: var(--color-purple-primary)}
.bg-purple-secondary{background-color: var(--color-purple-secondary)}
.bg-purple-80{background-color: var(--color-purple-80)}
.bg-gray{background-color: var(--color-gray)}
.bg-gray-2{background-color: var(--color-gray-2)}
.bg-black{background-color: var(--color-black)}
.bg-black-80{background-color: var(--color-black-80)}
.bg-white{background-color: var(--color-white)}
.text-green-primary{color:var(--color-green-primary)}
.text-green-secondary{color:var(--color-green-secondary)}
.text-purple-primary{color:var(--color-purple-primary)}
.text-purple-secondary{color:var(--color-purple-secondary)}
.text-purple-80{color:var(--color-purple-80)}
.text-black,.text-black:hover{color:var(--color-black)}
.text-black-80{color:var(--color-black-80)}
.text-white,.text-white,.text-white:hover, a:hover{color:var(--color-white)} html,
body {
overflow-x: hidden; color: var(--color-black);
font-family: Figtree;
font-size: 16px;
}
a {
text-decoration: none;
}
sup span{
font-size: .625rem;
}
.form-group {
display: flex;
width: 100%;
gap: .5rem;
position: relative;
justify-content: space-between;
border: 1px solid var(--color-gray);
border-radius: 5px;
padding: 1.2rem 0.5rem 0.4rem 0.5rem;
}
.form-group .form-control{
margin: 0;
padding: 0;
flex-grow: 1;
}
.form-group .form-label{
margin: 0;
padding: 0;
flex-grow: 1;
color: var(--color-gray);
}
.form-group i{
max-width: 3%;
transform: translateY(-20%);
}
h1,
h2,
h3,
h4,
h5 {}
.p-9{
padding: 9rem;
}
.p-8{
padding: 0.57rem 0;
}
.p-25x{
padding: 1.563rem;
}
.p-48x{
padding: 3rem;
} .header-banner{
background-color: var(--color-purple-primary);
color: var(--color-white)
}
header {
border-bottom: 1px solid var(--color-gray);
}
header.sticky{
position: fixed;
width: 100vw;
top: 0 !important;
left: 0;
z-index: 9999;
background: white;
} .img-footer-logo{
max-width: 24rem;
}
.footer-container-info{
max-width: 18rem;
}
#modalAgendaVisita{
position: relative;
}
#modalAgendaVisita div{
position: absolute;
top: 0;
left: 0;
min-width: 80dvw;
max-width: 80dvw;
min-height: 80dvh;
max-height: 80dvh;
margin: 10dvh 10dvw;
border: 1px solid red;
background-color: olive;
} #pageQuienesSomos .portada{
padding: 8rem;
}
#pageQuienesSomos .portada img{
max-width: 40rem;
}
#pageQuienesSomos .container-mision{
padding: 6%;
}
#pageQuienesSomos .card-valores{
width: 45%;
flex-wrap: wrap;
}
#pageQuienesSomos .img-valores{
width: 100%;
height: 100%;
object-fit: cover;
padding-top: 20%;
}
.banner-gs {
position: relative;
height: 100vh;
background-size: cover;
}
.z-1{
position: relative;
z-index: 1;
}
.za-1{
z-index: 1 !important;
}
.overlay-banner {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: var(--color-purple-80);
z-index: 0;
}
.mt-30{
margin-top: 2.14rem;
}
.g-44{
gap: 3.14rem;
}
.g-10{
gap: 0.71rem;
}
.g-20{
gap: 1.42rem;
}
.ml-44{
margin-left: 44px;
}
.option-filter{
font-size: 1.42rem;
}
.option-filter.active {
text-decoration-line: underline;
text-decoration-thickness: 3px;
}
.p-16{
padding: 1.14rem;
}
.filter{
margin-top: 10px;
border-radius: 2rem;
background-color: #fff;
padding: 1.5rem;
}
.btn-search {
border: none;
padding: 0.57rem;
border-radius: 1rem;
height: 40px;
width: 40px;
}
.bx-s-1{
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25);
}
.inputs-filter{
gap: 2rem;
}
.inputs-filter span {
display: block;
font-size: 0.71rem;
margin-bottom: 0.5rem;
font-weigth: 600;
text-transform: uppercase;
}
select.filter-select {
width: 320px;
color: var(--color-gray);
font-size: 1.14rem; appearance: none;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right 0.7rem top 50%;
background-size: 0.65rem auto;
} .info-coincidencias {
position: absolute;
left: 50%;
bottom: -150px;
transform: translateX(-50%);
padding: 10px;
background: #fff;
}
.ptb-58{
padding-top: 4.14rem;
padding-bottom: 4.14rem;
}
.pt-58{
padding-top: 3.62rem;
}
.pb-58{
padding-bottom: 3.62rem;
}
.ptb-116{
padding-top: 8.28rem;
padding-bottom: 8.28rem;
}
.plr-33{
padding-left: 2.063rem;
padding-right: 2.063rem;
}
.plr-80{
padding-left: 80px;
padding-right: 80px;
}
.logo-desarrollo {
width: 204px;
height: 162px;
object-fit: cover;
}
.text-gray{
color: var(--color-gray);
}
.coincidences-filter {
position: absolute;
right: 0;
top: 70px;
padding: 8px;
border-radius: 12px;
}
.img-video-embed-desarrollo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h-auto {
height: auto;
}
.w-80p{
width: 80px;
}
.social-media-desarrollos{
height: 162px;
}
.mt-30x{
margin-top: 30px;
}
.ml-30x{
margin-left: 30px;
}
.text-20{
font-size: 1.42rem;
}
.text-align-justify{
text-align: justify;
}
.more-btn{
border-radius: 100px;
border: none;
flex:none;
}
.card-characteristics{ height: 10rem; }
.current-model-characteristics .card-characteristics {
border: 1px solid var(--color-green-primary);
}
.icon-char{
width: 40px;
height: 40px;
}
.card-characteristics span {
width: 70px;
line-height: 20px;
}
.characteristics-div-desarrollos{ overflow: hidden;
}
.card-models{
cursor:pointer;
}
.card-models .img-model {
padding: 1.15rem;
padding-bottom: 0;
}
.card-models img {
width: 100%;
height: 290px;
object-fit: cover;
}
.info-model{
gap: 0.4rem;
margin-top: 1.14rem;
position: relative;
padding: 0 1.5rem 8px 1.5rem;
}
.desarrollos-card{
border-bottom: 2px solid var(--color-gray-2);
}
.arrow-model {
width: 10px !important;
height: 10px !important;
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.info-model span+img+img,.card-models.active .info-model span+img  {
display: none !important;
}
.card-models.active .info-model span+img+img{
display: block !important;
}
.card-models.active {
background-color: var(--color-purple-primary);
transition: 0.3s;
}
.card-models.active .name-desarrollo-model,
.card-models.active h5,
.card-models.active .location-model,
.card-models.active i{
color: #fff;
}
.models-card-view ul {
list-style: disc;
margin-left: 2rem;
}
.floor {
width: 48%;
} .characteristics-div-desarrollos .swiper-pagination-bullet{
width: 6px;
height: 6px;
}
.characteristics-div-desarrollos  .swiper-pagination-bullet-active {
background-color: var(--color-green-primary);
width: 8px;
height: 8px;
transform: translateY(1px);
}
.without-pr {
padding-right: 0 !important;
}
.desarrollos-card .ptb-58 {
padding-bottom: 0;
}
.card-zone {
height: 400px;
position: relative;
}
.background-card-zone {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
object-fit: cover;
top: 0;
}
.overlay-zone {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.17) 16.94%, rgba(0, 0, 0, 0.4) 40%);
}
.info {
position: absolute;
width: 80%;
bottom: 50px;
padding: 0 3rem;
z-index: 1;
}
.mt-8x {
margin-top: 0.5rem;
display: block;
}
.gallery-home {
margin-bottom: -3px;
}
.img-gallery-home{
width: 100vw;
height: 100vh;
object-fit: cover;
}
.gallery-home .swiper-pagination {
bottom: 24px !important;
}
.gallery-home .swiper-pagination-bullet {
background: #fff;
width: 6px;
height: 6px;
opacity: 1;
}
.gallery-home .swiper-pagination-bullet-active {
width: 11px;
height: 11px;
transform: translateY(2.5px);
}
.blog-home{
height: 100vh;
background-size: cover !important;
position: relative;
}
.overlay-blog-home {
position: absolute;
background: rgba(0,0,0,0.8);
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1;
}
.pos-rel {
position: relative;
z-index: 2;
}
.img-blog-card {
width: 100%;
height: 300px;
object-fit: cover;
}
.img-blog{
position: relative;
}
.img-blog .btn-blog {
position: absolute;
right: 20px;
bottom: 15px;
z-index: 1;
}
.mt-8x {
margin-top: 0.5rem;
}
.img-blog-card-row {
width: 100%;
height: 110px;
object-fit: cover;
}
.rows-blog .img-blog {
width: 50%;
}
.info-blog-row {
width: 50%;
padding: 1rem;
}
.f-10{
font-size: 0.625rem;
}
.f-14{
font-size:0.875rem;
}
.f-20{
font-size: 1.25rem;
}
.f-24{
font-size: 1.5rem;
}
.minus-m3x{
margin-top: -3px;
}
.plr-14r{
padding: 0 14rem;
}
.gap-5x{
gap:0.313rem;
}
.gap-5r{
gap: 5rem;
}
.gap-15x{
gap:0.938rem;
}
.gap-20x{
gap: 1.25rem;
}
.gap-30x{
gap: 1.875rem;
}
.gap-27x{
gap: 1.688rem;
}
.gap-35x{
gap: 2.188rem;
}
.gap-2r{
gap: 2rem;
}
.gap-24x{
gap: 1.5rem;
}
.gap-40x{
gap: 2.5rem;
}
.f-bold{
font-weight: bold;
}
.text-justify {
text-align: justify;
}
.btn-wo-flex{
flex: none;
width: auto !important;
align-self: auto !important;
}
.swiperProyects {
padding-bottom: 5rem;
}
.swiperProyects .logo-desarrollo {
width: 23.875rem;
height: 18.938rem;
object-fit: contain;
}
.swiperProyects .gap-5r{
gap: 4.09%;
}
.w-78 {
width: 78.77%;
max-width: 1067px;
margin: 0 auto;
}
.modelsSwiper{
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.modelsSwiper .arrows-custom,
.current-model-gallery .arrows-custom,
.amenidadesSwiper .arrows-custom,
.gallerySwiper .arrows-custom,
.galleryDesarrollo .arrows-custom{
background-color: white;
border-radius: 100%;
}
.swiperProyects .arrows-custom,
.modelsSwiper .arrows-custom,
.current-model-gallery .arrows-custom,
.amenidadesSwiper .arrows-custom,
.gallerySwiper .arrows-custom,
.galleryDesarrollo .arrows-custom{
position: absolute;
top: 50%;
cursor:pointer;
z-index:9;
transform: translateY(-50%);
width: 3.35rem;
height: 3.35rem;
}
.swiperProyects .arrows-custom img,
.modelsSwiper .arrows-custom img,
.current-model-gallery .arrows-custom img,
.amenidadesSwiper .arrows-custom img,
.gallerySwiper .arrows-custom img,
.galleryDesarrollo .arrows-custom img{
width: 100%;
height: 100%;
}
.swiperProyects .next-custom,
.modelsSwiper .next-custom,
.current-model-gallery .next-custom,
.amenidadesSwiper .next-custom,
.gallerySwiper .next-custom,
.galleryDesarrollo .next-custom{
right: 0;
}
.swiperProyects .swiper-pagination-bullet {
width: 5px;
height: 5px;
background: rgba(151, 153, 157, 1);
opacity: 1;
}
.swiperProyects .swiper-pagination-bullet-active {
width: 16px;
height: 16px;
transform: translateY(5px);
}
.develoments {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.develoments > div{
position: relative;
}
.develoments > div:not(:nth-child(1)){
height: 27.656rem;
}
.dev-1 {
grid-area: 1 / 1 / 3 / 3;
height: calc(56.25rem + 12px);
}
.desarrollos  .dev-1 {
height: auto !important;
position: relative;
}
.dev-2 { grid-area: 1 / 3 / 2 / 5; }
.dev-3 { grid-area: 2 / 3 / 3 / 4; }
.dev-4 { grid-area: 2 / 4 / 3 / 5; }
.dev-5 { grid-area: 3 / 1 / 4 / 3; }
.dev-6 { grid-area: 3 / 3 / 4 / 5; }
.develoments img{
width: 100%;
height: 100%;
object-fit: cover;
}
.info-develoments {
position: absolute;
width: 100%;
bottom: 0;
padding: 3rem;
z-index: 2;
}
.info-develoments img{
width: 1.5rem;
height: 1.5rem;
}
.of-cover{
object-fit: cover;
}
.banner-perfilate{
height: 35vh;
}
.text-right{
text-align: right;
}
.h-112x{
height: 7rem;
}
.h-300x{
height: 18.75rem;
}
.h-400x{
height: 25rem;
}
.h-500x{
height: 31.25rem;
}
.h-600{
height: 37.5rem;
}
.h-700x{
height: 43.75rem;
}
.h-900x{
height: 56.25rem;
}
.w-50{
width: 50%;
}
.w-33{
width: 33.33%;
}
.w-20{
width: 20%;
}
.w-25{
width: 25%;
}
.w-75{
width: 75%;
}
.gap-1{
gap: 1rem;
}
.form-group .form-label {
position: absolute;
top: 0.625rem;
left: 0.75rem;
}
.gap-18x{
gap: 18px;
}
.gap-10x{
gap: 10px;
}
input[type="checkbox"],input[type="radio"]{
display:none;
}
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
content: "";
display: block;
width: 17.5px;
height: 17.5px;
border: 2px solid var(--color-gray);
border-radius: 2px;
cursor: pointer;
}
input[type="checkbox"]:checked+label::before,
input[type="radio"]:checked+label::before{
background-color: var(--color-gray);
}
.bt-black{
border-bottom: 1px solid #000;
}
.form-control-file {
visibility: hidden;
}
.forms-divs{
display:none;
}
textarea.form-control{
height: 150px;
}
textarea.textarea-exp-lab{
height: 78px;
}
.card-blog-rigth .btn-blog,.card-blog-main .btn-blog{
position: absolute;
right: 20px;
bottom: 20px;
z-index: 1;
}
.info-blog-rigth {
padding: 20px;
}
.points-vacantes{
width: 80%;
max-width: 1058px;
margin: 0 auto;
position: relative;
}
.points-vacantes li {
background: #fff;
border: 1px solid #000;
width: 38px;
height: 38px;
border-radius: 100%;
position: relative;
z-index:2;
cursor: pointer;
}
.points-vacantes li.active{
border: 1px solid var(--color-purple-primary);
background-color: var(--color-purple-primary);
color: #fff;
}
.points-vacantes::before {
content: "";
position: absolute;
width: 100%;
border: 1px solid var(--color-gray-2);
z-index:1;
}
.list-vacantes {
font-size: 20px;
}
.list-vacantes li {
display: flex;
align-items: center;
}
.list-vacantes.text-center li {
justify-content: center;
}
.list-vacantes li::before {
content: '\25cf\a0';
font-size: 10px;
}
.w-80{
width: 80%;
max-width:66.125rem;
margin: 0 auto;
}
.h-800x{
height: 50rem;
}
.tkontainer-desarrollo {
padding-right: 2%;
padding-left: 8%;
}
.img-ronda {
width: 111px;
height: 123px;
object-fit: cover;
filter: grayscale(1);
}
.card-amenidades {
height: 18.75rem; }
.card-amenidades .icono,.list-info-ubi img {
width: 40px;
height: 40px;
}
.credit-bancario {
width: 200px;
border: 1px solid #fff;
padding: 10px;
text-align: center;
}
.logo-credit {
width: 122px;
}
.similarSwiper .info-develoments {
padding: 0;
width: 90%;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
}
.prl-10r{
padding-right: 10rem;
padding-left: 10rem;
}
.list-access{
list-style: decimal;
}
.list-especificaciones {
list-style: disc;
}
.list-especificaciones li {
text-align: center;
}
.amenidades-comercial {
width: 30%;
max-width: 9.375rem;
height: 7rem;
}
.text-upper{
text-transform: uppercase;
}
.sub-menu {
position: absolute;
background: #fff;
padding: 1rem;
left: -1rem;
display:none !important;
}
.pos-rel:hover .btn-header-menu+.sub-menu{
display: flex !important;
}
.arrow-model {
cursor: pointer;
}
.banner-video{
position: absolute;
height: 100vh !important;
object-fit: fill;
top: 0;
left: 0;
}
.banners-other {
position: absolute;
object-fit: cover;
}
.logo-img-banner {
position: relative;
z-index: 4;
}
.btns-floatings {
position: fixed;
right: 2.188rem;
bottom: 2.188rem;
z-index: 999;
}
.btn-floating {
width: 4.375rem;
height: 4.375rem;
border-radius: 100%;
}
.btn-floating img {
width: 2.188rem;
height: 2.188rem;
}
.banner-perfilate,.banners-other,.portada  {
z-index: 1;
}
.swal2-icon {
border-color: transparent !important;
margin: 0 !important;
margin-bottom: 1rem !important;
}
.content-blog img {
width: 100%;
}
.current-model-gallery {
overflow: hidden;
}
.single-desarrollo .characteristics-div-desarrollos .card-characteristics,
.characteristics-lotificacion .card-characteristics,
.single-plaza .characteristics-div-desarrollos .card-characteristics{
border: 1px solid var(--color-green-primary);
}
.gallerySwiper .swiper-wrapper,
.current-model-gallery .swiper-wrapper{
gap: 0.5rem;
}
.icon_bag {
position: absolute;
left: 1rem;
}
.similarSwiper .info-develoments > div:nth-child(1) {
margin-left: 3rem;
}
.btns-responsive-menu{
display:none;
width:20px;
height: 20px;
}
.text-btn-search{
display:none;
}
.characteristics-lotificacion .card-characteristics {
width: 10rem;
}
.input-error {
border: 1px solid #d94e20;
}
.gallerySwiper,.current-model-gallery {
height: 170px;
}
.single-plaza .floor {
width: 100%;
}
.block-paso {
background: #F2F2F2 !important;
cursor: not-allowed !important;
}
.zone-desarrollo > span:first-child {
text-transform: lowercase;
display: inline-block;
}
.zone-desarrollo .zone-text:first-letter {
text-transform: uppercase;
}
.amenidadesSwiper {
padding-top: 1rem;
}
.ob-cover {
object-fit: cover;
}
.floors-lists {
margin-top: 1rem;
}
.floor-list li {
margin: 2px 0;
}
.models-card-view .card-characteristics{
height: 8rem !important;
}
.models-card-view .swiper.mySwiper,.current-model-characteristics {
padding-right: 8px;
}
.info-coincidencias {
border-radius: 12px;
}
.current-model-characteristics .swiper-pagination {
bottom: -16px;
}
.img-testimonio {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 100%;
border: 2px solid var(--color-green-primary);
}
.testimoniosSlide {
height: 130px;
}
.results-plazas .info-principal-desarrollo {
margin-bottom: 2rem;
}
.mySwiper {
width: 100%;
}
.box-popup {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.6);
}
.popup {
position: absolute;
width: 80vw;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.close-popup {
position: absolute;
right: 8%;
top: 2rem;
font-size: 28px;
}
.results-concidencias-div {
background-color: var(--color-purple-primary);
color: white;
border-radius: 12px;
top: 50px;
height: 35px;
}
.pr-8p {
padding-right: 8% !important;
}
.content-blog a {
color: blue;
}
.content-blog ol {
margin-left: 1rem;
list-style: decimal;
}
.content-blog ul{
margin-left: 1rem;
list-style: disc;
}
.content-blog li {
margin-bottom: 12px;
}
.content-blog h2.wp-block-heading {
font-family: "DM Serif Display";
font-size: 2.1875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content-blog h1{
font-family: "DM Serif Display";
font-size: 3.5625rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content-blog h3{
font-family: "DM Serif Display";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content-blog h4{
font-family: Figtree;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.1875rem;
}
.content-blog h5{
font-family: Figtree;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.content-blog strong {
font-weight: bold;
}
.content-blog p {
font-size: 15px !important;
}
.develoments > div {
position: relative;
cursor: pointer;
}
#home-banner, #home-banner video {
height: 55vh !important;
object-fit: cover !important;
}
.card-zone-soldi {
height: 100px;
cursor: pointer;
border-radius: 2rem !important;
overflow: hidden;
}
.card-zone-soldi .info {
bottom: 20px;
}
.gallery-banner-desarrollo .img-gallery-home {
width: 100%;
height: 100%;
}
#btn-ver-mas-blog {
width: 150px;
}
.card-blog-main .pos-rel {
height: 200px;
}
.card-blog-rigth .pos-rel {
height: 242px;
}@media screen and (max-width: 1800px) {    .menu-header img {        width: 10.125rem;    }}@media screen and (max-width: 1660px){    body, html {        font-size: 15px;    }}@media screen and (max-width: 1460px){    body, html {        font-size: 14px;    }}@media screen and (max-width: 1380px){    body, html {        font-size: 12px;    }}@media screen and (min-width: 1081px) and (max-width: 1300px) {    select.filter-select {        width: 260px;    }}@media screen and (max-width: 1080px){    body,html{        font-size: 14px;    }    .coincidences-filter {        top: 20px;    }    .menu-gs{        display:none;        position: absolute;        top: 106px;        z-index: 99999;        background: white;        width: 100vw;        height: calc(100vh - 105px);        left: 0;        padding-top: 4.14rem;        padding-bottom: 4.14rem;    }    .menu-gs > div {        flex-direction: column;        align-content: center;        align-items: center;        gap: 0;    }    .open-menu{        display:block;    }    .menu-gs > div > a.btn-header-menu {        display: block;        width: 100%;        text-align: center;        padding: 1rem 0;        border-top: 1px solid;    }    .menu-gs > div > a.btn-header-menu:first-child{        border-top: none;    }    .menu-gs .pos-rel {        display: block;        border-top: 1px solid;        width: 100%;        text-align: center;        padding: 1rem 0;    }    .pos-rel > .btn-header-menu {        color: var(--color-gray);    }    .menu-gs .pos-rel {        display: block;        border-top: 1px solid;        width: 100%;    }    .menu-gs .sub-menu {        display: flex !important;        position: relative;        left: 0;        top: 0;        box-shadow: none;        background: none;        padding: 0;    }    .inputs-filter {        width: 100%;        flex-direction: column;    }    .filter form {        flex-direction: column;    }    select.filter-select{        width: 100%;    }    .text-btn-search{        display:block;    }    .control-filter i {        position: absolute;        transform: translateX(-12px);    }    .btn-search {        width: 100px;    }    .text-btn-search {        display: inline-block;        margin-right: 7px;        font-size: 16px;    }    .testimoniosSlide {        height: 190px;    }}@media screen and (max-width: 991px){    .testimoniosSlide {        height: auto;    }    .testimoniosSlide .swiper-wrapper{        padding-bottom:3rem;    }    .testimonio {        flex-direction: column;        height: auto;    }    .testimonio .w-50{        text-align: center;    }    .credits-perfilate > div {        display: grid !important;        grid-template-columns: 1fr 1fr;        justify-items: center;    }    .develoments{        grid-template-columns: repeat(4, 1fr);        grid-template-rows: repeat(3, 1fr);    }    .develoments > div{        height: 27.656rem;    }    .dev-1 { grid-area: 1 / 1 / 2 / 3; }    .dev-2 { grid-area: 1 / 3 / 2 / 5; }    .dev-3 { grid-area: 2 / 1 / 3 / 3; }    .dev-4 { grid-area: 2 / 3 / 3 / 5; }    .dev-5 { grid-area: 3 / 1 / 4 / 3; }    .dev-6 { grid-area: 3 / 3 / 4 / 5; }}@media screen and (min-width: 768px){ .modelsSwiper .card-models {        width: 25% !important;    }}@media screen and (max-width: 767px){    .modelsSwiper .justify-content-center{        justify-content: flex-start !important;    }    .popup .h-600 {        height: 50vh;    }    .testimonio .w-50 {        width: 100%;    }    body,html{        font-size: 15px;    }    .results-filter .characteristics-div-desarrollos {        padding: 2rem 0;    }    .floor {        text-align: center;    }    .header-banner {        padding: 1rem !important;    }    .develoments{        grid-template-columns: repeat(2, 1fr);        grid-template-rows: repeat(6, 1fr);    }    .dev-1 { grid-area: 1 / 1 / 2 / 3; }    .dev-2 { grid-area: 2 / 1 / 3 / 3; }    .dev-3 { grid-area: 3 / 1 / 4 / 3; }    .dev-4 { grid-area: 4 / 1 / 5 / 3; }    .dev-5 { grid-area: 5 / 1 / 6 / 3; }    .dev-6 { grid-area: 6 / 1 / 7 / 3; }    .banner-video {        object-fit: cover;    }    .redes-footer {        justify-content: center;    }    .direccion-header,.owr-blog a {        display: none;    }    .owr-blog {        justify-content: center !important;    }    .blog-destacados-home{        display: none !important;    }    .btn-search {        width: 100%;    }    .options-filter {        align-items: center;        justify-content: center;    }    .filter{        padding: 2rem;    }    .filter form,.inputs-filter {        gap: 25px;    }    .h1{        font-size: 32px;    }    .container-buscador {        margin-top: -140px;    }    .info-coincidencias{        font-size: 14px;        text-align: center;    }    .h2{        font-size: 22px;    }    .img-gallery-home {        height: 50vh;    }    .blog-home {        height: auto;        padding: 30px 0;    }    .overlay-blog-home {        height: 100%;    }    .footer-container-info {        max-width: auto;        display: flex;        flex-direction: column;        justify-content: center;        align-items: center;        padding: 0 2rem;    }    footer {        flex-direction: column;        align-items: center;    }    .footer-container-info ul,.footer-container-info ul a {        font-size: 16px;        flex-direction: column;        align-items: center;    }    .footer-container-info ul a span {        text-align: center;    }    .ptb-58,.ptb-116{        padding-top: 40px;        padding-bottom: 40px;    }    .info-principal-desarrollo {        flex-direction: column;    }    .social-media-desarrollos,.characteristics-div-desarrollos > a  {        display: none !important;    }    .coincidences-filter {        position: relative;        right: 0;        top: 0;        margin: 2rem 0;    }    .h-800x {        height: 250px !important;    }    .info-desarrollos,.info-principal-desarrollo > div {        margin-left: 0;    }    .zone-desarrollo, .name-desarrollo, .type-desarrollo {        text-align: center;        margin: 6px 0;    }    .text-center-md{        text-align:center;    }    .w-100-md{        width: 100% !important;    }    .valores-div,.begin-area,.acceso-comercial .tk-row,.especificaciones-comercial .tk-row,    .lotificacion-single .tk-row,.begin-desarrollo{        flex-direction: column-reverse;    }    #pageQuienesSomos .img-valores,.valores-div > div:nth-child(2),.video-qs,.history-text,.tkontainer-desarrollo {        padding: 0 !important;    }    .swiperProyects .swiper-slide > div {        flex-direction: column !important;        justify-content: center;        align-items: center;    }    .h-500x {        height: 250px;    }    .h-600,.h-600x,.h-700x,.h-400x {        height: 250px;    }    .logo-single-area {        width: 213px;    }    .begin-area > div,.begin-desarrollo > div {        align-items: center;        margin-top: 20px;    }    .ubicacion-comercial {        margin: 0 !important;    }    .ubicacion-comercial .tk-row > div:nth-child(2),    .acceso-comercial .tk-row > div:nth-child(1),    .amenidades-comercial-section .tk-row > div:nth-child(2),    .especificaciones-comercial .tk-row > div:nth-child(1){        padding: 26px !important;    }    .list-especificaciones,.begin-area > div:nth-child(1), .begin-desarrollo > div:nth-child(1)  {        padding: 0 26px;    }    .characteristics-lotificacion {        flex-direction: column;        gap: 0.5rem;    }    .single-desarrollo .without-pr {        padding-right: 8% !important;    }    .models-card-view .tk-row > div:nth-child(1) {        justify-content: center;        align-items: center;        gap: 8px;    }    .floors-lists, .info-purple-desarrollo > div {        flex-direction: column;        justify-content: center !important;        align-items: center !important;        width: 100%;    }    .models-card-view .tkontainer {        padding-right: 0 !important;        padding-left: 0 !important;    }    .characteristics-div-desarrollos .swiper-wrapper {        width: 80vw;    }    .info-purple-desarrollo {        margin-top: -3px;        padding: 26px;    }    .credit-section {        flex-direction: column;        gap: 20px;    }    .credit-section .w-20 {        width: 100%;        text-align: center;        display: flex;        flex-direction: column;        gap: 10px;    }    .ubicacion-desarrollo .tkontainer {        padding: 0 !important;    }    .ubicacion-desarrollo .tk-row {        flex-direction: column-reverse;    }    .pt-58{        padding-top: 40px !important;    }    .pb-58{        padding-bottom: 40px;    }    .info-ubicacion {        gap: 10px;        align-items: center;    }    .list-info-ubi > li {        flex-direction: column;        align-items: center;    }    .list-info-ubi {        align-items: center;        justify-content: center;    }    .banner-perfilate {        height: 150px;    }    .card-blog-main {        margin-bottom: 20px;    }    .card-blog-main .pos-rel {        height: 200px;    }    .b-black-md{        border-bottom: 1px solid #000000;    }    .form-perfilate form > div:nth-child(1),.requisitos-y-responsabilidades,.asociate form .tkontainer > div,    .btns-asociate,.unete .w-80 > .d-flex,.unete .w-80 .w-50 > .d-flex{        flex-direction: column;    }    .form-perfilate form .w-50,.asociate form .tkontainer > div .w-50,.asociate form button[type="submit"],    .postventa button[type="submit"],.points-vacantes,.requisitos-y-responsabilidades .w-50,.vacantes a,.unete .w-33,    .asociate form .tkontainer > div .w-50,.asociate form button[type="submit"],.unete .w-80,.unete .w-80 .w-50,    .paso-div .w-80 > div:last-child a,.unete .w-80 .w-50 .w-25,.unete .w-80 .w-50 .w-75{        width: 100% !important;    }    .form-perfilate form button[type="submit"] {        width: 100% !important;        margin-top: 10px;    }    .text-left-md{        text-align: left !important;    }    .list-vacantes li {        justify-content: flex-start !important;    }    .paso-div .w-80 > div:last-child {        gap: 10px;    }    .paso-number {        order: -1;    }    .paso-6 .w-80 > div {        gap: 18px;    }    .current-model-characteristics .swiper-slide {        height: 8rem;    }    .card-amenidades {        height: 10rem;    }    .card-amenidades img {        object-fit: contain;    }    .swiper-slide.card-characteristics {        height: 8rem;    }    .gallerySwiper, .current-model-gallery {        height: 100px;    }    .gallerySwiper img, .current-model-gallery img,.similarSwiper img {        object-fit: cover;    }    .img-video-embed-desarrollo {        height: 75vh;    }    #home-banner, #home-banner video {        height: 80vh !important;        object-fit: cover !important;    }}@media screen and (max-width: 540px){    .credits-perfilate > div img {        width: 140px;    }}@media screen and (max-width: 480px){    .postventa form .d-flex {        flex-direction: column;    }    .postventa form .w-25,.postventa form .w-75{        width: 100%;    }    .credits-perfilate > div img {        width: 120px;    }    .h1{        font-size: 24px;    }    .h2{        font-size: 16px;    }    .info-coincidencias{        width: 80vw;        text-align: center;        bottom: -100px;    }    .ptb-58,.ptb-116{        padding-top: 30px;        padding-bottom: 30px;    }    .pt-58{        padding-top: 30px !important;    }    .pb-58{        padding-bottom: 30px;    }    .characteristics-div-desarrollos .swiper-wrapper {        width: 95vw;    }}