/**
 * @file
 * Subtheme specific CSS.
 */
html {
    font-size: 14px;
    border-radius: 0.57rem;
}

body {
    font-family: 'Poppins', sans-serif;
}

p {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;

    iframe {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        min-height: 300px;
        aspect-ratio: 16 / 9;
    }
}

a {
    text-decoration: underline;
}

input::placeholder {
    font-family: 'Inter', sans-serif;
}

.featured-top {
    background-color: white;
}

a.visually-hidden-focusable {
    color: black;
}

.form-select:focus {
    border: 3px solid black !important;
    border-radius: 4px;
}

.visually-hidden-focusable {
    font-weight: 600;
}

.list-group-item {
    border: none;
}

.feed-icons {
    display: none;
}

.field--name-body {
    line-height: 1.8rem;
    font-size: 1.1rem;

    a {
        color: var(--azul-alto-contraste);
    }

    p,
    h2,
    h3,
    h4,
    h5,
    h6,
    details {
        margin-bottom: 2rem;
    }
}

.field--name-body a:hover {
    color: var(--azul-alto-contraste);
}

#main-wrapper {
    overflow-x: hidden;
}

/* Header */
header#header {
    position: sticky;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 5px var(--primario-bandera);
    background-color: white;
    z-index: 999;
}

body.user-logged-in header {
    top: 80px;
}

.path-frontpage #breadcrumb-block {
    display: none;
}

#navbar-top {
    background-color: var(--color-principal);

    label[for="idioma"] {
        display: none;
    }

    .container {
        justify-content: flex-end;
    }

    .region-top-header {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    #block-turismoenrincon-contactotopheader {
        width: fit-content;
        border-right: 1px solid white;
        margin-right: 20px;
        padding-right: 21px;
    }

    .contact-top-header a {
        margin-right: 12px;
        font-family: 'Inter', sans-serif;
        color: white;
    }
/*
    #block-turismoenrincon-alternadordeidioma,
    #idioma {
        width: 70px;
        background-color: var(--color-principal) !important;
        border: none;
        color: white;
        padding: 0;
    }

    #idioma {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none;
        cursor: pointer;
        width: 110px;
    }

    .language-switcher-language-url .content {
        display: flex;
    }

    .language-switcher-language-url .content::after {
        content: url(/themes/custom/turismoenrincon/img/select.png);
        left: -15px;
        position: relative;
    }
*/  

    /* --- INICIO DE LA SOLUCIÓN --- */

    /* 1. Contenedor: Posición relativa y ancho ajustado a su contenido. */
    .language-switcher {
        position: relative;
        width: fit-content; /* Fuerza al contenedor a tener el ancho de lo que contiene */
    }

    #block-turismoenrincon-alternadordeidioma {
        width: fit-content; /* El bloque será tan ancho como su contenido */
        flex-shrink: 0; /* Evita que se encoja si hay otros elementos */
    }

    /* 2. Select: Crea un espacio a la derecha (padding) para la flecha. */
    #idioma {
        /* Estilos básicos */
        color: white;
        background-color: var(--color-principal) !important;
        background-image: none !important;
        border: none;
        cursor: pointer;
        
        /* 👇 CAMBIO CLAVE: Padding para crear espacio para la flecha */
        /* Arriba/Abajo | Derecha | Izquierda */
        padding: 5px 30px 5px 10px; 
        
        /* Ocultar flecha nativa */
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    /* 3. Flecha: Se posiciona en el espacio vacío creado por el padding. */
    .language-switcher::after {
        content: url(/themes/custom/turismoenrincon/img/select.png);
        position: absolute;
        top: 50%;
        right: 10px; /* Posición dentro del padding derecho */
        transform: translateY(-50%);
        pointer-events: none; /* El clic atraviesa la flecha y llega al select */
        z-index: 2;
    }

    /* --- FIN DE LA SOLUCIÓN --- */

    #block-rincon-theme-views-block-rrss-footer-block-1-2 {
        display: none;
    }
}

#navbar-main {
    border-top: 4px solid var(--primario-bandera);
    border-bottom: 1px solid var(--primario-bandera);
    padding: 14px 0;

    >.container:first-child {
        padding: 0;
    }

    .navbar-collapse {
        justify-content: flex-start !important;
    }

    a {
        color: var(--texto-alto-contraste);
        font-weight: 400;
        font-size: 1.28rem;
        padding: 0 18px;
        font-family: 'Inter', sans-serif;
    }

    a:hover {
        text-decoration: underline;
    }

    button.navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-image: url(/themes/custom/turismoenrincon/img/icon-container.svg);
    }
}

#CollapsingNavbar {
    a {
        color: var(--texto-alto-contraste);
        font-weight: 400;
        font-size: 1.28rem;
        padding: 0 18px;
        font-family: 'Inter', sans-serif;
    }
}

.navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.brand-and-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.region-custom-brand a {
    width: fit-content;
    margin: 10px 0;

    img {
        width: 172px;
    }
}

.custom_search_mobile {
    display: none;
}

.custom_search_desktop {
    display: flex;
}

.region-custom-search {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-left: auto;

    .navbar-brand,
    #block-turismoenrincon-buscador {
        width: fit-content;

        button {
            position: absolute;
            right: 12px;
            top: 12px;
            width: 24px;
            height: 24px;
        }
    }

    .custom-search-input {
        border: 1px solid var(--interfaz-lineas);
        width: 372px;
        height: 48px;
        gap: 12px;
        border-radius: 8px;
        padding: 12px;
        border-width: 1px;
        font-family: 'Inter', sans-serif;
    }

    .btn-con-fondo {
        background-image: url(/themes/custom/turismoenrincon/img/lupa.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        width: 30px;
        height: 30px;
        position: relative;
        right: 38px;
        top: 10px;
        background-color: transparent;
    }

    #custom-search {
        position: relative;
    }

    #block-turismoenrincon-rrssheader {
        width: fit-content;
    }
}

/* Slider */
.custom-slider section.region-custom-slider {
    width: 100%;
    margin: 0;

    #block-turismoenrincon-sliderhome {
        padding: 0;

        .slick--field-slider {
            height: 400px;

            .slick-autoplay-toggle-button {
                bottom: unset;
                top: 10px;
                left: 12px;
                opacity: 1;

                .slick-pause-icon::before {
                    content: url(/themes/custom/turismoenrincon/img/pause.png);
                }

                .slick-play-icon:before {
                    content: url(/themes/custom/turismoenrincon/img/play.png);
                }
            }

            .slick-list {
                height: 400px;
            }

            .slick-slide {

                .blazy--field-imagen img {
                    height: 400px;
                    object-fit: cover;
                    width: 100%;
                }

                .texto-slider {
                    position: relative;
                    top: -140px;
                    width: fit-content;
                    background-color: rgb(0, 0, 0, 0.8);
                    color: white;
                    padding: 10px 20px;
                    border-radius: 1rem;
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 8px;

                    .field--name-field-descripcion {
                        font-weight: 600;
                        font-size: 1.7rem;
                        line-height: 1.7rem;
                    }

                    .field--name-field-eslogan {
                        line-height: 1.8rem;
                    }
                }
            }
        }

        .slick-next.slick-arrow {
            right: 20px;
            width: fit-content;
            height: fit-content;
        }

        .slick-prev.slick-arrow {
            left: 20px;
            width: fit-content;
            height: fit-content;
        }

        .slick-next.slick-arrow:before {
            content: url(/themes/custom/turismoenrincon/img/next.png);
            opacity: 1;
        }

        .slick-prev.slick-arrow:before {
            content: url(/themes/custom/turismoenrincon/img/prev.png);
            opacity: 1;
        }

        .slick-arrow:focus-visible {
            outline: -webkit-focus-ring-color auto 1px;
            border-radius: 8px;
            outline-offset: 5px;
        }
    }
}

