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


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

.slide_carrusel h1 {
    font-size: clamp(1.875rem, 5vw, 6.25rem);
    font-style: italic;
    font-weight: 500;
    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 {
    text-align: left;
    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: 28vh !important;
    }

    .slide .carousel-item img {
        height: 28vh !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;
    }
    .carousel-caption {right: 7%; bottom: 1.20rem; left:7%;}

   
    .carousel-caption .btn_corporativo {  font-weight: 400;    padding: 5px 25px; letter-spacing: 0px;}
    

}

/* 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: 37vh !important; }
    .carousel-caption { bottom: 10% !important;    }

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


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

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

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

    .carousel-caption {
        bottom: 12% !important;
    }


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

    .slide .carousel-item img {
        height: 60vh !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: 600;
    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: 600;
    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: left;
    }
}

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

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

    .texto_presentacion .texto_pres, .presentacion .texto_pres {
        text-align: left;
    }
}