/**************** OwlCarousel Gallery****************/

.imageWidth{
width:50%;
margin-left: 25%;
}

.imageWidth1{
    
    width:30%;    
    margin-left:35%;
}


.sectionGalleryRB h2{

font-size: 40px;
color: #008c5f;
font-family:"suisse-bold";
}




/* Asegurarse de que todas las imágenes tengan el mismo tamaño */
.owl-carousel .item--1 img{
width: 400px; /* Ancho de cada imagen */
height: 400px; /* Alto de cada imagen */
margin-top: 5%;
object-fit: contain;
}

.owl-carousel .item--1 img {

width: 100%;
height: 100%;
}

.section-OwlCarousel h1{

font-family:"suisse-bold";
color: #008c5f;
}

.section-OwlCarousel h5{

font-family: "suisse-medium";
color: #008c5f;
}

@media(min-width: 1024px){

.section-OwlCarousel{

display: none;
}

}


/************ General Gallery 1024 ***********/


.pagination {
justify-content: right;
}

.page-item {

}

.page-link {

border: none;
color: #000;

}

.page-menu-links li a{

font-family: "suisse-medium";

}


.page-menu-links li a:hover{

color: #fff;

background-color: #008c5f;

}

.contenido-oculto {
display: none;
}

.contenido-oculto img{


width: 100%;
height: 350px;
object-fit: cover;
}

.contenido-visible {
display: block;
}




@media(min-width:768px){

.section-OwlCarousel{
    
    display:none;
}



.sectionGallery{


display: revert;
}

.contenido-oculto img{

width: 100%;
height: 150px;
object-fit: cover;

}

}



@media(min-width:1024px){


.sectionGallery{


display: revert;
}

.contenido-oculto img{

width: 100%;
height: 250px;
object-fit: cover;

}

}

@media(min-width:1440px){


.sectionGallery{


display: revert;
}

.contenido-oculto img{

width: 100%;
height: 280px;
object-fit: cover;

}

}

/**************** OwlCarousel Areas Comunes *****************/


/* Anular el color de fondo en el hover para el contenedor de los iconos next y previous */
.slick-prev-btn:hover, .slick-next-btn:hover {
background-color: #008c5f; /* O utiliza cualquier color que desees o 'transparent' para quitar el fondo */
}


.slick-prev-btn:active, .slick-next-btn:active {
background-color: #008c5f;
}

/* Anular el color de fondo en el estado activo para el contenedor de los iconos next y previous */
.slick-prev-btn:active, .slick-next-btn:active {
background-color: #008c5f;
}

/* Anular el color de fondo en el estado enfocado para el contenedor de los botones next y previous */
.slick-prev-btn:focus, .slick-next-btn:focus {
background-color: #008c5f;
outline: none; /* Para eliminar el borde de enfoque predeterminado */
}

/* Anular el color de fondo en el estado enfocado para el contenedor de los iconos next y previous */
.carousel-control-prev-icon:focus, .slick-next-btn:focus {
background-color: #008c5f;
}


.SectionCarouselAreasComunes {
width: 100%;
height: 100vh;
position: relative;
}

.SectionCarouselAreasComunes h1{

font-size: 61px;
color: #008c5f;
font-family:"suisse-bold";
margin-top: 2.5%;
margin-bottom: 2.5%;

}

.containerTextSlickCarousel {
width: 25%;
}

.slide-text {

top: 40%;
width: 24%;
position: absolute;
left:1%;
}

.slide-text h1{

font-family:"suisse-bold";
}
.slide-text p{

font-family: "suisse-regular";
}


.slick-carousel img {
max-width: 100%;
height: auto;
margin: 10px; /* Ajusta el margen según tus necesidades */
}

.slick-center img {
width: 892px;
height: 669px;

}

/* Estilo para los botones de siguiente y anterior */
.slick-nav-btn {
position: absolute;
bottom: 10px;
padding: 10px;
cursor: pointer;
color: white;
background-color: #008c5f;
border: none;
}

.slick-next-btn {
right: 10px;
}

.slick-prev-btn {
left: 10px;
}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 100%;
left: 88.5%;

}

.btn--direccion-2{

position: absolute;
top: 100%;
left: 100%;
z-index: 20;

}

@media(min-width:320px){
    
 .SectionCarouselAreasComunes{
    
    display:none;
     
 }   
    
}