.slick-prev.slick-arrow {
    z-index: 1000 !important;
}

#block-turismoenrincon-logoturismohome div.field--name-body {
    display: flex;
    justify-content: center;
    padding: 50px 0px;

    img {
        width: 500px;
        height: auto;
    }
}

#main-wrapper hr {
    color: var(--color-principal);
    border: 1px solid var(--color-principal);
    opacity: 1;
    margin: 0;
}

.region-informacion-interes {
    margin-bottom: 40px;
}

#block-turismoenrincon-views-block-enlaces-de-interes-home-block-1 {
    margin: 60px 0px;

    .view-content.row {
        display: flex;
        justify-content: space-evenly;
        padding: 40px 0px;

        .views-row {
            width: fit-content;

            .views-field-field-icono a {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-decoration: none;

                .title {
                    font-weight: 600;
                    font-size: 1.4rem;
                    line-height: 2rem;
                    color: #1F2A31;
                }
            }
        }
    }
}

.path-frontpage {

    #block-turismoenrincon-breadcrumbs,
    #block-turismoenrincon-page-title,
    .addtoany_list {
        display: none;
    }
}

/* Slider Noticias */
.noticias-home-region {
    padding: 50px 0px;
    background-color: var(--fondo-gris);

    #block-turismoenrincon-views-block-noticias-home-block-1 {

        h2 {
            display: flex;
            flex-direction: column;
            font-weight: 600;
            font-size: 2.3rem;
            color: var(--texto-alto-contraste);
            padding-bottom: 20px;
        }

        h2::after {
            content: url(/themes/custom/turismoenrincon/img/separador-1.svg);
            font-size: 1rem;
        }

        .view-id-noticias_home.view-display-id-block_1 {

            div.item-list {
                padding: 0px 40px;

                .slideshow.noticias-home-slider {

                    .slick-prev.slick-arrow {
                        left: -50px;

                        .slick-prev-icon::before {
                            content: url(/themes/custom/turismoenrincon/img/arrow-left.svg);
                        }
                    }

                    .slick-next.slick-arrow {
                        right: -30px;

                        .slick-next-icon::before {
                            content: url(/themes/custom/turismoenrincon/img/arrow-right.svg);
                        }
                    }

                    .slick-arrow:focus {
                        outline: -webkit-focus-ring-color auto 1px;
                    }

                    .slick-track {
                        padding-bottom: 20px;

                        .slick-slide>div>div {
                            background-color: white;
                            width: fit-content !important;
                            margin-right: 20px;

                            .views-field-created {
                                padding: 10px;

                                time {
                                    color: var(--texto-base);
                                    font-family: 'Inter', sans-serif;
                                }
                            }

                            .views-field-title {
                                padding: 10px;
                                padding-top: 0;

                                a {
                                    text-decoration: none;
                                    color: var(--texto-alto-contraste);
                                    font-weight: 600;
                                    font-size: 1.3rem;
                                }
                            }

                            .views-field-field-imagen-destacada img {
                                width: 100%;
                            }
                        }
                    }

                    .slick-dots {

                        .slick-dot-icon::before {
                            content: url(/themes/custom/turismoenrincon/img/ellipse-empty.svg);
                        }

                        .slick-active {
                            .slick-dot-icon::before {
                                content: url(/themes/custom/turismoenrincon/img/ellipse-full.svg);
                            }
                        }
                    }
                }
            }

            .more-link {
                display: flex;
                justify-content: center;

                a {
                    color: white;
                    font-weight: 700;
                    font-size: 1.3rem;
                    line-height: 2rem;
                    text-decoration: none;
                    background-color: var(--color-principal);
                    border-radius: 8px;
                    padding: 10px 18px;
                    font-family: 'Inter', sans-serif;
                }

                a:focus-visible {
                    outline-offset: 5px;
                    outline: black auto 1px;
                }
            }
        }
    }
}

.region-images-banners,
.region-full-width-region,
.region-full-width-region-2 {
    width: 100%;
    margin: 0;

    >div {
        padding: 0;
    }
}

#block-turismoenrincon-bloquevisita360,
#block-turismoenrincon-disfrutadelanaturaleza,
#block-turismoenrincon-accedeafotografiasyvideos,
#block-turismoenrincon-bloquevisitavillaantiopa,
#block-turismoenrincon-bloquevisitalacuevadeltesoro,
#block-turismoenrincon-bloquevisitalacuevadelavictoria,
#block-turismoenrincon-bloquenavidadenrincondelavictoriacloned {
    margin-top: 40px;
    margin-bottom: 40px;

    .block-overlay {
        border-radius: 8px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        color: white;
        text-align: center;
        height: 259px;
        /* Altura fija o variable según diseño */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .overlay-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;

        .block-text {
            background-color: rgb(0, 0, 0, 0.8);
            padding: 10px 50px;
            border-radius: 8px;

            .block-title {
                color: white;
                font-weight: 600;
                font-size: 1.7rem;
            }

            .block-description {
                color: white;
                font-size: 1.2rem;
            }
        }

        .block-button .field--name-field-enlace {
            display: flex;
            gap: 15px;

            a {
                color: white;
                padding: 12px 24px;
                text-decoration: none;
                font-weight: 700;
                border-radius: 8px;
                background-color: var(--color-principal);
                font-family: 'Inter', sans-serif;
                border: 1px solid white;
            }

            a:focus-visible {
                outline-offset: 5px;
                outline: black auto 1px;
            }
        }
    }
}

/* Eventos HOME */
#block-turismoenrincon-views-block-eventos-block-1 {

    .view-content {
        margin-bottom: 60px;
    }

    h2 {
        display: flex;
        flex-direction: column;
        font-weight: 600;
        font-size: 2.3rem;
        color: var(--texto-alto-contraste);
        padding-bottom: 20px;
    }

    h2::after {
        content: url(/themes/custom/turismoenrincon/img/separador-1.svg);
        font-size: 1rem;
    }

    .evento-item {
        display: flex;
        gap: 1rem;
        border-bottom: 1px solid var(--texto-base);

        .evento-imagen .media--blazy {
            width: 250px;
        }

        .evento-contenido {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;

            .evento-title a {
                text-decoration: none;
                font-weight: 600;
                font-size: 1.3rem;
                color: var(--color-principal);
            }

            .evento-fecha {
                font-family: 'Inter', sans-serif;
                color: var(--texto-base);
            }

            .evento-ubicacion {
                font-family: 'Inter', sans-serif;
                color: var(--texto-base);
            }
        }
    }

    .more-link {
        display: flex;
        justify-content: center;

        a {
            text-decoration: none;
            color: white;
            background-color: var(--color-principal);
            padding: 10px 18px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1.3rem;
            font-family: 'Inter', sans-serif;
        }

        a:focus-visible {
            outline-offset: 5px;
            outline: black auto 1px;
        }
    }
}

