/*----slide----*/
.carousel-caption {
    bottom: 70px !important;
    z-index: 2;
}
.carousel-caption h1{  font-size: clamp(2rem, 5vw, 5rem); font-weight: 600; line-height: 100%;   text-shadow: 0 0 4px #666, 0 0 8px #666;}
.carousel-caption .tit_destacado{ font-size: clamp(0.9rem, 2vw + 1rem, 2rem); color:#fff; font-weight: 400;
    text-shadow: 0 0 10px #f10404, 0 0 20px #f10404, 0 0 30px #f10404;
    }
.carousel-item .overlay {
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 100%;
    z-index: 1;
}


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



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

.elementor-shape-bottom {
    bottom: 89px;
    position: relative;
    z-index: 10;
}

.elementor-shape-bottom:not([data-negative=true]) svg {
    z-index: -1;
}

.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top {
    transform: rotate(180deg);
}

.elementor-shape svg {
    display: block;
    width: 150%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 96px;
   /* animation: move-wave 10s linear infinite;*/
}

.elementor-shape .elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}
@keyframes move-wave {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(200%);
    }
}




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

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

    .carousel-item .overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 100%);}
   .elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { display: none; }
   /* .slide.slide_top { top: -122px;   margin-bottom: -100px;}*/

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

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

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

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

    .carousel-caption .tit_destacado{  font-size: 0.875em!important;  font-weight: 400; }
    .menu_oculto_redes_reserva_sobre_logo     .btn_reserva {font-size: 0.8em !important; padding: 5px 8px !important; }
    .menu_oculto_redes_reserva_sobre_logo .navbar-brand img{height: 100px;}
}

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

    .elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { display: none; }

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

    .slide .carousel-item img { height: 80vh !important; object-fit: cover;}
   .menu_oculto_redes_reserva_sobre_logo     .btn_reserva {font-size: 0.8em !important; padding: 5px 8px !important; }
   .menu_oculto_redes_reserva_sobre_logo .navbar-brand img{height: 100px;}

}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    .menu_oculto_redes_reserva_sobre_logo     .btn_reserva {font-size: 0.8em !important; padding: 5px 8px !important; }
    .menu_oculto_redes_reserva_sobre_logo .navbar-brand img{height: 100px;}
    .elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { display: none; }

    .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; }
    .slide.slide_top { top: -122px; margin-bottom: -190px; }


}

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

    .slide.slide_top { top: -122px;   margin-bottom: -100px;}
    .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){
    .slide.slide_top { top: -182px;  margin-bottom: -182px;}
    .carousel-caption { bottom: 338px !important;}
    .carousel-caption .tit_destacado{  font-weight: 400;  }
}

/*------------------------*/


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














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

.fondo_presentacion {
    background-image: url("../img/fondo_presentacion.jpg");
    background-size: cover;
    background-position: center center;
}

.texto_pres h2 {
    color: #333;
    font-size: clamp(1.75rem, 1.503rem + 1.24vw, 3.125rem);
    font-weight: 500;
    text-align: left;
    line-height: 100%;
}

.texto_pres h2 span {
    font-weight: 800;
}


#presentacion .sobre_titular {
    font-family: mendl-sans-variable, sans-serif;
    font-weight: 500; 
    font-style: normal;
   
    text-transform: uppercase;
    
}  

#presentacion .imagen_pres {
    display: flex;
    align-self: center;
}

#presentacion .imagen_pres img {
    align-self: center;
}

#presentacion .texto_presentacion {
    padding-left: 7%;
    display: flex;
    align-self: center
}

.texto_pres {
    margin-bottom: 30px;
    align-self: center;
   
}

/*------------------servicios_imagenes-----------------------*/
.servicios_imagenes{
     /* varias imágenes (primera encima) */
  background-image: url('../img/chuleta_fondo.png'), url('../img/marisco_fondo.png');

  /* posiciones correspondientes (uno a uno) */
  background-position:  left center, right center;

  /* tamaño por cada imagen */
 

  /* evitar repetición si son iconos */
  background-repeat: no-repeat, no-repeat;

  /* color de fondo por si acaso */
  background-color: #efefef;




}
.servicios_imagenes .fila_cajas {
    justify-content: center;
}
.servicios_imagenes .fila_cajas figure{overflow: hidden;}

.servicios_imagenes .subtitular{
    font-family: mendl-sans-variable, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}



/***** Honey *****/
/*---------------*/

figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.servicios_imagenes h2{
    font-size: 6rem;
    font-weight: 900;
    text-transform: uppercase;
    background-image: url("../img/fondo_letras.jpg");  
    background-position: center;
    -webkit-background-clip: text; /* Para navegadores basados en WebKit */
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent; /* Necesario para que se vea el efecto */
}






.servicios_imagenes figure{
    position: relative;
    background: #000;
    overflow: hidden;

}
.servicios_imagenes .caja_servicio:nth-child(even) figure  {
    border-radius: 0px 0px 200px 200px;
   
}
.servicios_imagenes .caja_servicio:nth-child(odd) figure  {
    border-radius: 200px 200px 0px 0px;
}
.servicios_imagenes .caja_servicio a img {
    opacity:1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.servicios_imagenes .caja_servicio a:hover img {

    opacity: 0.8;
}


.servicios_imagenes  h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size:clamp(1rem, 2vw, 1.3rem) ;
    text-align: center;
    color:#333;
    font-family: mendl-sans-variable, sans-serif;
    transition: all 0.5s linear;
   }


   .servicios_imagenes .caja_servicio a:hover h3{
    color:#E7241B;
   }

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


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

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