/*------------------slide------------------------*/


.slide_carrusel .overlay {
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.3) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.slide_carrusel {
    background-color: #000;
}
.slide_carrusel h1 {
     font-size: clamp(1.5rem, 2.5vw, 3rem);  
    text-transform: uppercase;  
    font-weight: 400;
    text-shadow: 
    0 1px 0 #ccc, 
    0px 0px 0px #c9c9c9,
     0 0 5px rgba(0, 0, 0, .1),
      0 1px 3px rgba(0, 0, 0, .3), 
      0 3px 5px rgba(0, 0, 0, .2), 
      0 5px 10px rgba(0, 0, 0, .25), 
      0 10px 10px rgba(0, 0, 0, .2), 
      0 20px 20px rgba(0, 0, 0, .15);

    color: #fff;
    line-height: 100%;

}




.carousel-caption {
    position: absolute;
  top: 50%; 
  transform: translate(0%, -50%); 
    z-index: 2;
}

.carousel-item {
    transition: transform 0.5s ease, opacity .5s ease-out !important;
}


.slide .carousel-item img {
    height: calc(100vh - 54px) !important;
    object-fit: cover;
}

.carousel-caption .btn_corporativo{text-shadow: none; -webkit-box-shadow: 0 4px 35px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 4px 35px 0 rgba(0,0,0,0.75);
    box-shadow: 0 4px 35px 0 rgba(0,0,0,0.75);}

    .carousel-caption .btn_corporativo:hover{
        -webkit-box-shadow: 0 4px 35px 0 rgba(0,0,0,1);
        -moz-box-shadow: 0 4px 35px 0 rgba(0,0,0,1);
        box-shadow: 0 4px 35px 0 rgba(0,0,0,1);}

/*---------------------------------------media query-----------------------------*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {

    .slide .carousel-item {
        height: 35vh !important;
    }

    .slide .carousel-item img {
        height: 35vh !important;
        object-fit: cover;
    }

    .carousel-caption { top: 35%;}
    .carousel-caption p {
        line-height: 100%;
        font-size: 0.875em;
    }


}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {


    .slide .carousel-item {
        height: 80vh !important;
    }

    .slide .carousel-item img {
        height: 80vh !important;
        object-fit: cover;
    }


}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {


    .slide .carousel-item {
        height: 100vh !important;
    }

    .slide .carousel-item img {
        height: 100vh !important;
        object-fit: cover;
    }


}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) and (orientation: portrait) {

    .slide .carousel-item { height: 40vh !important; }
    .slide .carousel-item img { height: 40vh !important; object-fit: cover; }
}


/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
  
    .slide .carousel-item { height: 40vh !important; }
    .slide .carousel-item img { height: 40vh !important; object-fit: cover; }


}


/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {

 


    .slide .carousel-item {
        height: 45vh !important;
    }

    .slide .carousel-item img {
        height: 45vh !important;
        object-fit: cover;
    }

}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {

   


}
/*--------------catalogo---------------------*/

.productos .fila_cajas h3{text-align: center; text-transform: uppercase; font-size: clamp(1rem, 0.964rem + 0.18vw, 1.188rem);}
.productos .sobre_titulo {font-size:clamp(1.25rem, 1.19rem + 0.3vw, 1.563rem);}
.productos h2 { font-size: clamp(1.625rem, 1.339rem + 1.43vw, 3.125rem); text-transform: uppercase; color: #000;}

/*--------------presentacion---------------------*/

.presentacion.texto_teaser_dcha h2 {
    font-size: clamp(1.875rem, 1.538rem + 1.69vw, 3.75rem);
    line-height: 120%;
    font-weight: 500;
    font-style: italic;
    margin-top: 2px;
}

.presentacion.texto_teaser_dcha:nth-child(2) {
    margin-top: 0 !important;
}

.presentacion.texto_teaser_dcha .sobretitular {
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.presentacion.texto_teaser_dcha .texto_presentacion {
    padding-right: 10%;
}

.presentacion h2 {
    font-size: clamp(1.875rem, 1.538rem + 1.69vw, 3.75rem);
    line-height: 120%;
    font-weight: 500;
    font-style: italic;
    margin-top: 2px;
    color:#fff;
}


.presentacion .sobretitular {
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.presentacion .bajo_raya {
    font-size: 0.85em;
    font-weight: 600;
}

.presentacion .bajo_raya:hover span {
    color: #fff;
}

/*----- media queries presentacion ---*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {
    .presentacion.texto_teaser_dcha .tit_destacado {
        margin-bottom: 15px;
    }

    .presentacion.texto_teaser_dcha .texto_presentacion {
        padding-right: 0;
    }

    .presentacion h2 {
        margin-top: 0;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .presentacion.texto_teaser_dcha .tit_destacado {
        margin-top: -20px;
        margin-bottom: 26px;
    }

    .presentacion.texto_teaser_dcha .texto_presentacion {
        padding-right: 0;
    }

    .presentacion h2 {
        margin-top: 0;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
    .texto_presentacion .texto_pres, .presentacion .texto_pres {
        text-align: justify;
    }
}

/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {
    .texto_presentacion .texto_pres, .presentacion .texto_pres {
        text-align: justify;
    }
}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {

    .texto_presentacion .texto_pres, .presentacion .texto_pres {
        text-align: justify;
    }
}
/*------------------principales servicios-----------------------*/
.servicios_principales{ background: linear-gradient(#fff, #f2f2f2);    }
.servicios_principales .caja_areas{ text-align: center;}
.servicios_principales .caja_areas p{ font-size: 0.9em; color:#666;}
.servicios_principales .caja_areas .titular_areas{ font-size: 1.5em; color:#333;  transition:color 2s linear; text-transform: capitalize;}
.servicios_principales .caja_areas a:hover .titular_areas{  color:#000;}
.servicios_principales .circle-bg i{ font-size: 2em;  margin-top: 0.7em;}

.servicios_principales .circle-bg {
    width: 80px;
    text-align: center;
    position: relative;
    height: 80px;
    border-radius: 900px;
}

.servicios_principales .main-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.servicios_principales .dot-circle {
    position: relative;
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 90px;
    transition: 2s linear;
    background-color: #ffffff80;
}

.servicios_principales .dot-circle:hover{ transform: rotate(360deg);}

/*----- media queries servicios principales ---*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {
    .servicios_principales .dot-circle {margin-bottom: 0;  width: 100px; height:100px;}
    .servicios_principales .caja_areas .titular_areas { font-size: 1.2em;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .servicios_principales .dot-circle {margin-bottom: 0;}
    .servicios_principales .caja_areas .titular_areas { font-size: 1.2em;}
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    .servicios_principales .dot-circle {margin-bottom: 0;width: 100px; height: 100px;}
    .servicios_principales .caja_areas .titular_areas { font-size: 1.2em;}
}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {

}

/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {

}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {
}