/* Disfruta de la naturaleza region */
#block-turismoenrincon-disfrutadelanaturaleza,
#block-turismoenrincon-accedeafotografiasyvideos,
#block-turismoenrincon-bloquevisitavillaantiopa,
#block-turismoenrincon-bloquevisitalacuevadeltesoro,
#block-turismoenrincon-bloquevisitalacuevadelavictoria {
    margin: 60px 0px;

    .block-overlay {
        height: 350px;
        border-radius: 0;
    }
}

#block-turismoenrincon-accedeafotografiasyvideos {
    margin: 0;
}

#block-turismoenrincon-bloquevisitavillaantiopa,
#block-turismoenrincon-bloquevisitalacuevadeltesoro,
#block-turismoenrincon-bloquevisitalacuevadelavictoria {
    margin-top: 0;
    margin-bottom: 5px;

    .block-overlay {
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }

    @media (prefers-reduced-motion: reduce) {
        .block-overlay {
            background-attachment: scroll;
            /* desactiva el efecto */
            background-position: center;
            /* fija el fondo */
            transition: none;
            /* sin animaciones */
        }
    }
}

/* Información de interés */
#block-turismoenrincon-views-block-enlaces-de-interes-home-block-2 {

    h2 {
        display: flex;
        flex-direction: column;
        font-weight: 600;
        font-size: 2.3rem;
        color: var(--texto-alto-contraste);
        padding-bottom: 20px;
    }

    h2::after {
        content: url(/themes/custom/turismoenrincon/img/separador-1.svg);
        font-size: 1rem;
    }

    .view-id-enlaces_de_interes_home {
        margin: 30px 0px;

        .view-content {
            display: flex;
            justify-content: space-evenly;

            .views-row {
                width: fit-content;

                a {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    text-decoration: none;

                    span.title {
                        color: var(--texto-alto-contraste);
                        font-weight: 600;
                        font-size: 1.4rem;
                    }
                }
            }
        }
    }
}

/* Localidades */
#block-turismoenrincon-views-block-localidades-block-1 {
    padding: 60px 0px;
    background-color: #EAEAEA;

    h2 {
        display: flex;
        flex-direction: column;
        font-weight: 600;
        font-size: 2.3rem;
        color: var(--texto-alto-contraste);
        padding-bottom: 20px;
    }

    h2::after {
        content: url(/themes/custom/turismoenrincon/img/separador-1.svg);
        font-size: 1rem;
    }

    .view-content {
        display: flex;
        justify-content: space-between;

        .views-row {
            width: fit-content;
            /* position: relative; */

            .views-field-field-imagen-cabecera img {
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
            }

            .views-field-title {
                background-color: white;
                padding: 10px;

                .field-content {
                    display: flex;
                    justify-content: center;

                    a {
                        text-decoration: none;
                        color: var(--texto-alto-contraste);
                        font-weight: 600;
                        font-size: 1.7rem;

                        /*
                        &::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            z-index: 1; 
                        }
                        */
                    }

                    a:hover {
                        text-decoration: underline;
                    }

                }
            }
        }
    }
}


/* Páginas Finales */
.region-cabecera-paginas-internas {
    margin: 0;

    #block-rincon-theme-cabeceradepaginasinternas {
        padding: 0;
    }

    .block {
        height: 220px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0;
    }

    .content {
        display: flex;
        align-items: flex-end;
        height: 220px;
    }

    .title-in-page {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 2.9rem;
        line-height: 3rem;
        margin-bottom: 1.875rem;
        color: white;
        background: #000000B2;
        opacity: 1;
        border-radius: 8px;
        padding-top: 18px;
        padding-right: 35px;
        padding-bottom: 18px;
        padding-left: 35px;
    }
}

.field--name-field-aviso-seguridad .field__item {
    background-color: var(--fondo-amarillo);
    font-family: 'Inter', sans-serif;
    color: var(--texto-alto-contraste);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2rem;
    width: 100%;
    padding: 20px;
    align-content: center;

}

/* Breadcrumb */

#breadcrumb-block {
    background-color: var(--fondo-gris);
    padding: 20px 0;

    .breadcrumb {
        margin: 0px !important;

        .breadcrumb-item {
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 1.1rem;
            line-height: 100%;
            text-align: center;
            vertical-align: middle;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-thickness: 0%;
            text-decoration-skip-ink: auto;
            color: var(--texto-alto-contraste);

            a {
                color: var(--texto-alto-contraste) !important;
                text-decoration: underline;

            }
        }

        .breadcrumb-item.active {
            text-decoration: none;
        }
    }

}


/* Galería imágenes */

.galeria_imagenes {

    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0px 30px;

    .field__item {
        flex-basis: calc(25% - 20px);
        /* overflow: hidden; */

        /* Añade un contorno visible al enfocar los enlaces de la galería */
        a:focus-visible {
            outline: 3px solid var(--azul-alto-contraste);
            outline-offset: 2px; /* Separa un poco el contorno de la imagen */
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }
    }
}

/* Clases genéricas */

.block.block-layout-builder {
    margin: 40px 0px;
}

.boton_azul {
    background-color: var(--color-principal);
    color: #FFFF !important;
    padding: 10px 18px;
    line-height: 2rem;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.3rem;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
}

.boton_azul:focus-visible {
    outline-offset: 5px;
    outline: 1px solid black;
}

.h2_decoration {
    display: flex;
    flex-direction: column;
    font-weight: 600 !important;
    font-size: 2.3rem;
    color: var(--color-principal);
    margin-bottom: 2rem !important;

    &::after {
        content: url(/themes/custom/turismoenrincon/img/separador-1.svg);
        font-size: 1rem;
        padding: 0;
        line-height: 1;
    }

}

.informacion_turistica_block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;

    .field__item {
        border: 1px solid var(--fondo-blanco);
        flex-basis: 33%;
        overflow: hidden;
        padding: 20px;

    }

    .field__item:nth-child(1) {
        background-color: #19C7E299;
    }

    .field__item:nth-child(2) {
        background-color: #0074B466;
    }

    .field__item:nth-child(3) {
        background-color: #FF007F66;
    }
}

