*{

margin: 0;
padding: 0;
box-sizing: border-box;

}

/* Estilo para los elementos del segundo carrusel (15vh) */
.carousel-small {
height: 20vh;
background-color: #000;
}

.carousel-item-1{
text-align: center;
padding: 20px;
cursor: pointer;
}


.carousel-small .carousel-item-1 {
display: flex;
justify-content: center;
align-items: center;

}


.carousel-item-1.selected {
            
height: 20vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:50%;

}


/*** MOBILE***/
@media(min-width:319px){
    
.carousel-small{
    
    display:none;
}
    
}
/*** MOBILE***/

@media(min-width:768px){

.carousel-small {
display:revert;
height: 10vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 10vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}
}

@media(min-width:850px){

.carousel-small {
height: 10vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 10vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}
}



@media(min-width:1024px){

.carousel-small {
height: 15vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 15vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}
}


@media(min-width:1100px){

.carousel-small {
height: 14vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 14vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}


@media(min-width:1200px){

.carousel-small {
height: 16vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 16vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}
@media(min-width:1280px){

.carousel-small {
height: 15vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 15vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}

@media(min-width:1440px){

.carousel-small {
height: 17vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 17vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}

@media(min-width:1600px){
    
.carousel-small {
height: 15.5vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 15.5vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}



@media(min-width:1680px){
    
.carousel-small {
height: 16.7vh;
background-color: #000;
}
    
.carousel-item-1.selected {
            
height: 16.7vh;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}


@media(min-width:1750px){

.carousel-small {
height: 180px;
background-color: #000;
}
    
.carousel-item-1.selected {
width:18rem;         
height: 18rem;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}


@media(min-width:1800px){

.carousel-small {
height: 180px;
background-color: #000;
}
    
.carousel-item-1.selected {
width:18rem;         
height: 18rem;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}




@media(min-width:1920px){

.carousel-small {
height: 180px;
background-color: #000;
}
    
.carousel-item-1.selected {
width:18rem;         
height: 18rem;
background-color: #161815; /* Cambia el color de fondo cuando está seleccionado */

}

.imgCarouselSmall{

 width:100%;

}

}




/********* Carousel Big **********/

.carousel-big {
height: 85vh;
background-color: #161815;
}


.container-apt {

width: 100%;
height: 85vh;
position: relative;
background-color: #151816;

}

.container-apt-img{

    display: flex;
    justify-content: center;
    align-items: center;

}

.container-apt-img img{


    width: 75%;


}

/*** MOBILE***/

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


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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 320px;
    display:revert;


}
.container-apt {


    width: 100%;
    height: 320px;
}


}

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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 350px;


}
.container-apt {


    width: 100%;
    height: 350px;
}


}




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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 400px;


}
.container-apt {


    width: 100%;
    height: 450px;
}


}

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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 450px;


}

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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 500px;


}

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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height: 550px;


}
.container-apt {


    width: 100%;
    height: 750px;
}


}

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

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

.carousel-big{

    height:600px;


}
.container-apt {


    width: 100%;
    height: 900px;
}


}


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

.container-apt{
    
    width:100%;
    height:900px;
    
}

.carousel-big{

    height: 700px;


}

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

}





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

.container-apt{
    
    width:100%;
    height:900px;
    
}

.carousel-big{

    height: 700px;


}

.container-apt-img img{


    width: 75%;
    object-fit:cover;


}

}

@media only screen and (min-device-width: 1750px){
    
.container-apt{
    
    width:100%;
    height:900px;
    
}

.carousel-big{

    height: 750px;


}

.container-apt-img img{


    width: 70%;
    object-fit:cover;


}

}

@media only screen and (min-device-width: 1800px){
    
.container-apt{
    
    width:100%;
    height:900px;
    
}

.carousel-big{

    height: 750px;


}

.container-apt-img img{


    width: 70%;
    object-fit:cover;


}

}



@media only screen and (min-device-width: 1920px)and (max-width: 2560px){
    
.container-apt{
    
    width:100%;
    height:900px;
    
}

.carousel-big{

    height: 750px;


}

.container-apt-img img{


    width: 70%;
    object-fit:cover;


}

}

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

.container-apt-img img{


    width: 100%;
   


}

.carousel-big{

    height: 90vh;


}
.container-apt {


    width: 100%;
    height: 100vh;
}


}

*/
.slick-prev1,
.slick-next1 {
  border:none;
  z-index: 21;
  font-size: 0;
  line-height: 0;
  width:25px;
  height:25px;
  background-size: cover !important; /* Añade !important para asegurar la prioridad */
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  color: transparent;
  display:block; /* Cambia visibility: hidden; a display: none; */

}


/************* Configuracion botones Slider **************/

.slick-prev1{
	top:-6%;
	position:absolute;
	left: 81%;
}

.slick-prev1:hover{
    
   background-color:transparent;
    
}
.slick-next1{
	top:-6%;
	position:absolute;
	left: 90%;
}

.slick-next1:hover{
    
   background-color:transparent;
    
}

.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 19rem;
  height: 18rem;
  
}


.slick-prev1::before {
  background:#008c5f url('https://montecatini.com.pe/wp-content/uploads/2023/11/imagenes/owl-carousel-areas/flecha-izquierda.png');
  background-position: center; /* Ajusta para centrar la imagen horizontalmente */
  background-repeat: no-repeat;
  top: 0%;
  opacity: 1;
}

.slick-next1::before {
  background-image: url('https://montecatini.com.pe/wp-content/uploads/2023/11/imagenes/owl-carousel-areas/flecha-derecha.png');
  background-position: center; /* Ajusta para centrar la imagen horizontalmente */
  top: 0%;
  opacity: 1;
 
}

.slick-next1:focus{
	background-color: transparent;
}
.slick-prev1:focus{
	background-color: transparent;
}


@media(min-width:1024px){
    
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 12rem;
  height: 12rem;
} 

.slick-prev1{
   
	position:absolute;
	left: 81.5%;
}

.slick-next1{
 
	position:absolute;
	left: 90.7%;
}
    
}

@media(min-width:1100px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 10.1rem;
  height: 10.1rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 81.7%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.7%;
}
    
}

@media(min-width:1200px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 12rem;
  height: 11.7rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90%;
}
    
}


@media(min-width:1280px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 12rem;
  height: 11.7rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 81.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.7%;
}
    
}



@media(min-width:1440px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 14rem;
  height: 14.25rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 81.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 91%;
}
    
}


@media(min-width:1600px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 15.5rem;
  height: 15.5rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.8%;
}
    
}

@media(min-width:1680px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 15.5rem;
  height: 15.5rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.8%;
}
    
}


@media(min-width:1750px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 18rem;
  height: 18rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.65%;
}
    
}





@media(min-width:1800px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 18rem;
  height: 18rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.65%;
}
    
}




@media(min-width:1920px)and (max-width: 2560px){
   
.slick-prev1::before,
.slick-next1::before {
  content: '';
  background-repeat: no-repeat;
  background-color: #008c5f;
  display: block;
  width: 18rem;
  height: 18rem;
} 

.slick-prev1{
	top:-5.5%;
	position:absolute;
	left: 82.5%;
}

.slick-next1{
	top:-5.5%;
	position:absolute;
	left: 90.65%;
}
    
}