@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


/*-------tipografias------*/
/*

font-family: "Bricolage Grotesque", sans-serif;
  font-family: "DM Sans", sans-serif;
font-family: "Lexend", sans-serif;
font-family: "Lora", serif;
font-family: "Manrope", sans-serif;














/*-----tipos titulares----------*/
.tipo_titular1{  font-family: "Bricolage Grotesque", sans-serif;}


.tipo_body2{font-family: "DM Sans", sans-serif;}


a, a:hover {
    text-decoration: none;
}
b{font-weight: bolder;}

body {
    max-width: 100%;
    overflow-x: hidden;
    font-weight: 400;
}


.dropdown-menu {
    padding: 0;
    border-radius: 0;
}
.dropdown-toggle::after {
    display: none !important;
}

.navbar-toggler{ color:#000; border: none;}
/*-----------------------------------------------------*/
#ir_arriba {
    bottom: 30px;
    position: fixed;
    right: 30px;
}

#ir_arriba span {
    /*background: url("../img/uptotop.png") no-repeat scroll center center;*/
    display: block;
    height: 48px;
    width: 48px;
    opacity: 0.50;
}

.marker {
    background-image: url('../img/mapbox-icon.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

b {
    color: #000000;
}



/*------------------------botn con efecto-------------------------------*/

.efecto_boton {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    margin: .4em;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
}

.efecto_boton::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}

.efecto_boton:hover::before, .efecto_boton:focus::before, .efecto_boton:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

/*-------------------botones---------------------------------*/


.btn_redondo{ 
    border-radius: 50PX!important;  
     -ms-border-radius: 50PX!important;
    -moz-border-radius: 50PX!important;
    -webkit-border-radius: 50PX!important;
    -khtml-border-radius: 50PX!important;

}

.btn_corporativo, .btn-dark, .btn_secundario, .btn_blanco, .btn_negro{
  
    font-weight: 600;
    padding:0.5em 1.2em;
    display: inline-block;
   
    transition: all 1s linear!important; 
   

}

.btn_transparente, .btn_transparente_n, .btn_transparente_b {
   
    font-weight: 600;
    padding:0.5em 1.2em;
    display: inline-block;
    letter-spacing: 1px;    
    transition: all 1s linear!important; 
  

}

.btn_gris{
   
    font-weight: 600;
    padding:0.5em 1.2em;
    display: inline-block;   
  
    border:none;
    background-color: #ddd;
}

.fondo_gris{background-color: #efefef;}

::placeholder{color:#ccc;}



/*.logo_menu_idiomas_1linea .buscador button{font-size: 1.6em; color:#000; transition: font-size 300ms linear;}*/
/*.logo_menu_idiomas_1linea .buscador a:hover{font-size: 1.8em; }*/


/*------------------logo_menu_idiomas_1linea-----------------------*/

.logo_menu_idiomas_1linea{border-width: 1px 0; background-color: #fff; }
.logo_menu_idiomas_1linea .navbar {z-index: 1000;}
.logo_menu_idiomas_1linea .idiomas span::before{content: "|"; margin: 0px 6px 0px 3px; color:#ccc;}
.logo_menu_idiomas_1linea .idiomas span:first-child::before{display: none;}
.logo_menu_idiomas_1linea .idiomas{text-align: right;}
.logo_menu_idiomas_1linea .idiomas span:hover{color:#000; font-weight: bolder;}
.logo_menu_idiomas_1linea .zona_idiomas li::before{content: "|"; margin: 0px 3px 0px 6px; color:#ccc;}
.logo_menu_idiomas_1linea .zona_idiomas{margin-bottom: 0px;}
.logo_menu_idiomas_1linea .zona_idiomas li:first-child::before{display: none;}



.logo_menu_idiomas_1linea .navbar-nav > .nav-item > .nav-link {
    transition: color 0.3s, background-color 0.3s;
    padding: 0.5rem 1rem;
  }
  
  .logo_menu_idiomas_1linea  .navbar-nav > .nav-item > .nav-link:hover {
    border-radius: 5px 5px 0px 0px;
  }
  
  /* --- Estilos para dropdown (submenú) --- */
  .logo_menu_idiomas_1linea .nav-item.dropdown:hover > .dropdown-menu {
    display: block; /* Mostrar submenú al hover del padre */
  }
  
  .logo_menu_idiomas_1linea .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 0;
    z-index: 1000;
  }
  
  /* Estilo de los items del submenú */
  .logo_menu_idiomas_1linea  .dropdown-menu .dropdown-item {     
    transition: background-color 0.3s, color 0.3s;
    display: block;
  }
  
  .logo_menu_idiomas_1linea  .dropdown-menu .dropdown-item a{font-size: 0.9em; letter-spacing: 1px;}







.affix_index {
    background-color: #fff;
    opacity: 1;
    box-shadow:  -20px 20px 60px #9d9d9d,    20px -20px 60px #ffffff;
}
.logo_menu_idiomas_1linea  .btn_transparente{text-transform: uppercase; border-radius: 0; font-size: 0.9em; font-weight: 500;}






.logo_menu_idiomas_1linea .boton_menu_oculto {z-index:1000;}

.logo_menu_idiomas_1linea .buscador button{font-size:20px; color:#fff; transition: font-size 300ms linear; background-color: #000; 
    border: none; border-radius: 50%; width: 40px; height:40px; line-height: 40px;}
.logo_menu_idiomas_1linea .buscador a:hover{font-size: 25px; }

/*------- solo para menu oculto -------------*/

.btn_hueco{text-transform: uppercase; color:#000; border: 1px solid #000; border-radius: 0; float: right; letter-spacing: 1px; padding: 8px;}
.btn_hueco:hover{ color:#fff; border: 1px solid #000; background-color: #000; }




.cerrar{ text-align: right;}
.cerrar a{ color:#000; font-size: 2em;}



#accordion1{  margin-top: 10px;}

.icon_cierre {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
}

.logo_oculto img {
    width: 80%;
}

#cerrar-menu {
    font-size: 1.4em;
}

.fa-times:before {
    color: #000;
    content: "\f00d";
}

#item1.show .nav-link {
    color: #666;
}



#accordion1 {
    margin-top: 10px;
}

#menu_oculto.abierto {
   
    right: 0;
}

#accordion1 .nivel_1 a {
    font-weight: 600;
    font-size: clamp(1.3rem, 2.2vw, 1.8rem);
    padding: 0.3rem 1rem;
    transition: all 500ms linear;

}
#accordion1 .nivel_1 a:hover{letter-spacing: 1px;}

#accordion1 .nivel_1 .fas {
    float: right;
}

#accordion1  .nivel_1  .collapse.show{margin-bottom: 20px!important;}

#accordion1 .nivel_2 a {
    background-color: none;
    text-transform:initial;
    padding-left:25px;
    font-size: 0.9em;
    padding-bottom: 0rem ;
    color:#555;
}
#accordion1 .nivel_2 a:hover {   
    color:#fff!important;
}
#accordion1 .nivel_3 a {
    padding-left:35px;
    font-size: 0.9em;
    font-weight: 400;
    padding-bottom: 0rem ;
    text-transform: capitalize;
}
.container_menu_oculto{

    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 5px 15px;
}