@media (min-width: 768px) {

.SectionCarouselAreasComunes {
display:revert;
height:500px;

}

.SectionCarouselAreasComunes h1 {

font-size:54px;
margin-left:5%;

}

.slick-carousel img{

width: 220px;
height: 140px;

}
.slick-center img {
width: 330px;
height: 260px;
}

.slide-text {

top: 52%;
width: 22%;
left:5%;

}

.slide-text img{

width:32px;
height:32px;

}

.slide-text h1{
margin:0;
font-size: 17px;

}

.slide-text p{

width: 100%;
font-size:9px;

}

.btn--direccion-1{

z-index: 20;
top: 82.2%;
left: 85%;

}

.btn--direccion-2{

top: 82.2%;
left: 100%;
z-index: 20;

}

.slick-nav-btn{

width:50px;
height:66px;

}

}

@media (min-width: 850px) {

.SectionCarouselAreasComunes {

height:500px;

}

.SectionCarouselAreasComunes h1 {

font-size:54px;
margin-left:5%;

}

.slick-carousel img{

width: 220px;
height: 140px;

}
.slick-center img {
width: 330px;
height: 260px;
}

.slide-text {

top: 52%;
width: 22%;
left:5%;

}

.slide-text img{

width:32px;
height:32px;

}

.slide-text h1{
margin:0;
font-size: 17px;

}

.slide-text p{

width: 100%;
font-size:9px;

}

.btn--direccion-1{

z-index: 20;
top: 82.2%;
left: 86%;

}

.btn--direccion-2{

top: 82.2%;
left: 100%;
z-index: 20;

}

.slick-nav-btn{

width:50px;
height:66px;

}

}



@media (min-width: 1024px) {

.SectionCarouselAreasComunes {

height:600px;

}

.SectionCarouselAreasComunes h1 {

font-size:54px;
margin-left:5%;

}

.slick-carousel img{

width: 250px;
height: 170px;

}
.slick-center img {
width: 400px;
height: 330px;
}

.slide-text {

top: 54%;
width: 22%;
left:5%;

}

.slide-text img{

width:32px;
height:32px;

}

.slide-text h1{
margin:0;
font-size: 17px;

}

.slide-text p{

width: 100%;
font-size: 10px;

}

.btn--direccion-1{

z-index: 20;
top: 82.2%;
left: 89%;

}

.btn--direccion-2{

top: 82.2%;
left: 100%;
z-index: 20;

}

.slick-nav-btn{

width:50px;
height:66px;

}

}


@media (min-width: 1080px) {

.SectionCarouselAreasComunes {

height:600px;

}

.SectionCarouselAreasComunes h1 {

font-size:54px;
margin-left:5%;

}

.slick-carousel img{

width: 250px;
height: 170px;

}
.slick-center img {
width: 400px;
height: 330px;
}

.slide-text {

top: 54%;
width: 22%;
left:5%;

}

.slide-text img{

width:32px;
height:32px;

}

.slide-text h1{
margin:0;
font-size: 17px;

}

.slide-text p{

width: 100%;
font-size: 10px;

}

.btn--direccion-1{

z-index: 20;
top: 82.2%;
left: 90%;

}

.btn--direccion-2{

top: 82.2%;
left: 100%;
z-index: 20;

}

.slick-nav-btn{

width:50px;
height:66px;

}

}


@media (min-width: 1200px) {

.SectionCarouselAreasComunes {

height:600px;

}

.SectionCarouselAreasComunes h1 {

font-size:54px;
margin-left:5%;

}

.slick-carousel img{

width: 250px;
height: 170px;

}
.slick-center img {
width: 400px;
height: 330px;
}

.slide-text {

top: 54%;
width: 22%;
left:5%;

}

.slide-text img{

width:32px;
height:32px;

}

.slide-text h1{
margin:0;
font-size: 17px;

}

.slide-text p{

width: 100%;
font-size: 10px;

}

.btn--direccion-1{

z-index: 20;
top: 82.2%;
left: 90.5%;

}

.btn--direccion-2{

top: 82.2%;
left: 100%;
z-index: 20;

}

.slick-nav-btn{

width:50px;
height:66px;

}

}


@media (min-width: 1280px) {

.SectionCarouselAreasComunes {

height: 700px;

}


.SectionCarouselAreasComunes h1{

width:900px;
font-size:72px;
margin-left:7%;

}

.slide-text {

top: 55%;
width: 25%;
position: absolute;
left:7%;
}

.slick-carousel img{
width: 300px;
height: 200px;
}


.slick-center img {
width: 450px;
height: 380px;
}

.slide-text h1{
margin:0;
font-size: 29.5px;
}

.slide-text p{

width: 90%;
font-size: 12.5px;

}

.slide-text img{

width: 51px;
height: 51px;

}

.slick-nav-btn{

width:90px;
height:106px;

}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 82.5%;
left: 86.5%;

}