.block_contacto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
    background-color: var(--fondo-gris);
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    border-color: #1370B3;
    border-radius: 15px 15px 15px 15px;
    font-size: 1.28rem;

    .field {
        margin-right: 20px;

        .paragraph.paragraph--type--horario-de-entrada,
        .paragraph.paragraph--type--contacto {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 20px;
        }
    }

    .field.field--name-field-horario,
    .field.field--name-field-horario-de-entrada>.field__item {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .field:nth-child(1) {
        flex: 1 1 0;
    }

    .field:nth-child(2) {
        flex: 2 1 0;
    }

    .field:nth-child(3) {
        flex: 1 1 100%;
    }

    .item_icon {
        display: flex;
        gap: 10px;

        a {
            text-decoration: none;
            color: #3b3b3b !important;
        }

        i::before {
            font-size: 24px;
        }
    }

    .field--name-field-enlaces-informacion a {
        text-decoration: underline;
        color: #3B3B3B;
    }
}

.h3_decoration_contact {
    color: var(--texto-alto-contraste);
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}



/* Noticias */
.layout--noticias {
    width: 100%;
    margin: auto;
    padding-bottom: 2.286rem;

    h1 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 2rem;
        line-height: 2.625rem;
        margin-bottom: 1.875rem;
        color: #1F2A31;
    }

    /* Categoría */
    .block-field-blocknodenoticiasfield-categoria {
        margin-bottom: 1.2rem;
    }

    .block-field-blocknodenoticiasfield-categoria {
        a {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 1.286rem;
            line-height: 2rem;
            color: var(--azul-marca);
            text-decoration: none;
        }
    }

    /* Entradilla */
    .field--name-field-entradilla {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 1.429rem;
        line-height: 2rem;
        color: var(--texto-alto-contraste);
        margin-bottom: 0.714rem;
        padding-bottom: 1.714rem;
    }

    /* Fecha actualización - Compartir en RRSS */
    .info-noticias {
        font-family: 'Inter', sans-serif;
        color: var(--texto-base);
        font-weight: 400;
        font-size: 1.286rem;
        line-height: 2rem;
        color: var(--texto-base);
        border-bottom: 1px solid var(--primario-bandera);
        border-top: 1px solid var(--primario-bandera);
        margin: 0 auto 0.714rem auto;
        padding: 1.143rem 0;

        .block-addtoany>.content {
            float: right;
        }

        .block-field-blocknodearticlechanged p {
            font-family: 'Inter', sans-serif;
            color: var(--texto-base);
            font-weight: 400;
            font-size: 1.286rem;
            line-height: 2rem;
        }

        .block-field-blocknodearticlechanged {
            display: flex;
            flex-direction: row;
            gap: 0.571rem;
            margin: 0;

            p {
                margin-bottom: 0;
            }
        }
    }

    /* imagen - cuerpo */
    .layout__region--fourth {
        display: flex;
        flex-direction: column;

        .block-field-blocknodearticlefield-imagen-destacada {
            margin: 0.714rem auto;
            padding: 2rem 0 2.857rem 0;
            /*width: 100%;*/
            text-align: center;
            max-width: 100%;

            * {
                width: 100%;
                height: auto;
            }
        }

        .block-field-block-field-blocknodearticlebody {
            font-family: 'Inter', sans-serif;
            color: var(--texto-base);
            font-weight: 400;
            font-size: 1.286rem;
            line-height: 2rem;

            h2 {
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                font-size: 1.429rem;
                line-height: 2rem;
            }

            h3 {
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                font-size: 1.286rem;
                line-height: 1.714rem;
            }
        }
    }
}



/* Footer */
#block-turismoenrincon-logotiposprefooter {

    .field--name-body {
        margin-top: 40px;
        text-align: center;

        img {
            max-width: 100%;
            height: auto;
            margin-bottom: 40px;
        }
    }
}

footer.site-footer {
    font-family: 'Inter', sans-serif;

    div {
        color: white;
        font-size: 1.2rem;
    }

    a {
        text-decoration: underline;
    }

    section {
        margin: 0;

        ul {
            display: flex;
            flex-direction: column;
        }

        h2 {
            margin-bottom: 5px;
        }
    }

    .site-footer__top {
        display: flex;
        justify-content: space-between;
        padding-bottom: 30px;
        border-bottom: 1px solid var(--primario-bandera);

        .region-footer-first {
            display: block;
        }

        .region-footer-second {
            nav#block-turismoenrincon-menufooterdestacados {
                margin-bottom: 40px;
            }
        }

        h2 {
            border: none;
            font-weight: 600;
            color: #fff;
            font-size: 1.2rem;
        }

        nav {
            li a {
                font-size: 1.2rem;
            }
        }
    }

    .site-footer__bottom {
        margin-top: 0;
        border-top: none;

        nav#block-turismoenrincon-piedepagina {
            padding: 0px 100px;

            ul {
                display: flex;
                justify-content: space-around;

                li a {
                    text-decoration: underline;
                    font-size: 1.2rem;
                    text-align: center;
                }
            }

            .clearfix::after {
                content: unset;
            }
        }

        div#block-turismoenrincon-marcaregistradaturismoenrincon {
            display: flex;
            justify-content: center;

            p {
                margin-bottom: 0;

                span {
                    font-size: 1.2rem;
                    color: #fff;
                }
            }
        }
    }

    #block-turismoenrincon-logotipofooter {
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 0;

        img {
            width: 100%;
            height: auto;
        }
    }

    .block {
        border: none;
    }

    .view-id-redes_sociales {

        .view-content.row {
            display: flex;
            align-items: center;

            .views-row {
                width: fit-content;
            }
        }
    }
}

/* Tipo de Contenido Pagina final */
.node--type-pagina-final {
    .block-field-blocknodepagina-finalbody {
        font-family: 'Inter', sans-serif;

        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Poppins', sans-serif;
        }

        img {
            max-width: 100%;
            height: 100%;
            object-position: center;
            object-fit: cover;
        }
    }

    .noticias-home-region {
        display: none;
    }
}

