@import url("https://use.typekit.net/yeq4jfj.css");
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

/*--- base ---*/
a { text-decoration: none; }
a:hover { text-decoration: none; }
body { font-weight: 400; max-width: 100%; overflow-x: hidden; font-optical-sizing: auto; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
p { text-wrap: pretty; }
b, strong { color: #000000; }

/*--- utilidades ---*/
.sin_dcha { border-right: none !important; }

/*--- botones globales ---*/
.btn { transition: all 1s linear !important; text-transform: uppercase; }
.btn_redondo {
    border-radius: 50px !important;
}
.btn_transparente {
    font-weight: 400;
    padding: 10px 35px;
    letter-spacing: 0.14em;
    display: inline-block !important;
}
.btn_corporativo, .btn_negro, .btn_blanco, .btn_secundario {
    font-weight: 400;
    padding: 10px 35px;
    display: inline-block;
    letter-spacing: 0.14em;
    border: none;
}
.btn_reserva {
    font-size: 0.9em !important;
    padding: 5px 15px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    box-shadow: 0 0 10px #9ac9d5, 0 0 20px #9ac9d5, 0 0 40px #9ac9d5;
}

@media (width <= 767.98px) {
    .btn_reserva { width: 100%; }
}

/*--- dropdown bootstrap overrides (globales) ---*/
.dropdown-item { background-color: transparent !important; padding: 0; }
.dropdown-menu { padding: 0; border-radius: 0; }
.dropdown-toggle::after { display: none !important; }

@media (width <= 991.98px) {
    .navbar.fixed-top { position: inherit !important; }
    .color_menu { background-color: rgba(0, 0, 0, 1); }
    .dropdown-menu { text-align: center; }
}


/*=== MENÚ CABECERO — bloque_menu.html.twig ===================================
   Todos los estilos del menú están scoped bajo dos prefijos ya presentes en el twig:
     · .logo_menu_idiomas_1linea          → div wrapper externo (también usado por JS)
     · .menu_oculto_redes_reserva_sobre_logo  → section interior
=============================================================================*/

/* ---- barra visible (.logo_menu_idiomas_1linea) ---- */

.logo_menu_idiomas_1linea { background-color: rgba(40, 64, 93, 1); }

/* JS añade .affix_index al hacer scroll */
.logo_menu_idiomas_1linea.affix_index {
    background-color: rgba(33, 53, 79, 0.9) !important;
    opacity: 1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* logo: JS añade .retamano_logo y .menu_peque al hacer scroll */
.logo_menu_idiomas_1linea #logo {
    transition: height 0.4s ease;
    height: 120px;
    width: auto;
}
.logo_menu_idiomas_1linea #logo.retamano_logo { height: 90px; }
.logo_menu_idiomas_1linea .bloque_menu_logo { transition: padding 0.4s ease; }
.logo_menu_idiomas_1linea .bloque_menu_logo.menu_peque { padding: 5px 0; }

/* idioma */
.logo_menu_idiomas_1linea .idioma_cabecero {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding-left: 5px;
}
.logo_menu_idiomas_1linea .idioma_cabecero li {
    font-size: 0.9em;
    border-right: 1px solid #666;
    display: inline-block;
    padding: 0;
    color: #fff;
    line-height: 100%;
}
.logo_menu_idiomas_1linea .idioma_cabecero li a { color: #fff; text-transform: uppercase; margin: 5px; }
.logo_menu_idiomas_1linea .idioma_cabecero li a.active { color: #fff !important; }
.logo_menu_idiomas_1linea .idioma_cabecero li a:hover { font-weight: bold; }
.logo_menu_idiomas_1linea .idioma_cabecero li:last-child { border-right: none !important; }

/* botón transparente en la barra */
.logo_menu_idiomas_1linea .btn_transparente {
    text-transform: uppercase;
    border-radius: 0;
    font-size: 0.9em;
    font-weight: 500;
}

/* navbar-toggler (clase Bootstrap, scoped por seguridad) */
.logo_menu_idiomas_1linea .navbar-toggler { color: #fff; }

/* dropdowns anidados en el menú de la barra */
.logo_menu_idiomas_1linea .dropdown-menu.show .dropdown-item.dropdown a {
    padding: 0.25rem 1rem !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 !important;
    font-size: 0.85em;
    display: block !important;
}
.logo_menu_idiomas_1linea .dropdown-menu.show .dropdown-item.dropdown.show a {
    background-color: #fff !important;
}
.logo_menu_idiomas_1linea .dropdown-menu.show .dropdown-item.dropdown.show .dropdown-menu.show .dropdown-item a {
    text-transform: capitalize !important;
    font-size: 0.85em;
    background-color: #efefef !important;
    color: #000 !important;
}

/* ---- panel deslizante y barra (.menu_oculto_redes_reserva_sobre_logo) ---- */

/* botón hamburguesa */
.menu_oculto_redes_reserva_sobre_logo #abre-menu {
    color: #666;
    font-weight: 700;
    font-size: 2em;
    display: flex;
    justify-content: end;
}
.menu_oculto_redes_reserva_sobre_logo #abre-menu:hover { color: #000; }
.menu_oculto_redes_reserva_sobre_logo #abre-menu .fas { font-size: 1em; color: #333; }
.menu_oculto_redes_reserva_sobre_logo #abre-menu:hover .fas { color: #333; }

.menu_oculto_redes_reserva_sobre_logo .burguer {
    min-width: 20px;
    min-height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
}
.menu_oculto_redes_reserva_sobre_logo .burguer span {
    border-radius: 5px;
    background-color: #fff;
    width: 30px;
    height: 3px;
    transition: all 300ms ease-out;
}

/* cerrar */
.menu_oculto_redes_reserva_sobre_logo .cerrar { text-align: right; }
.menu_oculto_redes_reserva_sobre_logo .cerrar button { background-color: transparent; border: none; color: #fff; font-size: 2em; }
.menu_oculto_redes_reserva_sobre_logo .cerrar #cerrar-menu { position: absolute; top: 5px; right: 50px; }

/* panel (#menu_oculto: JS alterna .abierto) */
.menu_oculto_redes_reserva_sobre_logo #menu_oculto {
    width: 100%;
    left: -100%;
    position: fixed;
    top: 0;
    z-index: 100000;
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    color: #fff;
    background-image: url("../img/patron_mar_oscuro.jpg");
    background-repeat: repeat;
}
.menu_oculto_redes_reserva_sobre_logo #menu_oculto.abierto { left: 0; }

.menu_oculto_redes_reserva_sobre_logo .container_menu_oculto {
    padding: 20px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
}

/* datos de contacto dentro del panel */
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto {
    font-weight: 400;
    color: #fff;
    background-color: #1c3a5c;
    text-align: center;
    border-radius: 10px;
}
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address { color: #fff; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address .localidad { text-transform: uppercase; font-size: 0.7em; letter-spacing: 1px; color: #9ac9d5; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address p { font-size: 0.9em; margin-bottom: 5px; font-weight: 300; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address .tel { font-size: 0.9em; color: #fff; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address .correo { font-size: 1em; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto address .correo a { color: #fff; }

/* redes flotantes en el panel */
.menu_oculto_redes_reserva_sobre_logo .zona_redes li {
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 5px;
    border: 1px solid #656565;
    float: right;
}
.menu_oculto_redes_reserva_sobre_logo .zona_redes li:hover { background-color: black; }
.menu_oculto_redes_reserva_sobre_logo .zona_redes li i {
    color: #000;
    width: 1em;
    height: 1em;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}

/* redes con círculo en bloque de datos (zona_redes_cab) */
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab { margin-bottom: 0; }
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab li { display: inline-block; margin-right: 5px; }
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab li i { color: #9ac9d5; }
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab li a {
    line-height: 40px;
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #9ac9d5;
    transition: all 500ms ease-in-out;
}
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab li a:hover { border: 1px solid #fff; color: #fff; }
.menu_oculto_redes_reserva_sobre_logo .zona_redes_cab li a:hover i { color: #fff; }
/* dentro del bloque de datos el color base es blanco */
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto .zona_redes_cab li a { color: #fff; }
.menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto .zona_redes_cab li:hover { color: #fff; letter-spacing: 1px; }

/* acordeón de navegación */
.menu_oculto_redes_reserva_sobre_logo .zona_menu_v { overflow-y: auto; }
.menu_oculto_redes_reserva_sobre_logo .nav-item { text-align: left; }
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nav-link { font-weight: 500; font-style: normal; }

.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_1 { padding: 8px 0; text-align: center; font-weight: 600; }
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_1 a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: clamp(2rem, 2vw, 3.5rem);
    text-align: left;
    padding: 0;
    transition: all 0.3s ease-in-out;
    display: block;
    position: relative;
}
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_1 a:hover { letter-spacing: 1px; color: #fff; }
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_1 .fas { padding-left: 20px; }
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_2 { padding-left: 20px; font-weight: 500; }
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_2 a {
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
    background-color: transparent;
}
.menu_oculto_redes_reserva_sobre_logo #accordion1 .nivel_2 a.nav-link:hover { color: #fff; }

/* btn_reserva dentro del panel (override del global) */
.menu_oculto_redes_reserva_sobre_logo .btn_reserva {
    font-size: 0.8em !important;
    padding: 5px 15px !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

/* ---- responsive menú ---- */

@media (width <= 575.98px) {
    /* mismo elemento que .logo_menu_idiomas_1linea: invierte el orden en móvil */
    .logo_menu_idiomas_1linea { display: flex; flex-direction: column-reverse; }
    .menu_oculto_redes_reserva_sobre_logo .navbar-brand img { height: 100px; }
}

@media (width <= 991.98px) {
    .logo_menu_idiomas_1linea .menu_principal .nav-link { text-align: center; border-radius: 0; }
    .logo_menu_idiomas_1linea .dropdown-menu.show .dropdown-item { text-align: center; }
}

@media (768px <= width <= 991.98px) {
    .menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto { width: 90%; }
}

@media (1200px <= width <= 1399px) {
    .logo_menu_idiomas_1linea .idioma_cabecero { margin-top: 3px; }
    .menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto { width: 60%; }
}

@media (width >= 1400px) {
    .logo_menu_idiomas_1linea { background-color: transparent; }
    .menu_oculto_redes_reserva_sobre_logo .datos_menu_oculto { width: 50%; }
}

/*=== FIN MENÚ CABECERO =======================================================*/


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

/*--- subvenciones ---*/
#subvenciones .logo_dcha { text-align: right; }

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

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

/*--- footer ---*/
#footer address,
#footer address p { margin-bottom: 0 !important; }
#footer b { font-weight: 500; }

#footer .area_pie {
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 1.1rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 1px;
}
#footer .titular_pie_p {
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 1.3rem 0 0.5rem 0;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 1px;
}
#footer .caja_pie { font-size: 0.9rem; }
#footer .caja_pie .enlace { font-weight: 600; }
#footer .imagen_pie img { max-width: 120px; }

#footer .zona_redes { margin-bottom: 0; }
#footer .zona_redes li { display: inline-block; margin-right: 5px; }
#footer .zona_redes li a {
    line-height: 40px;
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #9ac9d5;
    transition: all 500ms ease-in-out;
}
#footer .zona_redes li a:hover { border-color: #fff; }
#footer .zona_redes li i { color: #9ac9d5; text-align: center; font-size: 18px; line-height: 40px; }
#footer .zona_redes li a:hover i { color: #fff; }

#bloque_firma { padding: 8px; font-size: 0.8em; background-color: #fff; color: #333; }
#bloque_firma a { color: #333; text-decoration: underline; }
#bloque_firma a:hover { color: #000; text-decoration: underline; }
.firma { text-align: right; }

@media (width <= 767.98px) {
    .aviso, .firma { text-align: center; }
}
/*--------------frase boton---------------------*/
.fondo_color_frase_boton{padding-top: 20px; padding-bottom: 20px;}
.banda_frase_boton .frase span{font-size:clamp(1.5rem, 1.399rem + 0.51vw, 2.063rem); font-weight: 500; text-transform: uppercase; line-height: 100%;}
.banda_frase_boton .btn-secondary {text-transform: uppercase; margin-top: 15px;}
.banda_frase_boton .frase p{margin-bottom: 2px;}