.slide_carousel {background-color: #000;}
.slide .carousel-caption h2 { 
    font-size:  clamp(1.5rem, 2.5vw, 3rem);
    font-weight:800;
    line-height: 1;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.slide .carousel-caption h1 {
    font-weight:800;   
    color: #fff;
    font-size: clamp(1.5rem, 0.341rem + 5.8vw, 4.688rem);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    line-height: 110%;
   
}

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


/*------poner imagen a pantalla entera-----*/


.slide .carousel-item {
    height:calc(100vh - 132px) !important;
}

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

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

.slide .video-responsive {
    height: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.slide .video-responsive iframe, .slide .video-responsive object, .slide .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-item .overlay {
    position: absolute;
    top: 0;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%);*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.4) 100%);

    width: 100%;
    height: 100%;

}


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

    .slide .carousel-caption {
      
        right: 9%;
        left: 9%;
    }

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

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

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


/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .slide .carousel-caption {
        bottom: 10% !important;
        right: 9%;
        left: 9%;
    }
    .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-caption {
        bottom: 15% !important;
        right: 9%;
        left: 9%;
    }

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

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


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

}


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

}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  and (orientation: portrait) {
    .slide.slide_top {
        top: -100px;
        margin-bottom: -100px;
    }

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

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


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

    .slide.slide_top {
        top: -100px;
        margin-bottom: -100px;
    }

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

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

}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {
   /* .slide.slide_top { top: -100px; margin-bottom: -100px;    }*/


}


/*-------------galeria-------------------*/
.ug-textpanel-title {
    display: none !important;
}

.fondo_galeria {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(8, 52, 76, 0.3) 50%, rgba(8, 52, 76, 0) 100%);
}


/*----- banda logos ---*/
.banda_logos h2.sobre_titular {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
}


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

.presentacion.texto_teaser_dcha  h2 {
    font-size:clamp(2rem, 2.051rem + 2.25vw, 5rem);
    line-height: 100%;
    text-transform: uppercase;
    margin-top: -15px;
}

.presentacion.texto_teaser_dcha .tit_destacado{  line-height: 100%;}
.presentacion.texto_teaser_dcha  .texto_presentacion{  padding-right: 10%;}

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

.presentacion {
    background-color: #000;
}
.texto_presentacion .dcha{padding-left: 50px;}
.presentacion .texto_pres b {color: #FFF;}

.presentacion .tit_destacado, .presentacion p {color: #ccc;}




.presentacion  h2 {
    font-size:clamp(1.2rem, 1rem + 1.2vw, 3rem);
    line-height: 100%;
    font-weight: 800;

}

.presentacion .tit_destacado{  line-height: 100%; text-transform: uppercase; color:#fff; font-weight: 500; letter-spacing: 1px; font-size:0.8em ;}
/*.presentacion .texto_presentacion{  padding-right: 10%;}*/

.presentacion .bajo_raya{font-size: 0.85em; font-weight: 600;}
.presentacion .bajo_raya:hover span{color:#fff;}


.presentacion  .tit_vertical{
    color:#FFF; 
    transform: rotate(-90deg) translateX(-50%);    
    font-weight: 600;  
    font-size: 5em; 
    position: absolute; 
    left: -72px; 
    top:50%;   
    transform-origin: left top;
    letter-spacing: 5px;
    text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000;}

    .texto_presentacion{ position: relative; z-index: 2;}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .presentacion .tit_vertical { font-size: 3em; left: -10px;}
    .presentacion  h2 { margin-top: 0;    }
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
   
    .presentacion  h2 { margin-top: 0;    }
}

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


    
}
/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) and (orientation: portrait) {
    .presentacion .tit_vertical {     left: -58px;}
}


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

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  and (orientation: portrait)  {
    .texto_presentacion{margin-left: -100px;  position: relative; z-index: 2;}
}


/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {
    .texto_presentacion{margin-left: -100px; position: relative; z-index: 2;}
    
}
/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px){
   .texto_presentacion{margin-left: -100px; position: relative; z-index: 2;}
    
}











/*--------------titular jumbo ---------------------*/
.titular_jumbo {
    position: relative;
    /*background-image: url("../img/comedor_carta_index.webp");*/
    background-size: cover;
    background-repeat: no-repeat;
}

.titular_jumbo .overlay {
    position: absolute;
    top: 0;
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);*/
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 10%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 0.7) 75%);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.titular_jumbo .zona_titulares {
    z-index: 44;
    position: relative;
    color: #000;
}

.titular_jumbo .sobretitular {
    font-family: "Rouge Script", serif;
    font-weight: 400;
    font-size: clamp(1.3rem, 0.666rem + 2.92vw, 2rem);
    line-height: 100%;
}

.titular_jumbo h2 {
    font-size: clamp(1.75rem, 1.669rem + 0.4vw, 2.2rem);
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
}

.titular_jumbo p {
    font-size: 0.9em;
    line-height: 120%;
}

