
strong, b {color:#000!important; font-weight: 500;}

.fondo_bloque_texto{background:url(../img/gamba_fondo_izq.png) top left no-repeat,
    url(../img/gamba_fondo_dcha.png) bottom right no-repeat ;}

    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
    }
     
    .video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    



.cabecero_interior_sobretitular_titular{

    background-image:linear-gradient(rgba(0, 116, 200,0.5), rgb(3 135 229 / 70%)), url(../img/cabecero_interior.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100px;
    display: flex;
    align-items: center;
}

.cabecero_interior_sobretitular_titular .sobretitular{   font-family: 'Satisfy', cursive;   font-size: 1.8em; color:#fff; }
.cabecero_interior_sobretitular_titular h1{ font-size: 3em; color:#fff; }



.contenido_interior img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}



.multicolumna {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
    -webkit-column-rule: 1px solid #ddd; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #ddd; /* Firefox */
    column-rule: 1px solid #ddd;
}

.list-items {
    margin-top: 20px;
}

.list-items li {
    position: relative;
    padding-left: 25px;
}

ul.list-items li i {
    padding-right: 5px;
}


.contenido_interior ul, .caja_noticia ul {
    list-style-type: none;
}

.contenido_interior ul li {
    margin-bottom: 8px;
}
.contenido_interior ul li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f101';
    position: relative;
    margin-left: -25px;
    padding-right: 10px;
}

.caja_noticia ul li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f101';
    margin-right: 10px;

}

.caja_noticia ul.lista_redes li::before {
    content: '';
    margin-right: 0;

}

.btn-link:hover {
    text-decoration: none !important;
}
.contenido_interior h1{ font-size:clamp(2rem, 1.784rem + 1.08vw, 3.2rem);      margin-top: 2px; margin-bottom: 20px; }
.contenido_interior h2{ font-size:clamp(1.875rem, 1.763rem + 0.56vw, 2.5rem);    margin-top: 20px; margin-bottom: 5px; }

.contenido_interior h3{ font-size:clamp(1.5rem, 1.433rem + 0.34vw, 1.875rem);  margin-top: 10px; margin-bottom: 5px; }
.contenido_interior blockquote{ margin-bottom: 30px; text-align: justify; font-size:clamp(1.25rem, 1.183rem + 0.34vw, 1.625rem); margin-bottom: 30px; }

.titulo_galeria{color:#000; font-size: clamp(1.563rem, 1.443rem + 0.6vw, 2.188rem); font-weight: 600; }

/*-- galeria --*/
.bloque_galeria h1{ font-size: clamp(2rem, 1.784rem + 1.08vw, 3.2rem); }



/*--------------historia------------------*/


/*------titular jumbo------*/
.titular_jumbo h2{
    font-style: italic;
    font-size: clamp(2.188rem, 2.075rem + 0.56vw, 2.813rem);
    line-height: 100%;

    margin-top: 2px;}

/*----------------pesentacion-----------------*/
.texto_presentacion h2{ font-size: clamp(2.188rem, 2.075rem + 0.56vw, 2.813rem); font-style: italic;}
.presentacion h2{ font-size:clamp(2.188rem, 2.075rem + 0.56vw, 2.813rem); font-style: italic;}

.texto_presentacion .tit_destacado{font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem); transform:none!important;}