.node--type-pagina-intermedia {

    article header,
    .noticias-home-region {
        display: none;
    }

    #main-wrapper .field--name-body {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        line-height: 2rem;
        font-size: 1.28rem;
        color: var(--texto-alto-contraste);
        margin-top: 40px;
        margin-bottom: 40px;

        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Poppins', sans-serif;
        }

        a {
            color: var(--color-principal);
            font-weight: 600;
        }

        img {
            max-width: 100%;
            height: auto;
        }
    }

    .field--name-field-paginas-relacionadas {
        background-color: var(--fondo-gris);
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        padding-inline: calc((100vw - 100%) / 2);
        margin-bottom: 0;

        .field__items {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;

            article .layout__region {
                background-color: white;
                border-radius: 16px;
                width: fit-content;
                position: relative;

                .block-field-blocknodepagina-finalfield-imagen-de-paginas-relacion,
                .block-field-blocknodepagina-intermediafield-imagen-cabecera {
                    margin-bottom: 0;

                    .blazy--field-imagen-de-paginas-relacion img,
                    .blazy--field-imagen-cabecera img {
                        border-top-left-radius: 16px;
                        border-top-right-radius: 16px;
                        min-height: 240px;
                        object-fit: cover;
                    }
                }

                .block-field-blocknodepagina-finaltitle,
                .block-field-blocknodepagina-intermediatitle {
                    text-align: center;
                    padding-bottom: 20px;
                    margin-top: 20px;
                    display: flex;
                    justify-content: center;

                    .content {
                        max-width: 300px;
                    }

                    a {
                        text-decoration: none;
                        font-weight: 600;
                        color: var(--texto-alto-contraste);
                        font-size: 1.7rem;
                        line-height: 1.7rem;
                    }

                    a::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        z-index: 1;
                    }

                    a:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }

    .blazy--slick-lightbox-gallery.field--name-field-galeria {
        margin-top: 40px;
    }
}

.node--type-pagina-deportes {

    article header {
        display: none;
    }

    .field--name-body {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        line-height: 2rem;
        font-size: 1.28rem;
        color: var(--texto-alto-contraste);

        a {
            color: var(--color-principal);
            font-weight: 600;
        }
    }

    .field--name-field-instalaciones {
        margin-bottom: 60px;

        .field__label {
            font-size: 2.1rem;
            font-weight: 600;
            color: var(--texto-alto-contraste);
            margin-bottom: 10px;
        }

        .field__items {
            display: flex;
            gap: 20px;
            flex-direction: column;

            .layout--twocol-section {
                border: 1px solid var(--interfaz-lineas);
                border-radius: 16px;
                padding: 10px 20px;

                .layout__region--first .block-field-blockparagraphintalacionesfield-imagen {
                    margin: 20px 0px;

                    .blazy--field-imagen img {
                        height: 207px;
                        object-fit: cover;
                        object-position: center;
                        border-radius: 12px;
                    }
                }

                .layout__region--second {
                    padding-left: 40px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    gap: 10px;

                    .block-field-blockparagraphintalacionesfield-titulo {
                        margin: 0px;
                        margin-top: 10px;

                        h3 {
                            font-weight: 600;
                            font-size: 2.3rem;
                            line-height: 3.6rem;
                            color: var(--color-principal);
                            margin: 0;
                        }
                    }

                    .block-field-blockparagraphintalacionesfield-direccion,
                    .block-field-blockparagraphintalacionesfield-telefono,
                    .block-field-blockparagraphintalacionesfield-correo-electronico,
                    .block-field-blockparagraphintalacionesfield-web,
                    .block-field-blockparagraphintalacionesfield-enlace-mas-informacion {
                        margin: 0px;

                        .field__items {
                            gap: 10px;
                        }

                        address {
                            margin: 0;
                        }

                        a,
                        div.field__item {
                            text-decoration: none;
                            font-family: 'Inter', sans-serif;
                            font-weight: 400;
                            line-height: 2rem;
                            font-size: 1.15rem;
                            color: var(--texto-alto-contraste);
                        }

                        .field--name-field-direccion a::before,
                        .field--name-field-telefono .field__item::before,
                        .field--name-field-correo-electronico .field__item::before,
                        .field--name-field-web::before {
                            font-family: "Font Awesome 7 Free";
                            font-weight: 900;
                            display: inline-block;
                            margin-right: 0.5em;
                            color: var(--color-principal);
                        }

                        .field--name-field-direccion a::before {
                            content: '\f3c5';
                        }

                        .field--name-field-telefono .field__item::before {
                            content: '\f095';
                        }

                        .field--name-field-correo-electronico .field__item::before {
                            content: '\f0e0';
                        }

                        .field--name-field-web::before {
                            content: '\f0ac';
                        }

                        .field--name-field-direccion,
                        .field--name-field-correo-electronico,
                        .field--name-field-web {
                            a {
                                text-decoration: underline !important;
                                color: var(--color-principal) !important;
                            }
                        }

                        .field--name-field-enlace-mas-informacion a {
                            border-radius: 3px;
                            color: white;
                            display: inline-block;
                            line-height: 1;
                            padding: 12px 24px;
                            background: var(--color-principal);
                        }

                        .field--name-field-enlace-mas-informacion a::before {
                            content: '\f054';
                            font-family: "Font Awesome 7 Free";
                            font-weight: 900;
                            display: inline-block;
                            margin-right: 0.5em;
                            color: white;
                        }
                    }
                }
            }
        }
    }

    .field--name-field-otras-instalaciones-de-car {
        margin-bottom: 60px;

        .field__label {
            font-size: 2.1rem;
            font-weight: 600;
            color: var(--texto-alto-contraste);
            margin-bottom: 10px;
        }

        >.field__items {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;

            >.field__item {
                border: 1px solid var(--interfaz-lineas);
                border-radius: 12px;
                padding: 20px;

                .field--name-field-titulo h3 {
                    font-weight: 600;
                    font-size: 1.8rem;
                    line-height: 2.8rem;
                    color: var(--color-principal);
                }

                .field--name-field-direccion a {
                    text-decoration: none;
                    font-family: 'Inter', sans-serif;
                    font-weight: 400;
                    line-height: 2rem;
                    font-size: 1.15rem;
                    color: var(--texto-alto-contraste);
                }

                .field--name-field-direccion a::before {
                    content: '\f3c5';
                    font-family: "Font Awesome 7 Free";
                    font-weight: 900;
                    display: inline-block;
                    margin-right: 0.5em;
                    color: var(--color-principal);
                }
            }
        }
    }

    .paragraph--type--asociacion-deportes h2 {
        font-size: 2.1rem;
        font-weight: 600;
        color: var(--texto-alto-contraste);
        margin-bottom: 10px;
    }

    .paragraph--type--asociacion-deportes .layout--threecol-section {
        border: 1px solid gray;
        border-radius: 12px;
        background-color: var(--fondo-gris);
        padding: 30px;

        .layout__region--first {
            .block-field-blockparagraphasociacion-deportesfield-imagen {
                margin: 0;
            }
        }

        .layout__region--second {
            padding-left: 30px;
            display: flex;
            gap: 5px;
            flex-direction: column;

            .block-field-blockparagraphasociacion-deportesfield-titulo,
            .block-field-blockparagraphasociacion-deportesfield-establecimiento,
            .block-field-blockparagraphasociacion-deportesfield-direccion,
            .block-field-blockparagraphasociacion-deportesfield-correo-electronico,
            .block-field-blockparagraphasociacion-deportesfield-telefono {
                margin: 0;
            }

            .block-field-blockparagraphasociacion-deportesfield-titulo h2 {
                font-weight: 600;
            }

            .block-field-blockparagraphasociacion-deportesfield-direccion address {
                margin: 0;
            }

            .block-field-blockparagraphasociacion-deportesfield-establecimiento .field--name-field-establecimiento,
            .block-field-blockparagraphasociacion-deportesfield-direccion a,
            .block-field-blockparagraphasociacion-deportesfield-correo-electronico .field__item,
            .block-field-blockparagraphasociacion-deportesfield-telefono .field__item {
                text-decoration: none;
                font-family: 'Inter', sans-serif;
                font-weight: 400;
                line-height: 2rem;
                font-size: 1.15rem;
                color: var(--texto-alto-contraste);
            }

            .block-field-blockparagraphasociacion-deportesfield-establecimiento .field--name-field-establecimiento:before,
            .block-field-blockparagraphasociacion-deportesfield-direccion a:before,
            .block-field-blockparagraphasociacion-deportesfield-correo-electronico .field__item:before,
            .block-field-blockparagraphasociacion-deportesfield-telefono .field__item:before {
                font-family: "Font Awesome 7 Free";
                font-weight: 900;
                display: inline-block;
                margin-right: 0.5em;
                color: var(--color-principal);
            }

            .block-field-blockparagraphasociacion-deportesfield-establecimiento .field--name-field-establecimiento:before {
                content: '\f1ad';
            }

            .block-field-blockparagraphasociacion-deportesfield-direccion a:before {
                content: '\f3c5';
            }

            .block-field-blockparagraphasociacion-deportesfield-correo-electronico .field__item:before {
                content: '\f0e0';
            }

            .block-field-blockparagraphasociacion-deportesfield-telefono .field__item:before {
                content: '\f095';
            }
        }

        .layout__region--third {
            padding-left: 30px;

            h2 {
                font-weight: 600;
            }

            .block-field-blockparagraphasociacion-deportesfield-horario-invierno,
            .block-field-blockparagraphasociacion-deportesfield-horario-verano {
                margin: 0;
            }

            .schedule-info,
            .field--name-field-horario-invierno,
            .field--name-field-horario-verano {
                text-decoration: none;
                font-family: 'Inter', sans-serif;
                font-weight: 400;
                line-height: 2rem;
                font-size: 1.15rem;
                color: var(--texto-alto-contraste);
            }

            .field--name-field-horario-invierno:before,
            .field--name-field-horario-verano:before {
                font-family: "Font Awesome 7 Free";
                font-weight: 900;
                display: inline-block;
                margin-right: 0.5em;
                color: var(--color-principal);
            }

            .field--name-field-horario-invierno:before {
                content: '\f073';
            }

            .field--name-field-horario-verano:before {
                content: '\f073';
            }
        }
    }

    .field--name-field-clubes-pruebas {

        .layout--twocol-section {
            border: 1px solid gray;
            border-radius: 12px;
            background-color: var(--fondo-gris);
            padding: 30px;
            margin-top: 30px;

            .block-layout-builder {
                margin-top: 0px;

                .field--name-field-clubes {
                    ul {
                        list-style: none;
                        padding-left: 0;

                        a,
                        li {
                            text-decoration: underline;
                            font-family: 'Inter', sans-serif;
                            font-weight: 400;
                            line-height: 2rem;
                            font-size: 1.15rem;
                            color: var(--texto-alto-contraste);
                        }

                        li:before {
                            content: '\f3ed';
                            font-family: "Font Awesome 7 Free";
                            font-weight: 900;
                            display: inline-block;
                            margin-right: 0.5em;
                            color: var(--color-principal);
                        }
                    }
                }

                .field--name-field-principales-pruebas {
                    ul {
                        list-style: none;
                        padding-left: 0;

                        li {
                            font-family: 'Inter', sans-serif;
                            font-weight: 400;
                            line-height: 2rem;
                            font-size: 1.15rem;
                            color: var(--texto-alto-contraste);
                        }

                        li:before {
                            content: '\f091';
                            font-family: "Font Awesome 7 Free";
                            font-weight: 900;
                            display: inline-block;
                            margin-right: 0.5em;
                            color: var(--color-principal);
                        }
                    }
                }
            }
        }
    }

    .noticias-home-region {
        display: none;
    }

    #main {
        margin-bottom: 40px;
    }
}