#menu_oculto{
    
    width:100%;
    right: -100%;
    position: fixed;
    top: 0;
    z-index: 100000;
    -webkit-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    background-color: #efefef;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#abre-menu:hover{color:#000;}
#abre-menu .fas{ font-size: 1.5em; color:#333;}


#menu_oculto .nav-link i::before{display: none;}






.cerrar #cerrar-menu {
    position: absolute;
    top: 6px;
    right: 27px;
}



.zona_redes_cab li {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50px 50px 50px 50px;
    margin-right: 5px;
    border: 1px solid #656565;
}

.zona_redes_cab li a { line-height: 40px;}

.datos_menu_oculto address p {    font-size: 1.2em;    margin-bottom: 5px;}

.datos_menu_oculto address .tel {    font-size: 1.8em;}

.datos_menu_oculto address .correo { font-size: 1em;}

.datos_menu_oculto {

    font-weight: 300;
    color: #333;
    background-color:#fff;
    border:1px dotted #ccc;
    width: 50%;

    text-align: center;

}

.datos_menu_oculto a { color: #333;}


.zona_redes_cab li:hover { border: 1px solid #fff;}

.zona_redes_cab li:hover a { color: #fff;}

.zona_menu_v {    overflow-y: auto;}




/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px){
  .logo{max-height:70px ;}
  .datos_menu_oculto { width:100%;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .logo{max-height:70px ;}
    .datos_menu_oculto { width:100%;}
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    .datos_menu_oculto { width:80%;}
    .logo{max-height:70px ;}
}
/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) and (orientation: portrait) {
    .logo{max-height:70px ;}
}


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



 /*---------- contacto enviado --------------*/
#zona_mensaje .datos {height: 35vh;}
#zona_mensaje p {font-size: 1.2em; color: #000;}





/*--------------frase boton cta---------------------*/

.fondo_color_frase_boton{ position: relative;  border-radius: 8px;    z-index: 1; color:#fff;}

.banda_frase_boton .frase p{  font-weight: 300;  line-height: 120%; font-size: 0.9em; }
.banda_frase_boton .frase .titulo{font-size: clamp(1.7rem, 2vw, 2rem);  line-height: 100%; font-weight: 400;  }






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


/*------- pie_sencillo_cols -------------*/

.bajo_raya{
    padding: 7px 0;
    background: none;
    color: inherit;
    border-radius: 0;
    line-height: 1;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.bajo_raya:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.bajo_raya::before{
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 100% 0;
    box-sizing: border-box;
}

.pie_sencillo_cols .link_pie:last-child{margin-right: 0!important;}
.pie_sencillo_cols .titular_area{font-size:clamp(1.2em, 2vw + 1em, 1.3em); letter-spacing: 1px; padding-bottom: 15px; font-weight: 600; line-height: 100%;}

.pie_sencillo_cols footer p{margin-bottom: 0%; font-size: 0.9em;}
.pie_sencillo_cols  footer p.reserva{text-transform: uppercase; letter-spacing: 1px;}
.pie_sencillo_cols .redes_pie{text-align: center;}
.pie_sencillo_cols .bajo_raya{font-size: 0.9em;}

/*--------------------firma ------------------------*/

#bloque_firma {padding: 8px; font-size: 0.8em;}
#bloque_firma a {text-decoration: underline;}
#bloque_firma a:hover {text-decoration: underline;}
.firma {text-align: right;}
/*------------------------- subvenciones ----------------------------------*/
#subvenciones .logo_dcha {
    text-align: right;
}
/*------------------- media querys pie ----------------*/
/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px){
    .pie_sencillo_cols .titular_area{margin-top: 30px;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
    .pie_sencillo_cols .titular_area{margin-top: 30px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    .pie_sencillo_cols .titular_area{margin-top: 30px;}
}
/* 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){
}





/*-------------------------media queries generales ----------------------------------*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px){
    .zona_idiomas_cab { text-align: center; } 
    .zona_menu .row { flex-direction: column; }
    .aviso, .firma { text-align: center; }
    #menu_principal { text-align: center; }
    .dropdown-menu { text-align: center; }
    .dropdown-item a { font-size: 0.8em; } 
    .navbar-toggler { text-align: center; margin: 0; display: block; }
   
    
}

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

    .zona_idiomas_cab { text-align: center;    }    
    .aviso, .firma { text-align: center; }
    #menu_principal { text-align: center; }
    .dropdown-item a { font-size: 0.8em; }
    .dropdown-menu { text-align: center; }
    .navbar-toggler { margin-top: 5px; display: block; }   
 
}

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

    #menu_principal { text-align: center; }
    .dropdown-menu {text-align: center;}  
}

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