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


.slide_carrusel .overlay {
    position: absolute;
    top: 0;
   /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.1) 100%);*/
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slide_carrusel h1 {
    font-size: clamp(1.875rem, 1.088rem + 3.93vw, 6.25rem);
    font-style: italic;
    font-weight: 600;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #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 p {
    line-height: 100%;
    font-size: clamp(1.063rem, 0.973rem + 0.45vw, 1.563rem);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}


.carousel-caption {
    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;
}

/*---------------------------------------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;
    }

    .slide_carrusel h1 {
        text-shadow: none;
        -webkit-text-stroke: 0px #fff;
        text-shadow: 0 1px 1px #fff, 0 1px 0px rgba(0, 0, 0, 0.8);
        color: #fff;
        -webkit-text-fill-color: transparent;
    }

    .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;
    }


}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
    .carousel-caption {
        bottom: 200px !important;
    }


}

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

    .carousel-caption {
        bottom: 200px !important;
    }


    .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) {

    .carousel-caption {
        bottom: 140px !important;
    }


}


/*--------------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: 0px !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;
}

.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) {
}