h2.blue,
h3.blue {
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 3.6rem;
    color: var(--color-principal);
}

h3.blue {
    font-size: 2rem;
}

/* Localidades */
.node--type-localidades header .node__meta {
    display: none;
}

/* Página noticias */
.node--type-article {
    .block-field-blocknodearticlefield-imagen-destacada {
        margin-bottom: 1.5rem;
    }

    .row.info-noticias {
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        >div.layout__region {
            width: 100%;
        }

        .layout__region.layout__region--second {
            >div {
                margin: 0;
            }
        }

        .layout__region.layout__region--third {
            display: flex;
            justify-content: end;
        }
    }

    .layout--noticias {
        .field--name-title h1 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 2rem;
            line-height: 2.625rem;
            margin-bottom: 1.875rem;
            color: #1F2A31;
        }

        .field--name-field-entradilla {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 1.429rem;
            line-height: 2rem;
            color: var(--texto-alto-contraste);
        }
    }
}

.gray_container {
    padding: 30px;
    background-color: #F3F3F3;
    border-radius: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Tipo De Contenido Restaurantes */
.node--type-restaurante {

    .layout__region--second {
        padding-left: 30px;

        .block-field-blocknoderestaurantetitle {
            margin-bottom: 10px;

            h1 {
                font-weight: 600;
                color: var(--color-principal);
            }
        }

        .block-field-blocknoderestaurantebody {
            margin-top: 10px;
            margin-bottom: 40px;

            .field--name-body p {
                font-family: 'Inter', sans-serif;
                font-size: 1.3rem;
                color: var(--texto-alto-contraste);
            }
        }

        .block-field-blocknoderestaurantefield-contacto {
            margin: 20px 0px;
            padding: 20px 0px;
            border-top: 1px solid var(--interfaz-lineas);
            border-bottom: 1px solid var(--interfaz-lineas);
            line-height: 2.3rem;

            .field--name-field-direccion address,
            .field--name-field-telefono .field__item,
            .field--name-field-pagina-web {
                font-family: 'Inter', sans-serif;
                font-size: 1.3rem;
                color: var(--texto-alto-contraste);
                word-break: break-word;
            }

            .field--name-field-direccion address {
                margin-bottom: 0px;

                a {
                    text-decoration: none;
                    color: var(--azul-alto-contraste);
                }

                a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }
            }

            .field--name-field-direccion a::before,
            .field--name-field-telefono i {
                font-family: "Font Awesome 7 Free";
                font-weight: 900;
                display: inline-block;
                margin-right: 0.5em;
                color: var(--color-principal);
            }

            .field--name-field-direccion a::before {
                content: '\f3c5';
            }

            .field--name-field-pagina-web i {
                color: var(--color-principal);
            }
        }

        .block-field-blocknoderestaurantefield-galeria .h2_decoration {
            display: none;
        }

        .block-field-blocknoderestaurantefield-ubicacion-mapa {
            margin: 20px 0px;
            border-bottom: 1px solid var(--interfaz-lineas);
            padding-bottom: 20px;

            iframe {
                width: 100%;
            }
        }

        .block-field-blocknoderestaurantefield-galeria .galeria_imagenes {
            padding: 0;

            .field__item {
                flex-basis: calc(33.333% - 20px);
            }
        }
    }
}