/*------------------servicios_imagenes-----------------------*/
.servicios_imagenes .presentacion_banda {
    /*background-image: url("../img/fondo_servicios_titular.jpg");*/
    background-position: center center !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.servicios_imagenes .sobretitular{
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.8em;}


.servicios_imagenes .presentacion_banda p {
    color: #000;
}

.servicios_imagenes {
    
    /*background-color: #917313;*/
    background-color: #b98c02;
}
.servicios_imagenes .caja{
    position: relative;
    display: block;
    padding: 5px;   
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1em;
}



.servicios_imagenes h2 {
  line-height: 80%;
    color: #FFF;
    font-size: clamp(2rem, 1rem + 2.18vw, 3rem);
    font-weight: 800;
}


.servicios_imagenes a .desc {
    color: #666;
    font-size: 0.9em;
}

.servicios_imagenes .fila_cajas a .datos {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;    
    transition: all 0.5s linear;
    color: #FFF;
}

.servicios_imagenes a figure {
    margin: 0;
    overflow: hidden;
    background-color: #000;
    border-radius: 20px;
    border:2px solid #ccb364;
}
.servicios_imagenes h3{color:#fff; font-size: 1.1em; font-weight: 600; letter-spacing: 2px;}
.servicios_imagenes a figure img {
   opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.servicios_imagenes a:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
}

.servicios_imagenes a:hover figure {
    overflow: hidden;
}



/*--------------media querys servicios_imagenes---------------------*/


/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {
    .servicios_imagenes h3 {   font-size: 1.9em;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .servicios_imagenes h3 {   font-size: 0.9em;}
}

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

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
    .servicios_imagenes h3 {
        font-size: 1em;
    }
}

/* 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) {
}

/*------------------servicios_imagenes cuadrada-----------------------*/
.servicios_imagenes_cuadradas {
    text-align: center;
    z-index: 99;
    position: relative;
}

.servicios_imagenes_cuadradas h2 {
    text-transform: uppercase;
    padding-bottom: 5px;
    text-align: center;
    font-size: clamp(1.25rem, 0.576rem + 3.37vw, 4rem);
    margin-top: -35px;
}

.servicios_imagenes_cuadradas .tit_destacado {
    text-align: center;
    margin-top: -20px;
}

.servicios_imagenes_cuadradas .nombre_caja {
    position: relative;
    display: block;
    padding: 5px;
    /* border-top: 1px solid #fff;
     border-bottom: 1px solid #ffff;*/
    text-transform: uppercase;
    font-weight: 600;
    font-size: clamp(1.5rem, 1.443rem + 0.29vw, 1.8rem);
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);

}

.fondo_negro {
    background-color: #000;
}

.servicios_imagenes_cuadradas a:hover .datos, .servicios_imagenes_cuadradas a:hover .overlay {
    opacity: 0;
}

.servicios_imagenes_cuadradas .fila_cajas {
    justify-content: center;
}


.servicios_imagenes_cuadradas .fila_cajas a .datos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 90%;
    transition: all 0.5s linear;
}

.servicios_imagenes_cuadradas .fila_cajas a .datos .ver {
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.servicios_imagenes_cuadradas .fila_cajas a {
    position: relative;
    display: block;
}

.servicios_imagenes_cuadradas .overlay {
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.5s linear;
}

.servicios_imagenes_cuadradas a figure {
    margin: 0;
    overflow: hidden;
}

.servicios_imagenes_cuadradas a figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.servicios_imagenes_cuadradas a:hover figure img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    overflow: hidden;
}

.servicios_imagenes_cuadradas a:hover figure {
    overflow: hidden;
}

.servicios_imagenes_cuadradas .nolink {
    cursor: default;
}


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


}

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

}

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

}


/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
    .servicios_imagenes_cuadradas {
        margin-top: -95px;
    }
}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  and (orientation: portrait) {
    .servicios_imagenes_cuadradas {
        margin-top: -95px;
    }
}


/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {
    .servicios_imagenes_cuadradas {
        margin-top: -100px;
    }


}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {
    .servicios_imagenes_cuadradas {
        margin-top: -100px;
    }


}


/*---------------- texto central imagenes laterales -----------------------------*/
.texto_central_imagenes_laterales {
    color: #333
}

.texto_central_imagenes_laterales {
    background-size: cover;
    background-position: center top;
}

.texto_central_imagenes_laterales h2 {
    font-size: clamp(1.438rem, 1.246rem + 0.96vw, 2.5rem);
    text-transform: uppercase;
}

.texto_central_imagenes_laterales .sobretitulo {
    font-size: clamp(1.875rem, 1.426rem + 2.25vw, 5.375rem);
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 600;
}

.texto_central_imagenes_laterales .sinopsis {
    font-weight: 400;
}

.texto_central_imagenes_laterales h2 {
    color: #000;
    font-weight: 300;
}


/*--------------medi querys---------------------*/


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


}

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


}

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

}

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

}


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

}

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

}


/* 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) {


}