.btn--direccion-2{

position: absolute;
top: 82.5%;
left: 100%;
z-index: 20;

}

}


@media(min-width: 1440px){
    

.SectionCarouselAreasComunes {

height: 800px;

}


.SectionCarouselAreasComunes h1{

width:900px;
font-size:72px;
margin-left:5%;

}

.slide-text {

top: 55%;
width: 25%;
position: absolute;
left:5%;
}

.slick-carousel img{
width: 350px;
height: 250px;
}


.slick-center img {
width: 580px;
height: 450px;
}

.slide-text h1{
margin:0;
font-size: 29.5px;
}

.slide-text p{

width: 90%;
font-size: 12.5px;

}

.slide-text img{

width: 51px;
height: 51px;

}

.slick-nav-btn{

width:90px;
height:106px;

}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 81.5%;
left: 86.5%;

}

.btn--direccion-2{

position: absolute;
top: 81.5%;
left: 100%;
z-index: 20;

}

}


@media(min-width: 1680px){
    

.SectionCarouselAreasComunes {

height: 900px;

}


.SectionCarouselAreasComunes h1{

width:900px;
font-size:72px;
margin-left:12%;

}

.slide-text {

top: 53%;
width: 20%;
position: absolute;
left:12%;
}

.slick-carousel img{
width: 350px;
height: 250px;
}


.slick-center img {
width: 650px;
height: 500px;
}

.slide-text h1{
margin:0;
font-size: 29.5px;
}

.slide-text p{

width: 90%;
font-size: 12px;

}

.slide-text img{

width: 51px;
height: 51px;

}

.slick-nav-btn{

width:122px;
height:138px;

}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 79%;
left: 86.5%;

}

.btn--direccion-2{

position: absolute;
top: 79%;
left: 100%;
z-index: 20;

}

}


@media(min-width: 1920px){
    

.SectionCarouselAreasComunes {

height: 900px;

}


.SectionCarouselAreasComunes h1{

width:900px;
font-size:72px;
margin-left:12%;

}

.slide-text {

top: 55%;
width: 20%;
position: absolute;
left:12%;
}

.slick-carousel img{
width: 350px;
height: 250px;
}


.slick-center img {
width: 650px;
height: 500px;
}

.slide-text h1{
margin:0;
font-size: 29.5px;
}

.slide-text p{

width: 90%;
font-size: 15px;

}

.slide-text img{

width: 51px;
height: 51px;

}

.slick-nav-btn{

width:122px;
height:138px;

}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 80.95%;
left: 86.5%;

}

.btn--direccion-2{

position: absolute;
top: 80.95%;
left: 100%;
z-index: 20;

}

}

@media only screen and (min-device-width: 2560px){


.SectionCarouselAreasComunes {

height: 900px;

}


.SectionCarouselAreasComunes h1{

width:900px;
font-size:72px;
margin-left:12%;

}

.slide-text {

top: 55%;
width: 20%;
position: absolute;
left:12%;
}

.slick-carousel img{
width: 350px;
height: 250px;
}


.slick-center img {
width: 650px;
height: 500px;
}

.slide-text h1{
margin:0;
font-size: 29.5px;
}

.slide-text p{

width: 90%;
font-size: 15px;

}

.slide-text img{

width: 51px;
height: 51px;

}

.slick-nav-btn{

width:122px;
height:138px;

}

.btn--direccion-1{

position: absolute;
z-index: 20;
top: 80.95%;
left: 86.5%;

}

.btn--direccion-2{

position: absolute;
top: 80.95%;
left: 100%;
z-index: 20;

}



}


/********** OwlCarouselMobile***********/
   .areas-comunes-mobile{
    width:100%;
    background-color: #151618;
    overflow-x: hidden;
   }


  .areas-comunes-mobile h1{

    color: #008c5f;
    font-size: 21px;
    font-family:"suisse-bold";
    line-height:10px;

  }

  .areas-comunes-text-mobile{
    margin-left:12%;
  }

  .areas-comunes-mobile h5{

    color: #008c5f;
    font-size: 10px;
    font-family: "suisse-regular";

  }

  .carouselAreasComunesMobile-class img{
    width: 85%;
    height: 60vh;
    object-fit: cover;
  }

  .content-itemText-ac{

    width: 55%;
    margin-left: 12%;
  }
  .content-itemText-ac p{

    font-size: 12px;
    color: #fff;

  }
  .content-flecha-1-AreasComunes img{
      width:3.5rem;
  }
  
   .content-flecha-2-AreasComunes img{
      width:3.5rem;
  }



  /******** row iconos *********/ 

  .rowIconsAreasComunes{

    display: flex;
    margin-left:10%;
  }

  .rowIconsAreasComunes h1{

    font-size:14px;
  }


  .rowIconsAreasComunes img{

      width: 36px;
      height: 36px;
  }