/* Vista Restaurantes */
.view-id-restaurantes {
    margin-top: 20px;

    .restaurante-item {
        .restaurante-imagen img {
            width: 100%;
            height: 486px;
            object-fit: cover;
            object-position: center;
        }

        .restaurante-body {

            h2 a {
                font-weight: 600;
                color: var(--color-principal);
                text-decoration: none;
            }

            h2 a:hover {
                text-decoration: underline;
            }

            .descripcion p {
                font-family: 'Inter', sans-serif;
                font-size: 1.28rem;
                line-height: 1.35rem;
            }

            .ver-mas a {
                color: white;
                font-weight: 700;
                font-size: 1.3rem;
                line-height: 2rem;
                text-decoration: none;
                background-color: var(--color-principal);
                border-radius: 8px;
                padding: 10px 18px;
                font-family: 'Inter', sans-serif;
            }

            .restaurante-right {

                a {
                    text-decoration: none;
                    font-size: 1.28rem;
                    color: var(--color-principal);
                }
            }
        }
    }
}

/* Tipo de contenido eventos */
.node--type-eventos {
    .layout__region--second {
        padding-left: 30px;

        .block-field-blocknodeeventostitle {
            margin-bottom: 10px;

            h1 {
                font-weight: 600;
                color: var(--color-principal);
            }
        }

        .block-field-blocknodeeventosfield-categoria-evento {
            margin: 20px 0px;

            .field--name-field-categoria-evento {
                width: fit-content;
                padding: 10px 20px;
                background-color: var(--color-principal);
                border-radius: 8px;
                color: white;
                margin-bottom: 0;
            }
        }

        .block-field-blocknodeeventosbody {
            margin-top: 10px;
            margin-bottom: 40px;

            .field--name-body p {
                font-family: 'Inter', sans-serif;
                font-size: 1.3rem;
                line-height: 1.8rem;
                color: var(--texto-alto-contraste);
            }
        }

        .block-field-blocknodeeventosfield-fecha-inicio,
        .block-field-blocknodeeventosfield-fecha-final,
        .block-field-blocknodeeventosfield-precio,
        .block-field-blocknodeeventosfield-ubicacion {
            margin: 20px 0px;
            font-family: 'Inter', sans-serif;
            font-size: 1.3rem;

            .field__label {
                font-weight: bolder;
            }

            .field__label:after {
                content: ':';
            }
        }

        .block-field-blocknodeeventosfield-fecha-inicio,
        .block-field-blocknodeeventosfield-fecha-final {

            .field__label:before {
                font-family: "Font Awesome 7 Free";
                font-weight: 900;
                display: inline-block;
                margin-right: 0.5em;
                color: var(--color-principal);
                content: '\f073';
            }
        }

        .block-field-blocknodeeventosfield-precio .field:before {
            font-family: "Font Awesome 7 Free";
            font-weight: 900;
            display: inline-block;
            margin-right: 0.5em;
            color: var(--color-principal);
            content: '\f145';
        }

        .block-field-blocknodeeventosfield-ubicacion .field:before {
            font-family: "Font Awesome 7 Free";
            font-weight: 900;
            display: inline-block;
            margin-right: 0.5em;
            color: var(--color-principal);
            content: '\f3c5';
        }

        .block-field-blocknodeeventosfield-ubicacion-mapa {
            margin: 20px 0px;
            border-bottom: 1px solid var(--interfaz-lineas);
            padding-bottom: 20px;

            iframe {
                width: 100%;
            }
        }
    }
}

/* Vista de listado de eventos */
.view-id-eventos.view-display-id-page_1,
.view-id-noticias.view-display-id-page_1,
.view-id-noticias.view-display-id-page_2 {
    margin-top: 20px;
    margin-bottom: 40px;

    .view-header h1 {
        font-weight: 600;
    }

    /* Filtros */
    .view-filters {
        margin-top: 20px;

        #views-exposed-form-eventos-page-1 .d-flex,
        #views-exposed-form-noticias-page-1 .d-flex,
        #views-exposed-form-noticias-page-2 .d-flex {
            gap: 10px;

            .js-form-item {

                label {
                    font-family: 'Inter', sans-serif;
                    font-weight: 400;
                    font-size: 0.875rem;
                    line-height: 1.25rem;
                    color: var(--texto-alto-contraste);
                }

                input,
                select {
                    border: 1px solid var(--interfaz-lineas);
                    padding: 10px;
                    min-height: 48px;
                    min-width: 231px;
                }
            }

            .form-submit {
                background-color: var(--color-principal);
                border-radius: 8px;
                padding: 8px 14px;
                width: fit-content;
                color: white;
                font-family: 'Poppins', sans-serif;
                font-weight: 700;
                font-size: 1.125rem;
                line-height: 1.75rem;
                min-height: 48px;
                border-color: var(--color-principal);
            }
        }
    }

    /* Listado */
    .views-view-responsive-grid {
        margin-top: 20px;

        .views-view-responsive-grid__item-inner {
            display: flex;
            flex-direction: column;
            gap: 10px;

            .views-field-field-imagen-destacada img {
                width: 100%;
                height: auto;
            }

            .views-field-field-categoria-evento a {
                font-family: 'Inter', sans-serif;
                font-weight: 700;
                font-size: 1.125rem;
                line-height: 1.75rem;
                color: var(--color-principal);
            }

            .views-field-title a {
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                font-size: 1.3rem;
                line-height: 2rem;
                color: var(--texto-alto-contraste);
            }

            .views-field-field-fecha-inicio .field-content {
                font-family: 'Inter', sans-serif;
                font-weight: 400;
                font-size: 1rem;
                color: var(--interfaz-lineas);
                display: flex;
                align-items: center;
                text-transform: lowercase;
            }

            .views-field-created .field-content {
                font-family: 'Inter', sans-serif;
                font-weight: 400;
                font-size: 1rem;
                color: var(--interfaz-lineas);
                display: flex;
                align-items: center;
                text-transform: lowercase;
            }

            .views-field-field-ubicacion .field-content {
                font-family: 'Inter', sans-serif;
                font-weight: 400;
                font-size: 1rem;
                color: var(--interfaz-lineas);
                display: flex;
                align-items: center;
            }

            .views-field-field-fecha-inicio .field-content:before,
            .views-field-field-ubicacion .field-content:before {
                font-family: "Font Awesome 7 Free";
                font-weight: 900;
                display: inline-block;
                margin-right: 0.5em;
                color: var(--color-principal);
                font-size: 1.3rem;
            }

            .views-field-field-fecha-inicio .field-content:before {
                content: '\f133';
            }

            .views-field-field-ubicacion .field-content:before {
                content: '\f3c5';
            }
        }
    }

    /* Paginador */
    .pagination {
        justify-content: flex-end;
        gap: 8px;
        margin: 32px 0;

        .page-link {
            color: var(--color-principal);
            padding: 8px 12px 8px 12px;
            border-radius: 8px;
            border: 1px solid var(--color-principal);
        }

        .page-item:first-child .page-link {
            border-radius: 8px
        }

        .page-item:not(:first-child) .page-link {
            margin-left: -1px;
        }

        .page-item.active .page-link,
        .page-item.active .page-link:hover {
            color: white !important;
            background-color: var(--color-principal);
            border-color: var(--color-principal);
        }
    }
}