.texto_presentacion .texto_pres b{color:#000;}

.presentacion.pres_centrado .zona_texto_cont.contenido_interior{text-align: center!important;}
.presentacion.pres_centrado .zona_texto_cont.contenido_interior .sobre_titulo{text-align: center; text-transform: uppercase; color: #000; font-size: 1.3rem;
    text-transform: uppercase;    font-weight: 800;
}
.presentacion.pres_centrado .sobretitulo_p {
    font-size: clamp(1rem, 0.398rem + 3.64vw, 2rem);
    line-height: 100%;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 5px!important;
    margin-top: 30px;
    text-transform: uppercase;
    text-align: center;
}

.presentacion.pres_centrado .tit_destacado{font-size: clamp(1rem, 0.818rem + 0.91vw, 1.3rem); text-align: center; transform:none!important;}


/*------------------------ mapa -------------------------*/
.mapboxgl-popup-content { padding: 25px!important; border:transparent!important; color:#000;}
.mapboxgl-popup-content a {color:#000;}
.mapboxgl-popup-content a:focus-visible {    outline: none!important;}
.mapboxgl-popup-content .fa-location-arrow::after{content: "como llegar" ; display: inline-block; padding-left: 5px; font-size: 0.8em; letter-spacing: 1px; font-weight: 800; color:#D03453;}
/* ------------------  reservas  ----------------------*/
.fondo_reserva {
    background-size: cover;
    background-attachment: fixed;
    padding-top: 0.5px;
}

.reservas {
    background-size: cover;
    background-attachment: fixed;
    padding-top: 0.5px;
}
.reservas .color_fondo{ background-color:#EFEFEF; }   

.fondo_reserva .reservas h1 {color: #fff;    margin-bottom: 20px; font-size: clamp(1.25rem, 1.131rem + 0.6vw, 1.875rem); font-weight: 500; font-style: italic;}




/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px){
    .fondo_bloque_texto{background:none;}
    .contenido_interior blockquote, .contenido_interior p  {text-align: initial;}
    .contenido_interior img {   margin-left: 0px; margin-right: 0px;     }
    .multicolumna{column-count: 1;}

}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .contenido_interior blockquote, .contenido_interior p  {text-align: initial;}
    .fondo_bloque_texto{background:none;}
    .multicolumna{column-count: 1;}
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    .fondo_bloque_texto{background:none;}
}

/* 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) {
    .texto_presentacion .texto_pres, .presentacion .texto_pres{text-align: justify;}
    .contenido_interior p{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;}
    .contenido_interior p{text-align: justify;}
}




/*----------------------------titular jumbo con imagen-----------------------*/
/*.titular_jumbo_con_imagen .overlay {
    position: absolute;
    top: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}*/

.titular_jumbo_con_imagen {
    position: relative;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
   
}

.titular_jumbo_con_imagen  .zona_texto_cont{ padding-top:20px;}

.titular_jumbo_con_imagen  .zona_titulares h1 {  
    z-index: 100;
    position: relative;
  text-align: center;
    line-height: 100%;
    font-size:clamp(2.6rem, 5vw, 4.5rem);
   
}

.ug-textpanel-title {display:none!important;}


/*------------------media query ------------------*/

@media (width <= 575.98px){
    .titular_jumbo_con_imagen {
        position: relative;
        top:inherit;
        height: auto;
        margin-bottom: 0;
    }
   
}

/* Extra small devices (portrait phones, 376px and up)*/
@media (min-width: 376px) and (max-width: 575.98px) {
    .titular_jumbo_con_imagen {
        position: relative;
        top:inherit;
        height: auto;
        margin-bottom: 0;
    }

    
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .titular_jumbo_con_imagen {
        position: relative;
        top:inherit;
        height: auto;
        margin-bottom: 0;
    }
    
}


/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px){

}

/* Large devices (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {
 
}

/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
  
      
    }
   



    
/*------------------servicios_imagenes-----------------------*/

.servicios_imagenes {
    text-align: center;
}

.servicios_imagenes h2 {   
    text-align: center;
    font-size: clamp(2rem, 1rem + 2.18vw, 2.5rem);    
}



.servicios_imagenes .fila_cajas {
    justify-content: center;
}

.servicios_imagenes a .desc {
    color: #666;
    font-size: 0.9em;
}


.servicios_imagenes .fila_cajas a .datos {
    padding: 5px 10px 20px 10px;
}

.servicios_imagenes a figure {
    margin: 0px;
    overflow: hidden;
    width: 300px;
    height: 300px;
}

.servicios_imagenes a figure img {
    object-fit: cover;
    -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;
}

.servicios_imagenes .nolink {
    cursor: default;
}

/*--------------media querys servicios_imagenes---------------------*/


/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {
    .servicios_imagenes a figure img { width: 50%; }
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
}

/* 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) {
}