@media(min-width:768px){
    
    .areas-comunes-mobile{
        
        display:none;
    }
    
}

/******** MOBILE GALLERY **********/

  .content-galeria-mobile{

    width:100%;
    height: auto;
    margin-bottom: 15%;


  }

  .carouselGaleriaMobile-class{
    width:80%;
    left:50%;
    transform:  translate(-50%);
  }
  .carouselGaleriaMobile-class h1{
      
      font-family:"suisse-bold";      
      font-size:24px;
        
  }
  .carousel-img-galeria{
    width: 100%;
  }

  .content-text-galeria-mobile{
      top:100%;
      z-index: 20;
      display: flex;
      left:50%;
      transform: translate(-50%);
  }

  .content-num-galeria h1{
      font-family: "suisse-medium";
      font-size: 24px;
      color:  #008c5f;
     

  }
  .content-flecha-1-galeria img{
    width:2.5rem;
  }

  .content-flecha-2-galeria img{
    width:2.5rem;
  }



@media(min-width:319px){
    
    .sectionGalleryRB{
        
        display:none;
    }
    
}


@media(min-width:768px){
    
    .content-galeria-mobile{
        
        display:none;
    }
    
    .sectionGalleryRB{
        
        display:revert;
    }
}





/************** PLANOS MOBILE ***************/

.carouselDepartamentosmMobile{

 width: 100%;
   
}

.carouselDptoMobile-class{
    
    top: 5%;
    width: 80%;
    left: 50%;
    transform: translate(-50%);

}

.carouselDpto-text h1{
    
    font-size:21px;
    font-family:"suisse-bold";
}

.carouselDpto-text h2{
    
    font-size:15px;
    font-family: "suisse-regular";
}


.color-prev img{
    
    width:3rem;
    
}

.color-next img{
    
    width:3rem;
    
}

@media(min-width:768px){
    
    .carouselDepartamentosmMobile{
        
        display:none;
    }
    
    
}


/*************** CERCA DE TI MOBILE ************/

 .cerca-deti-mobile{
    width:100%;
    background-color: #151618;
    overflow-x: hidden;
   }


  .cerca-deti-mobile h1{
    font-family:"suisse-bold";
    color: #008c5f;
    font-size: 21px;
    line-height:10px;
    

  }

  .cerca-deti-text-mobile{
    margin-left:12%;
  }

  .cerca-deti-mobile h5{
    font-family: "suisse-regular";
    color: #008c5f;
    font-size: 10px;
   

  }

  .carouselCercaDeTi-class img{
    width: 85%;
    height: 45vh;
    object-fit: cover;
  }

  .content-itemText-cdt{

    width: 55%;
    margin-left: 12%;
  }
  .content-itemText-cd p{

    font-size: 12px;
    color: #fff;

  }


  /******** row iconos *********/ 

  .rowIconsCercaDeTi{

    display: flex;
    margin-left:10%;
  }

  .rowIconsCercaDeTi h1{
    font-family: "suisse-regular";
    font-size:12px;
    color: #008c5f;
  }


  .rowIconsCercaDeTi img{

      width: 36px;
      height: 36px;
  }
  
  .content-flecha-1-CercaDeTi img{
      
      width:3.5rem;
  }
  .content-flecha-2-CercaDeTi img{
      
      width:3.5rem;
      
  } 

    
    @media(min-width:320px){
        
        .section-cerca-de-ti{
            
            display:none;
            
        }
        
    }
    
    
    @media(min-width:768px){
        .cerca-deti-mobile{
            
            display:none;
        }
        .section-cerca-de-ti{
            
            display:revert;
        }
    }
    
/*************** CERCA DE TI MOBILE ************/    


/************** OTROS DEPARTAMENTOS *************/


@media(min-width:319px){
  .section-otherDptos{
      
      display:none;
  }  
    
}

@media(min-width:768px){
      .section-otherDptos{
      
      display:revert;
  }  
    .odp-left{
        
        display:none;
    }
    
    .odp-right{
        display:none;
    }
    .content-odpm-img{
        display:none;
    }

}