/* Página Multimedia */
.view-multimedia.view-id-multimedia {
    margin-top: 20px;
    margin-bottom: 40px;

    .view-header h1 {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .views-view-responsive-grid__item-inner {
        display: flex;
        flex-direction: column;
        gap: 10px;

        .views-field-field-imagen img {
            width: 100%;
            height: auto;
        }

        .views-field-name {
            display: flex;
            justify-content: center;

            a {
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                font-size: 1.3rem;
                line-height: 2rem;
                color: var(--texto-alto-contraste);
            }
        }
    }
}

/* pagina multimedia videos */
.block-field-blocktaxonomy-termmultimediafield-galeria-de-videos .field--name-field-galeria-de-videos {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);

    iframe {
        width: 100%;
        height: 250px;
    }
}

.path-eventos .noticias-home-region {
    display: none;
}


/* Vista de Tipos de gastronomía en la ruta /gastronomía */
#block-turismoenrincon-views-block-tipos-de-gastronomia-block-1 {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    background-color: var(--fondo-gris);
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    padding-inline: calc((100vw - 100%) / 2);
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;

    .list-group-item {
        border-radius: 8px;

        .views-field-field-imagen {
            img {
                height: 233px;
                object-fit: cover;
                object-position: center;
            }
        }

        .views-field-name {
            display: flex;
            justify-content: center;
            padding: 20px;

            a {
                text-decoration: none;
                color: var(--texto-alto-contraste);
                font-size: 1.7rem;
                line-height: 1.7rem;
                font-weight: 600;
            }

            a:hover {
                text-decoration: underline;
            }
        }
    }
}

/* Vista de listado de restaurantes filtrada por taxonomía */
.node--type-restaurante.node--view-mode-teaser {

    .layout--twocol-section {
        padding: 0px 20px;

        .layout__region--first {
            img {
                height: 200px;
                object-fit: cover;
            }
        }

        .layout__region--second {
            .block-field-blocknoderestaurantetitle h2 {
                font-weight: 600;
                color: var(--color-principal);
            }

            .block-field-blocknoderestaurantefield-contacto {
                border: none;
                margin: 10px 0px;
                padding: 0px;

                .field--name-field-telefono {
                    margin-top: 7px;
                }

                .field--name-field-pagina-web {
                    display: none;
                }
            }

            .more-link {
                margin-top: 20px;

                a {
                    color: white;
                    font-weight: 700;
                    font-size: 1.3rem;
                    line-height: 2rem;
                    text-decoration: none;
                    background-color: var(--color-principal);
                    border-radius: 8px;
                    padding: 10px 18px;
                    font-family: 'Inter', sans-serif;
                }

                a:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}

/* Bloque Contacto */
.field--name-field-bloque-contacto-horario {
    font-family: 'Inter', sans-serif;

    h3 {
        font-family: 'Poppins', sans-serif;
    }

    .descripcion-agrupacion {
        font-size: 1.28rem;
        margin-bottom: 20px;
    }

    .field--name-field-direccion address {
        margin-bottom: 0;

        a {
            text-decoration: none;
            color: #3B3B3B;
        }

        a:hover {
            text-decoration: underline;
        }

        a:before {
            content: '\f3c5';
            font-family: "Font Awesome 7 Free";
            font-weight: 900;
            display: inline-block;
            margin-right: 0.5em;
            font-size: 1.71rem;
        }
    }
}

/* Estilos de layout para CKeditor */
.layout--twocol-ckeditor,
.layout--threecol-ckeditor {
    display: flex;
    flex-direction: row;
    gap: 20px;

    /* div {
        width: 100%;
    } */
}

.layout--twocol-30-70-ckeditor,
.layout--twocol-70-30-ckeditor {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 0;
}

#main-wrapper .field--name-body {

    a {
        text-decoration: underline;
    }

    table {
        thead {
            background-color: var(--color-principal);

            th {
                color: white
            }
        }
    }
    img{
        width: 100%;
        height: auto;
    }
}

#block-turismoenrincon-views-block-vista-taxonomias-block-1 {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    background-color: var(--fondo-gris);
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    padding-inline: calc((100vw - 100%) / 2);
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;

    .view-id-vista_taxonomias .view-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;

        .views-row {
            background-color: white;
            border-radius: 8px;
            padding: 10px 20px;
            display: flex;
            flex-direction: column;
            min-height: 200px;

            .views-field-name {
                margin-bottom: 5px;
                color: var(--color-principal);
                font-size: 1.714rem;
                font-weight: 600;
            }

            .views-field-field-direccion,
            .views-field-field-web,
            .views-field-field-correo-electronico,
            .views-field-field-telefono {
                font-family: 'Inter', sans-serif;
                font-size: 1.24rem;
                line-height: 2.2rem;

                i {
                    margin-right: 5px;
                }
            }
        }
    }
}

/* Bloques de Vista de Farmacias, Hospitales, alquiler de bicicletas y Bibliotecas */
#block-turismoenrincon-views-block-vista-taxonomias-farmacias,
#block-turismoenrincon-views-block-vista-taxonomias-hospitales,
#block-turismoenrincon-views-block-vista-taxonomias-bicicletas,
#block-turismoenrincon-views-block-vista-taxonomias-bicicletas-2,
#block-turismoenrincon-views-block-vista-taxonomias-bibliotecas {
    /* width: 100vw;
    max-width: 100vw;
    position: relative;
    background-color: var(--fondo-gris);
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    padding-inline: calc((100vw - 100%) / 2);
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px; */

    .view-id-vista_taxonomias .view-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        .views-row {
            padding: 20px 40px;
            display: flex;
            flex-direction: column;
            border-bottom: 1px solid var(--interfaz-lineas);

            .views-field-name {
                margin-bottom: 5px;
                color: var(--color-principal);
                font-size: 1.714rem;
                font-weight: 600;
            }

            .views-field-field-direccion,
            .views-field-field-web,
            .views-field-field-correo-electronico,
            .views-field-field-telefono {
                font-family: 'Inter', sans-serif;
                font-size: 1.24rem;
                line-height: 2.2rem;

                i {
                    margin-right: 5px;
                }
            }
        }
    }
}

.drupal-layout__column {
    display: flex;
    flex-direction: column;
}

.field--type-entity-reference > .field__label {
    font-weight: normal;
    margin: 0;
    padding-top: 20px;
    padding-right: 5px;
}

.slick-lightbox{

    .slick-dots {
        bottom: 150px;
    }
    .slick-dots li.slick-active button .slick-dot-icon {
        color: white;
    }
    .slick-dots li button .slick-dot-icon {
        color: white;
        opacity: .50;
    }
    .slick-lightbox-close:focus-visible {
        outline: -webkit-focus-ring-color auto 1px;
    }
    .slick-lightbox-close:focus-visible:before{
        color: orange;
        opacity: 1;
    }
}

.form-control{
    width: auto;
    .btn-primary {
        background-color: #00629B;
        border-color: #00629B;
    }
}