:root {
    --color-1: #ffffff;
    /* 49 usos */
    --color-2: #82212e;
    /* 25 usos */
    --color-3: #000000;
    /* 14 usos */
    --color-4: #333333;
    /* 10 usos */
    --color-5: #973a4b;
    /* 10 usos */
    --color-6: #81212d;
    /* 10 usos */
    --color-7: #a12330;
    /* 8 usos */
    --color-8: #e0e0e0;
    /* 7 usos */
    --color-9: #973a4c;
    /* 7 usos */
    --color-10: rgba(99, 99, 99, 0.2);
    /* 7 usos */
    --color-11: rgba(0, 0, 0, 0.1);
    /* 6 usos */
    --color-12: #555555;
    /* 5 usos */
    --color-13: #222222;
    /* 5 usos */
    --color-14: #a1232f;
    /* 5 usos */
    --color-15: #6b8097;
    /* 5 usos */
    --color-16: #eeeeee;
    /* 4 usos */
    --color-17: #dbaa27c7;
    /* 4 usos */
    --color-18: #404040;
    /* 4 usos */
    --color-19: #788592;
    /* 4 usos */
    --color-20: rgba(0, 0, 0, 0.15);
    /* 4 usos */
    --color-21: rgba(1, 1, 1, 0.7);
    /* 4 usos */
    --color-22: rgba(100, 100, 111, 0.2);
    /* 4 usos */
    --font-size-1: clamp(1rem, 1vw, 1.125rem);
    /* 9 usos */
    --font-size-2: 16px;
    /* 6 usos */
    --font-size-3: 0.8rem;
    /* 6 usos */
    --font-size-4: 14px;
    /* 5 usos */
    --padding-1: 0;
    /* 52 usos */
    --padding-2: 0;
    /* 22 usos */
    --padding-3: 10px;
    /* 16 usos */
    --padding-4: 20px;
    /* 15 usos */
    --padding-5: 15px;
    /* 13 usos */
    --padding-6: 5px;
    /* 11 usos */
    --padding-7: 30px;
    /* 5 usos */
    --padding-8: 25px;
    /* 4 usos */
    --padding-9: 12px 5px 12px 20px;
    /* 4 usos */
}

/* =============================
   Tipografías
============================= */
/* poppins-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2');
}

/* poppins-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-italic.woff2') format('woff2');
}

/* poppins-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-500.woff2') format('woff2');
}

/* poppins-500italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-500italic.woff2') format('woff2');
}

/* poppins-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-600.woff2') format('woff2');
}

/* poppins-600italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-600italic.woff2') format('woff2');
}

/* poppins-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-700.woff2') format('woff2');
}

/* poppins-700italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-700italic.woff2') format('woff2');
}

/* poppins-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-800.woff2') format('woff2');
}

/* poppins-800italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-800italic.woff2') format('woff2');
}

/* poppins-900 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-900.woff2') format('woff2');
}

/* poppins-900italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: url('/themes/custom/daudo_subtheme/fonts/poppins/poppins-v24-latin-900italic.woff2') format('woff2');
}

@font-face {
    font-family: "DulceVita";
    font-display: swap;
    src: url("/themes/custom/daudo_subtheme/fonts/Dolce-Vita-Light.woff2") format("woff2");
    font-weight: 100 200;
    font-style: normal;
}

@font-face {
    font-family: "DulceVita";
    font-display: swap;
    src: url("/themes/custom/daudo_subtheme/fonts/Dolce-Vita.woff2") format("woff2");
    font-weight: 300 500;
    font-style: normal;
}

@font-face {
    font-family: "DulceVita";
    font-display: swap;
    src: url("/themes/custom/daudo_subtheme/fonts/Dolce-Vita-Bold.woff2") format("woff2");
    font-weight: 600 900;
    font-style: normal;
}

/* =============================
   Forzar tamaños de Títulos
   (Sobrescribiendo clases fsize-)
============================= */

/* H1: MANTIENE TAMAÑO + BOLD */
h1[class*="fsize-"] {
    font-family: "DulceVita", sans-serif !important;
    font-size: clamp(2.2rem, 3vw, 3rem) !important;
    font-weight: bold !important;
    /* H1 en Negrita */
    letter-spacing: normal !important;
}

/* H2: MANTIENE TAMAÑO + BOLD */
h2[class*="fsize-"] {
    font-family: "DulceVita", sans-serif !important;
    font-size: clamp(1.9rem, 2.6vw, 2.5rem) !important;
    font-weight: bold !important;
    /* H2 en Negrita */
    letter-spacing: normal !important;
}

/* H3 a H6: TAMAÑOS AJUSTADOS + PESO 500 */
h3[class*="fsize-"] {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(1.25rem, 1.7vw, 1.43rem) !important;
    font-weight: 500 !important;
    /* Medio */
    letter-spacing: normal !important;
}

h4[class*="fsize-"] {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(1.15rem, 1.5vw, 1.28rem) !important;
    font-weight: 500 !important;
    /* Medio */
    letter-spacing: normal !important;
}

h5[class*="fsize-"] {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(1.05rem, 1.3vw, 1.125rem) !important;
    font-weight: 500 !important;
    /* Medio */
    letter-spacing: normal !important;
}

h6[class*="fsize-"] {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
    font-weight: 500 !important;
    /* Medio */
    letter-spacing: normal !important;
}

/* =============================
   Base global
============================= */
html {
    font-size: clamp(17px, 0.9vw + 0.5rem, 18px) !important;
    letter-spacing: normal !important;
}

body {
    font-family: "Poppins", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
}

/* =============================
   Titulares (Estilos Generales)
============================= */

/* REGLA ESPECÍFICA: H1 y H2 en Bold */
h1,
h2 {
    font-family: "DulceVita", sans-serif !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}

/* REGLA ESPECÍFICA: H3 al H6 en 500 */
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
}

/* --- TAMAÑOS --- */

h1 {
    font-size: clamp(2.2rem, 3vw, 3rem) !important;
}

h2 {
    font-size: clamp(1.9rem, 2.6vw, 2.5rem) !important;
}

h3 {
    font-size: clamp(1.25rem, 1.7vw, 1.43rem) !important;
}

h4 {
    font-size: clamp(1.15rem, 1.5vw, 1.28rem) !important;
}

h5 {
    font-size: clamp(1.05rem, 1.3vw, 1.125rem) !important;
}

h6 {
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
}

/* =============================
   Texto general
============================= */
p,
li,
a,
strong,
em,
small,
button,
input,
textarea,
select {
    font-family: "Poppins", sans-serif !important;
    letter-spacing: normal !important;
}

p,
li,
a,
strong,
em {
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
}

small {
    font-size: clamp(0.875rem, 0.8vw, 1rem) !important;
}

button,
input,
textarea,
select {
    font-size: clamp(0.9375rem, 0.9vw, 1rem) !important;
}

/* =============================
   HERENCIA DE SPAN
============================= */
span {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
}

/* SPANS DENTRO DE H1/H2 -> BOLD */
h1[class*="fsize-"] span,
h2[class*="fsize-"] span {
    font-family: "DulceVita", sans-serif !important;
    font-weight: bold !important;
    letter-spacing: normal !important;
}

h1[class*="fsize-"] span {
    font-size: clamp(2.2rem, 3vw, 3rem) !important;
}

h2[class*="fsize-"] span {
    font-size: clamp(1.9rem, 2.6vw, 2.5rem) !important;
}

/* SPANS DENTRO DE H3-H6 -> 500 */
h3[class*="fsize-"] span,
h4[class*="fsize-"] span,
h5[class*="fsize-"] span,
h6[class*="fsize-"] span {
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
}

h3[class*="fsize-"] span {
    font-size: clamp(1.25rem, 1.7vw, 1.43rem) !important;
}

h4[class*="fsize-"] span {
    font-size: clamp(1.15rem, 1.5vw, 1.28rem) !important;
}

h5[class*="fsize-"] span {
    font-size: clamp(1.05rem, 1.3vw, 1.125rem) !important;
}

h6[class*="fsize-"] span {
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: calc(100vw - 200px);
    }

    .breadcrumb-content-inner .breadcrumb-content-main {
        display: flex;
        min-width: calc(100vw - 200px);
        max-width: calc(100vw - 200px);
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1550px;
    }

    .breadcrumb-content-inner .breadcrumb-content-main {
        display: flex;
        min-width: 1550px;
    }

    .gsc-button.extra-large {
        padding: 20px 60px;
    }

    .event-block-2 .event-meta {
        margin-top: 5px;
        line-height: 22px;
    }

    .post-block .post-content .post-meta {
        font-weight: 700;
        margin: 25px 0 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: "gilmer";
    }

    .column-inner.bg-size-cover .column-content-inner pre {
        display: flex;
        justify-content: center;
    }

    .inicio-busqueda-fama {
        label.radio {
            margin-bottom: 9px !important;
        }
    }
    .container {
        max-width: calc(82vw-200px);
    }

    .quick-links-container {
        gap: 0;
        padding: var(--padding-6);
        width: 1500px;
    }

    .quick-links-item {
        width: calc(90% / 6) !important;
    }
}

.event-block-2 .event-meta {
    display: none;
}

.site-branding__text {
    display: none;
}

.gbb-row .bb-inner {
    padding-top: var(--padding-2);
    padding-bottom: 100px;
}

.header-title {
    display: none;
}

#footer .footer-center {
    padding: 40px 0 20px;
}

#footer {
    color: var(--color-1);
    background: url(/themes/custom/gavias_daudo/images//bg-footer.png) no-repeat center bottom #3d3d3d;
}

#footer a {
    color: var(--color-1);
}

/* cabecera la Generico */
#block-daudo-subtheme-enlacesdeayudaalanavegacion .breadcrumb-style.gva-parallax-background {
    background-image: none !important;
    background-color: var(--color-16) !important;
}

/* cabecera investigacion*/
#block-daudo-subtheme-enlacesdeayudaalanavegacion-2 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/investigar.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-2 .absolute {
    display: none;
}

/* cabecera estudia*/
#block-daudo-subtheme-enlacesdeayudaalanavegacion-3 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/estudiar.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-3 .absolute {
    display: none;
}

/* cabecera la sociedad*/
#block-daudo-subtheme-enlacesdeayudaalanavegacion-4 .breadcrumb-style.gva-parallax-background {
    /*background-image: url(/sites/default/files/Im%C3%A1genes/BannerGris.jpg) !important;*/
    background-image: url(/sites/default/files/Banners%20Cabecera/La%20sociedad.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-4 .absolute {
    display: none;
}

/* cabecera la colección*/
#block-daudo-subtheme-enlacesdeayudaalanavegacion-5 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/coleccion.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-5 .absolute {
    display: none;
}

/* cabecera la conocenos*/
#block-daudo-subtheme-enlacesdeayudaalanavegacion-6 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Im%C3%A1genes/BannerNegro.jpg) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-6 .absolute {
    display: none;
}

/* cabecera la Infromación practica */
#block-daudo-subtheme-enlacesdeayudaalanavegacion-7 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/informacion_practica.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-7 .absolute {
    display: none;
}

/* cabecera la Servicios para */
#block-daudo-subtheme-enlacesdeayudaalanavegacion-8 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/servicios_para.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-8 .absolute {
    display: none;
}

/* cabecera la Conocenos */
#block-daudo-subtheme-enlacesdeayudaalanavegacion-9 .breadcrumb-style.gva-parallax-background {
    background-image: url(/sites/default/files/Banners%20Cabecera/conocenos.png) !important;
}

#block-daudo-subtheme-enlacesdeayudaalanavegacion-9 .absolute {
    display: none;
}

/* Texto de cabecera */
.block-dropdown-language .dropbutton-wrapper ul.dropbutton {
    right: 35px;
}

.block-dropdown-language .dropbutton-wrapper ul.dropbutton>li {
    color: #2a2a2a;
}

.block-dropdown-language .dropbutton-wrapper ul.dropbutton>li.dropbutton-toggle .dropbutton-arrow {
    border-top-color: #2a2a2a !important;
}

@media screen and (max-width: 975px) {
    .block-dropdown-language .dropbutton-wrapper ul.dropbutton {
        right: 0;
    }
}

.tp-mask-wrap>.tp-caption {
    padding: var(--padding-4) !important;
    background-color: #ecd6adc9;
}

/* Inicio */
.display-grid .column-content-inner {
    display: grid;
}

.btn-derecha-inicio .column-content-inner {
    display: flex;
    justify-content: flex-end;
}

.btn-centro-inicio .column-content-inner {
    display: flex;
    justify-content: center;
}

.btn-izquierda-inicio .column-content-inner {
    display: flex;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {

    .btn-derecha-inicio .column-content-inner,
    .btn-izquierda-inicio .column-content-inner {
        justify-content: center;
    }

    .breadcrumb-content-inner .breadcrumb-content-main {
        display: flex;
        max-width: 100%;
    }
}

.busqueda-fama .js-form-item {
    width: 100%;
}

.busqueda-fama input.form-search {
    width: 100%;
    border-radius: 4px;
    border: none;
    height: 46px;
}

.busqueda-fama #edit-submit {
    appearance: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='11' cy='11' r='7' stroke='black' stroke-width='1' fill='none'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22' stroke='black' stroke-width='1'/%3E%3C/svg%3E") no-repeat center;
    background-size: 30px;
    text-indent: -9999px;
    padding-right: var(--padding-8);
    width: 30px;
    height: 46px;
    border: none;
    cursor: pointer;
}

.busqueda-fama #edit-actions {
    position: absolute;
    right: 0;
}

.busqueda-fama #search-block-form {
    position: relative;
}

.quick-links-container {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    align-self: center;
    gap: 25px;
    row-gap: 25px;
    flex-flow: row wrap;
    padding: var(--padding-7);
}

.quick-links-item {
    display: flex;
    flex-flow: column;
    width: 230px;
    height: 200px;
    align-items: center;
    justify-content: flex-start;
    border-radius: 4px;
    padding: 8px;
    box-shadow: var(--color-20) 0 5px 15px 0;
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    padding-top: 40px;
}

.quick-links-image img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

.quick-links-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    width: 100%;
    margin-bottom: 15px;
}

.quick-links-image a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    width: 100%;
}

.quick-links-url a {
    font-weight: 600;
    color: #9c1f2f;
    text-decoration: none;
}

.quick-links-url {
    width: 100%;
    text-align: center;
}

.quick-links-txt {
    width: 100%;
    text-align: center;
    line-height: 17px;
    white-space: normal;
    font-family: "Poppins", sans-serif !important;
    color: #651a24;
    font-weight: 400;
}

.quick-links-url a:hover~.quick-links-item {
    transform: translateY(2px);
    box-shadow: var(--color-20) 0 3px 10px 0;
}

@media screen and (max-width: 1640px) {
    .quick-links-container {
        padding: 30px 20%;
    }
}

@media screen and (max-width: 1299px) {
    .quick-links-container {
        padding: 30px 10%;
    }
}

@media screen and (max-width: 980px) {
    .quick-links-container {
        padding: var(--padding-7);
    }
}

@media screen and (max-width: 580px) {
    .quick-links-container {
        padding: var(--padding-3);
        gap: 10px;
        row-gap: 10px;
    }

    .quick-links-item {
        width: 48%;
        height: 165px;
    }

    .quick-links-image {
        height: 50px;
        margin-bottom: 8px;
    }

    .quick-links-txt {
        line-height: 3.5vw;
    }
}

@media screen and (max-width: 580px) {
    .breadcrumb-content-inner .gva-parallax-background .gva-parallax-inner {
        background-position: 22% !important;
        width: 236% !important;
        background-size: contain !important;
        height: 207% !important;
    }
}

pre {
    font-family: "Hind", sans-serif !important;
}

.help.gav-help-region {
    display: none !important;
}

.h2-encabezados-inicio h2 {
    color: #9c1f2f !important;
}

.margin-top-btn {
    margin-top: 30px;
}

.container-encabezado-derecha-eventos {
    display: flex;
    align-items: center;
}

.container-encabezado-derecha-eventos .bg-size-cover {
    padding-left: 60px;
}

.encabezado-derecha-eventos {
    padding: 70px 20px !important;
    border: 4px solid var(--color-1);
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 992px) {
    .container-encabezado-derecha-eventos .bg-size-cover {
        padding-left: var(--padding-4);
    }
}

@media screen and (max-width: 1045px) {
    .catalogo-slider {
        display: none !important;
    }

    .container-encabezado-derecha-eventos .bg-size-cover {
        padding-left: var(--padding-4);
        padding-right: var(--padding-4);
        margin: 80px 0;
    }

    .inicio-busqueda-fama {
        .radio-inputs {
            display: flex;
            justify-content: center;
            padding-bottom: 80px !important;
        }

        .inicio-busqueda-fama {
            label.radio {
                font-size: var(--font-size-4);
                font-weight: 700;
                background: unset;
                padding: 10px 20px;
                min-width: 168px;
                color: white;
                border: 2px solid white;
                cursor: pointer;
                margin-bottom: 19px;
            }
        }
    }
}

.gsc-video-box.style-1 .video-content-left {
    width: 100% !important;
}

.gsc-video-box.style-1 {
    margin-bottom: 0 !important;
}

.container-encabezado-expobus {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
}

.container-descubre-la-bus {
    padding-top: 160px !important;
}

.container-encabezado-expobus p {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1050px) {

    .container-encabezado-expobus .gsc-heading.style-1 .title-desc {
        margin-top: 6px;
    }
}

@media screen and (max-width: 560px) {
    .gbb-row-wrapper.section.row-first-level.container-descubre-la-bus.gbb-row.bg-size-cover {
        padding-right: var(--padding-1) !important;
        padding-top: 140px !important;
        align-items: center;
        padding-bottom: var(--padding-8) !important;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }


    .container-descubre-la-bus .row {
        justify-content: center;
        gap: 10px;
    }

    .col-sm-12.col-12.img-descubre-bus-shadow {
        padding: 10px 0;
        max-height: 150px;
        max-width: 230px;
    }

    .gbb-row-wrapper.section.row-first-level.bucador_fama_inicio.gbb-row.bg-size-cover.gbb-row .bb-inner.padding-small {
        margin-right: calc(100% / 15) !important;
        margin-left: calc(100% / 15) !important;
    }
}

.container-redes-sociales {
    display: flex;
    flex-flow: row wrap;
    width: 238px;
    height: 50px;
    gap: 10px;
    padding: var(--padding-3);
    background-color: var(--color-1);
    position: absolute;
    right: 0;
    z-index: 3;
}

.item-redes-sociales {
    width: 28px;
}

#block-daudo-subtheme-redessocialesheader {
    margin-bottom: 0;
}

#block-daudo-subtheme-redessocialesheader .block-content {
    display: flex;
    justify-content: center;
}

#block-daudo-subtheme-redessocialesheader .block-content>.field--name-body {
    position: relative;
    width: 100%;
    max-width: 1200px;
}

header.header-default {
    box-shadow: none;
    /*border-bottom: 10px solid var(--color-2);*/
}

.gsc-video-box.style-1 .video-content-left {
    margin-bottom: 0 !important;
}

.navigation .gva_menu>li>a {
    font-weight: 600;
}

.navigation .gva_menu .sub-menu>li>a {
    font-weight: 600;
    color: #1a1a1a;
    font-family: "Poppins", sans-serif !important;
}

.gva-search-region .icon {
    font-size: 18px;
}



/* EVENTOS HOME */
.events-list-home .view-content-wrap {
    display: flex;
    flex-flow: row wrap;
    gap: 2%;
    row-gap: 20px;
}

.events-list-home .view-content-wrap .item {
    width: 32%;
    display: flex;
    flex-flow: column;
}

.events-list-home .event-block-2 {
    margin-bottom: 0;
    padding-bottom: var(--padding-2);
    display: flex;
    flex-flow: column;
    border-bottom: none;
}

.events-list-home .event-block-2 .event-image {
    width: 100%;
}

.events-list-home .event-block-2 .event-image .event-date {
    float: none;
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    margin-top: 0;
    width: 100%;
    height: 90px;
    box-shadow: none;
    background-color: var(--color-2);
}

.events-list-home .event-block-2 .event-image .event-date .date {
    font-weight: 500;
    display: block;
    color: var(--color-1);
}

.events-list-home .event-block-2 .event-image .event-date .month {
    font-weight: 500;
    color: var(--color-1);
}

.events-list-home .event-block-2 .content-inner {
    padding-left: var(--padding-2);
    position: relative;
    z-index: 9;
    margin-top: 15px;
}

.events-list-home .event-block-2 .content-inner .event-content-inner .event-content {
    padding-left: var(--padding-1);
}

.events-list-home .event-block-2 .event-line {
    display: none;
}

.events-list-home .event-description {
    display: none;
}

.events-list-home img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .events-list-home .view-content-wrap .item {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    .events-list-home .event-block-2 .event-image .event-date {
        height: 70px;
    }
}

/* FIN EVENTOS HOME */

/* IMAGE CONTENT HOME */
.image-content-home.gsc-image-content.skin-v1 .image:after {
    background-image: none;
}

.image-content-home.gsc-image-content.skin-v1 .box-content .title {
    margin: 0;
}

.image-content-home .btn-inline:after {
    position: relative;
    color: var(--color-1) !important;
}

.image-content-home.gsc-image-content.skin-v1 .box-content .read-more {
    margin-top: 0;
    margin-left: 40px;
    display: none;
}

.image-content-home.gsc-image-content.skin-v1 .box-content .icon {
    margin-bottom: 0;
}

.image-content-home.gsc-image-content.skin-v1 {
    position: relative;
    margin-bottom: 0;
}

.image-content-home.gsc-image-content.skin-v1 .box-content {
    padding: 10px 20px 20px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.image-content-home img {
    width: 100%;
}

.btn_icon_style1 {
    margin: 15px 0 !important;
    height: 50px;
    min-height: 50px !important;
    background: #ffffff00 !important;

    a {
        color: white;
    }

    a .icon {

        /* Animación suave al cambio de tamaño */
    }

    .content-inner {
        padding: 0 10px 0 70px !important;
    }

    .icon-inner {
        width: 65px;
        line-height: 50px !important;
        height: 50px !important;
    }
}

.gsc-images-parallax.style-v1.left .image-2 {
    padding: var(--padding-2) !important;
}

.white-link a:hover {
    color: var(--color-2) !important;
}

.image-content-large-title {
    .box-content {
        min-height: 173px;
        vertical-align: bottom;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        align-content: center;
    }
}

.image-content-large-title.gsc-image-content.skin-v2 .image img {
    -webkit-transition: all 3s;
    transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    object-fit: cover;
    width: 100%;
}

.hide-show-more {
    .title {
        line-height: 25px;
    }

    .box-content {
        display: none;
    }
}

.gsc-image-content.skin-v3 {
    padding: var(--padding-7);
}

.gsc-image-content.skin-v3 .image::after {
    content: "";
    background: var(--color-11);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.gsc-image-content.custom-image-content.skin-v2 .image img {
    object-fit: cover;
    aspect-ratio: 21 / 9;
    width: 100%;
}

@media (max-width: 1000px) {
    .widget.gsc-icon-box-new.style-1.text-dark.btn_icon_style1 .content-inner .desc {
        display: none;
    }
}

.gsc-column.col-xl-4.col-lg-4.col-md-4.col-sm-12.col-12.custom_box_hover {
    padding: var(--padding-1);
    margin: 0;
    height: 400px;

    .backend {
        opacity: 0;
    }

    &:hover .backend {
        transition: opacity 0.5s ease-in-out;
        opacity: 1 !important;
    }

    .frontend {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    &:hover .frontend {
        opacity: 0;
    }

    .image {
        height: 350px;
    }

    .frontend-content {
        position: absolute;
        bottom: 0;
        border: 0;
        color: white;
        width: 100%;
        background: linear-gradient(to top, var(--color-3), #00000000);
        padding-top: 124px;
        font-family: "DulceVita", serif !important;
        letter-spacing: 0 !important;
    }

    img {
        object-fit: cover;
        height: 100%;
    }

    .content-be {
        transform: unset !important;
    }

    a {
        transition: font-size 0.3s ease;
    }

    a.box-link:hover {
        text-decoration: none !important;
    }
}

.gsc-column.col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12.custom_box_hover {
    padding: var(--padding-1);
    margin: 0;
    height: 400px;

    .backend {
        opacity: 0;
    }

    &:hover .backend {
        transition: opacity 0.5s ease-in-out;
        opacity: 1 !important;
    }

    .frontend {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    &:hover .frontend {
        opacity: 0;
    }

    .image {
        height: 350px;
        overflow: hidden;
    }

    .frontend-content {
        position: absolute;
        bottom: 0;
        border: 0;
        color: white;
        width: 100%;
        background: linear-gradient(to top, var(--color-3), #00000000);
        padding-top: 124px;
        font-family: "DulceVita", serif !important;
        letter-spacing: 0 !important;
    }

    img {
        object-fit: cover;
        width: 100%;
    }

    .content-be {
        transform: unset !important;
    }

    a.box-link:hover {
        text-decoration: none !important;
    }
}

.gsc-column.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-12.custom_box_hover {
    padding: var(--padding-1);
    margin: 0;
    height: 300px;

    .backend {
        opacity: 0;
    }

    &:hover .backend {
        transition: opacity 0.5s ease-in-out;
        opacity: 1 !important;
    }

    .frontend {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    &:hover .frontend {
        opacity: 0;
    }

    .image {
        height: 290px;
        overflow: hidden;
    }

    .frontend-content {
        position: absolute;
        bottom: 0;
        border: 0;
        color: white;
        width: 100%;
        background: linear-gradient(to top, var(--color-3), #00000000);
        padding-top: 124px;
        font-family: "DulceVita", serif !important;
        letter-spacing: 0 !important;
    }

    img {
        object-fit: cover;
        height: 100%;
    }

    .content-be {
        transform: unset !important;
    }

    a {
        transition: font-size 0.3s ease;
    }

    a.box-link:hover {
        text-decoration: none !important;
    }
}

.tabla_personalizada1 {
    width: auto;
    margin-top: 20px;
    box-shadow: 0 2px 5px var(--color-11);

    table {
        width: 100% !important;
        border-collapse: collapse;
        border: 0;
    }

    th,
    td {
        padding: 5px 1px;
        text-align: center;
        width: auto;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    th {
        background-color: #f4f4f4;
        color: var(--color-12);
    }

    tr:hover {
        background-color: #f9f9f9;
    }

    .icon {
        vertical-align: middle;
        margin-left: 5px;
    }
}

.coverImage div {
    aspect-ratio: 1 / 1;
}

.coverImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --------------------------- CURSOS DE FORMACIÓN --------------------------- */
/* Estilo general */
article {

    .field--name-field-email .field__label,
    .field--name-field-nombre .field__label {
        display: none;
    }

    /* Mostrar nombre y email en una sola línea */
    .field--name-field-profesor .paragraph--type--profesor .field__items {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .field--name-field-profesor .paragraph--type--profesor .field__item {
        display: inline;
    }

    /* Formato de los bloques individuales de cada sesión */
    .field--name-field-sesiones .paragraph--type--sesion .field {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
    }

    /* Ajustes para mostrar profesor en una sola línea */
    .paragraph.paragraph--type--profesor.paragraph--view-mode--default {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .field.field--name-field-sesiones.field--type-entity-reference.field--label-above .field__item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .field--name-field-sesiones .paragraph--type--sesion {
        padding: var(--padding-6);
        margin: 10px;
        background-color: #f9f9f9;
        box-shadow: 0 2px 4px var(--color-11);
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .field--name-field-sesiones .paragraph--type--sesion .field .field__label {
        max-width: 146px;
        min-width: 151px;
        margin-right: 0;
    }

    .views-field-field-sesiones span.field-content {
        display: flex;
        margin: 6px 0;
        padding: var(--padding-3);
        box-shadow: rgba(0, 0, 0, 0.24) 0 1px 8px;
        align-items: center;
        justify-content: center;
    }

    .views-field-field-sesiones {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .field.field--name-field-fecha-y-hora.field--type-datetime.field--label-above .field__label {
        margin-right: 5px;
    }

    .field.field--name-field-lugar.field--type-text.field--label-above .field__label {
        margin-right: 10px;
    }

    .field.field--name-field-numero-de-sesion.field--type-integer.field--label-above {
        display: none;
    }

    .field.field--name-field-fecha-y-hora.field--type-datetime.field--label-above {
        display: flex;
        align-items: baseline;
        flex-direction: row;
        justify-content: center;
    }

    .field.field--name-field-lugar.field--type-text.field--label-above {
        display: flex;
        align-items: baseline;
        flex-direction: row;
        justify-content: center;
    }

    .node__content .field {
        display: flex;
        align-items: flex-start;
        margin-bottom: 8px;
        padding: 8px;
        border-bottom: 1px solid var(--color-8);
    }

    /* Estilo para el label */
    .node__content .field__label {
        font-weight: bold;
        color: var(--color-4);
        min-width: 180px;
        margin-right: 8px;
    }

    /* Estilo para el separador (dos puntos) */
    .node__content .field__label::after {
        content: ": ";
        margin-right: 8px;
    }

    /* Estilo para el item */
    .node__content .field__item {
        color: var(--color-12);
        word-wrap: break-word;
        display: flex;
        flex-direction: column;
    }

    /* Estilo para los párrafos dentro de field__item */
    .node__content .field__item p {
        margin: 0;
        padding: 2px 0;
    }

    /* Mejora para enlaces */
    .node__content .field__item a {
        color: #007bff;
        text-decoration: none;
    }

    .node__content .field__item a:hover {
        text-decoration: underline;
    }

    .node__content .field--name-field-sesiones {
        margin-bottom: 95px;
    }
}

.cursos_formacion {
    .view-content-wrap {
        .item {
            background-color: white;
            padding: var(--padding-5);
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.06);
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            transition: box-shadow 0.3s ease, transform 0.3s ease;

            &:hover {
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 8px 16px var(--color-11);
                transform: translateY(-2px);
            }
        }
    }

    .item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .views-field-title {
        a {
            font-weight: bold;
            color: var(--color-4);
            text-decoration: none;
            margin-bottom: 8px;

            &:hover {
                color: var(--color-2);
            }
        }
    }

    .views-field.views-field-field-descipcion {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-end;
        justify-content: flex-start;
        align-items: baseline;

        &::before {
            content: "Descripción: ";
            font-weight: bold;
            color: var(--color-4);
        }

        .field-content {
            color: var(--color-12);
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: 5px;
        }
    }

    .webinar-button {
        background-color: white;
        border-radius: 5px;
        padding: 5px 15px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s;

        &:hover {
            color: white;
        }
    }

    .date-location {
        padding: var(--padding-3);
        background-color: #f7faff;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin-top: 10px;

        .date,
        .location {
            margin: 5px 0;
        }
    }

    .inscription {
        cursor: pointer;
        margin-top: 10px;
        text-align: right;
    }

    .views-field.views-field-field-orientado-a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-end;
        justify-content: flex-start;
        align-items: baseline;

        &::before {
            content: "Orientado para: ";
            font-weight: bold;
            color: var(--color-4);
        }

        .field-content {
            color: var(--color-12);
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: 5px;
        }
    }
}

/* Ocultar etiquetas de nombre y email */
.field--name-field-email .field__label,
.field--name-field-nombre .field__label {
    display: none;
}

/* Mostrar nombre y email en una sola línea */
.field--name-field-profesor {
    .paragraph--type--profesor {
        .field__items {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .field__item {
            display: inline;
        }
    }
}

/* Formato de los bloques individuales de cada sesión */
.field--name-field-sesiones {
    .paragraph--type--sesion {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: var(--padding-6);
        margin: 10px;
        background-color: #f9f9f9;
        box-shadow: 0 2px 4px var(--color-11);

        .field {
            display: flex;
            justify-content: space-between;
            padding: 5px 0;

            .field__label {
                max-width: 146px;
                min-width: 151px;
                margin-right: 0;
            }
        }
    }
}

/* Ajustes para mostrar profesor en una sola línea */
.paragraph.paragraph--type--profesor.paragraph--view-mode--default {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* Estilo para el listado de sesiones */
.field.field--name-field-sesiones.field--type-entity-reference.field--label-above .field__item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Estilo para el contenido de sesiones */
.views-field-field-sesiones {
    display: flex;
    justify-content: center;
    width: 100%;

    span.field-content .paragraph.paragraph--type--sesion.paragraph--view-mode--default {
        display: flex;
        margin: 2px 0;
        padding: 11px;
        box-shadow: rgba(0, 0, 0, 0.24) 0 1px 8px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

/* Ajustes para las fechas, horas y lugar */
.field.field--name-field-fecha-y-hora.field--type-datetime.field--label-above,
.field.field--name-field-lugar.field--type-text.field--label-above {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    justify-content: center;
    border: 0;
    margin: 0;
    padding: var(--padding-6);

    .field__label {
        margin-right: 5px;
        font-weight: 600;

        &::after {
            content: ":";
        }
    }
}

/* Ocultar número de sesión */
.field.field--name-field-numero-de-sesion.field--type-integer.field--label-above {
    display: none;
}

.views-field.views-field-field-modalidad .field-content {
    height: 13px;
}

.views-field.views-field-field-modalidad {
    width: 100%;
    text-align: right;
}

/* --------------------------- FIN CURSOS DE FORMACIÓN --------------------------- */

.form_buscador {

    /* Ocultar solo el texto "Cursos" del título */
    .block-title {
        display: none;
    }

    form {
        display: flex;
        gap: 10px;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;

        input.form-text {
            flex: 1;
            min-width: 200px;
        }

        .form-actions {
            flex-shrink: 0;
        }
    }
}

/* Divisores */
.divisor-superior-catalogo {
    margin-bottom: -125px;
    margin-top: -100px;
}

.divisor-inferior-catalogo {
    margin-top: -70px;
}

.img-fondo-antiguo-shadow img {
    filter: drop-shadow(10px 10px 0 #cdc0a3);
}

.img-descubre-bus-shadow img {
    filter: drop-shadow(6px 6px 0 #f7f7f7);
}

#footer {
    background: url(/themes/custom/gavias_daudo/images//bg-footer.png) no-repeat center bottom #1b1b1b;
}

.forma-superior-footer {
    width: 100%;
    overflow: hidden;
    /* IMPRESCINDIBLE: Corta el sobrante del 102% para que no salga barra de scroll horizontal */
    line-height: 0;
    position: absolute;
    /* Asegura buen posicionamiento */
    bottom: -1px;
}

.forma-superior-footer svg {
    display: block;

    /* EL TRUCO DEL SANGRADO: */
    width: 102%;
    /* 2% más ancho que la pantalla */
    margin-left: -1%;
    /* Movemos ese exceso a la izquierda para centrarlo */

    height: 80px;
    /* Ajusta la altura de la curva a tu gusto */
}

.cursos_formacion {
    .calendar-view-table .calendar-view-day__number {
        flex: 0 0 auto;
        align-self: flex-end;
        width: unset;
        border-radius: 0;
        line-height: 1.2;
        margin-bottom: 0.25rem;
        padding: var(--padding-2);
        cursor: unset;
        text-align: right;
        background: none;
        color: unset;
        transition: none;
    }

    .calendar-view-table .calendar-view-day__row {
        border-radius: 0;
        padding: 0.3125rem;
        margin: 0;
        line-height: 1.2;
        background: var(--color-1);
        border: none;
        color: unset;
        text-decoration: none;
        box-shadow: rgb(226 226 226) 3px 3px 6px 0 inset,
            rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    }

    .calendar-view-table caption {
        text-align: center;
        grid-column: 1 / -1;
        font-weight: bold;
        padding: var(--padding-2);
        height: 60px;
    }

    table {
        width: 100%;
        margin-bottom: 20px;
        border: none;
    }

    .calendar-view-table th {
        width: 100%;
        padding: var(--padding-2);
        line-height: 2;
        text-align: center;
        text-transform: uppercase;
        color: var(--calendar-view-color-white);
        border-color: transparent;
    }

    .calendar-view-table .calendar-view-day a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .views-field.views-field-field-fecha-y-hora {
        font-size: 12px;
    }
}

ul.tabs.nav-tabs.nav.primary.drupal-tabs li a {
    -webkit-text-stroke: 0.2px black;
}

ul.tabs.nav-tabs.nav.primary.drupal-tabs .is-active a {
    color: var(--color-5);
}

.post-block .post-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.events-list-home img {
    aspect-ratio: 18 / 9;
    object-fit: cover;
}

.full_width_image img {
    width: 100%;
}

.flex_aling_center {
    display: flex;
    justify-content: center;
}

.gbb-row-wrapper.section.row-first-level.bucador_fama_inicio.gbb-row.bg-size-cover.gbb-row .bb-inner.padding-small {
    margin-right: calc(100% / 5);
    margin-left: calc(100% / 5);
}

.bucador_fama_inicio {
    max-height: 370px;
}

/* Flechas Image Content */
.btn-inline:after {
    font-size: 15px;
}

/* Migas de Pan */
.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links {
    display: inline-block;
    background: linear-gradient(to right, #808080a8, #973a4b82);
    position: unset;
    right: 0;
    bottom: 0;
    z-index: 11;
    padding-top: 7px;
    padding-right: var(--padding-4);
    padding-bottom: 7px;
    padding-left: var(--padding-3);
    clip-path: polygon(0 0, calc(100% - 21px) 0, 100% 17px, 100% 100%, 0 100%);

    nav.breadcrumb ol li a {
        color: #fafafa !important;
    }

    nav.breadcrumb ol li {
        color: #d9d5d5 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 140px;
        font-family: "DulceVita";
    }
}

/* Que necesitas */
.gsc-image-content.hide-show-more.estudiar-banner.skin-v3.wow.fadeIn.animated .image:hover:after {
    background: var(--color-17);
}

.gsc-image-content.hide-show-more.coleccion-banner.skin-v3.wow.fadeIn.animated .image:hover:after {
    background: #4a506ec7;
}

.gsc-image-content.hide-show-more.sociedad-banner.skin-v3.wow.fadeIn.animated .image:hover:after {
    background: #808080c7;
}

.center {
    text-align: center;
}

.gsc-image-content.hide-show-more.image-content-red.skin-v3.wow.fadeIn.animated .image:hover:after {
    background-color: #973a4bc7;
}

/* Titulos Icon Box */

.widget.gsc-icon-box-new.style-5.text-dark.titulo-iconos {
    padding: 10px 10px 0 10px;
    margin: 0;
    border-radius: 0;
    transition: all 0.3s ease-in-out;

    .icon-inner {
        display: none;
    }

    .content-inner {
        padding-left: var(--padding-2);
    }

    h3 {
        padding-bottom: var(--padding-6);
    }

    p span {
        padding-bottom: var(--padding-6);
    }
}

.widget.gsc-icon-box-new.style-5.text-dark.titulo-iconos:hover {
    background-color: #4a506ec7;
    color: white;

    h3 {
        color: white;
    }

    span {
        color: #d0d0d0 !important;
    }
}

.gsc-column:has(.titulo-iconos) {
    padding: var(--padding-2);
    margin: 0;
}

/* Banner Skin-1 Buscar y Gestionar */

.gsc-image-content.margin-bottom-0.buscar-gestionar {
    margin: 30px;

    .image:after {
        background-image: linear-gradient(to bottom,
                transparent 30%,
                rgba(0, 0, 0, 0.4) 100%);
    }

    .skin-v1.wow.fadeIn.animated a.btn-inline {
        font-size: 20px;
    }

    .skin-v1.wow.fadeIn.animated a.btn-inline::after {
        font-size: 20px;
        right: 0;
    }

    .box-content {
        left: unset;
    }
}

.gsc-image-content.margin-bottom-0.buscar-gestionar:hover {
    .image:after {
        background: var(--color-17);
    }
}

.gsc-image-content.custom-image-content.horizontal-image-content.skin-v2 {
    display: flex;
    flex-direction: row;
    line-height: 23px;

    .image img {
        object-fit: cover;
        height: 100%;
        min-width: 100%;
        width: 250px;
        max-height: 100%;
    }

    .image {
        aspect-ratio: 1 / 1;
    }

    .box-content {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        z-index: initial;
        background: var(--color-1);
        padding: var(--padding-3);
    }
}

/* ----------------- OBJETOTECA ---------------------- */

.objetoteca-wrapper .view-content-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;

    .item {
        flex-direction: column;
        width: 366px;
        display: flex;
        box-shadow: var(--color-10) 0 2px 8px 0;
        padding: var(--padding-4);
        margin: 15px;
        min-height: 350px;
        justify-content: space-between;

        .views-field-field-consulta-disponibilidad a,
        .views-field-field-manual a {
            color: var(--color-2);
            text-decoration: none;
            position: relative;
            display: inline-flex;
            align-items: baseline;
            gap: 0.2em;
            transition: color 0.3s ease;
        }

        .views-field-field-consulta-disponibilidad a::after,
        .views-field-field-manual a::after {
            content: "➤";
            flex: 0 0 auto;
            transition: transform 0.3s ease, color 0.3s ease;
            color: var(--color-2);
            transform: translateX(0);
        }

        div a:hover {
            color: #b72e3f;
        }

        div a:hover::after {
            transform: translateX(5px) scale(1.2);
            color: #b72e3f;
        }
    }

    .views-field.views-field-title {
        color: black;
    }

    .item-image {
        height: 130px;
        margin: 10px 0;

        img {
            max-width: 100%;
            max-height: 140px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            margin: 0 auto;
        }
    }

    .titulo-objetoteca {
        font-family: "Poppins";
        text-align: center;
    }
}

.catalogo-fama {
    width: 100%;

    .input-text-fama {
        width: 75% !important;
    }

    button.search_button.ri-search-line {
        height: 100%;
        padding: 7px 10px;
        border: 0;
        text-align: center;
        vertical-align: middle;
        line-height: 31px;
        color: white;
        background: var(--color-2);
        border-radius: 100%;
        margin-left: 15px;
    }
}

.inicio-busqueda-fama {
    width: 100%;

    .radio-inputs {
        display: flex;
    }

    #famaQueryTemp.input-text-fama.searchbar {
        width: 99%;
        padding: 9px 9px !important;
        border-radius: 3px;
        line-height: normal;
        border: 0;
        margin: 0;
    }

    button.search_button.ri-search-line {
        right: 19px;
        position: absolute;
        width: 60px;
        background: unset;
        border: 0;
        height: 48px;
        font-weight: 100;
        cursor: pointer;
        transition: box-shadow 0.3s ease-in-out;
    }

    button.search_button.ri-search-line:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    label:first-of-type {
        display: none;
    }

    label.radio {
        font-size: var(--font-size-4);
        font-weight: 700;
        background: unset;
        padding: 18px 40px;
        min-width: 168px;
        color: white;
        border: 2px solid white;
        cursor: pointer;
        margin-bottom: 19px;

        input {
            display: none !important;
        }
    }
}

.border-left-red {
    border-left: 4px var(--color-2) solid;
}

@media (max-width: 768px) {
    article {
        .node__content .field {
            flex-direction: column;
        }
    }
}

.gsc-image-content.small-image-content.skin-v2 {
    padding: var(--padding-2);
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: 1px #cbcbcb solid;
    text-align: left;
    border-radius: 0;

    .image {
        display: none;
    }

    .read-more {
        display: none;
    }

    .box-content {
        padding: 15px 0 15px 20px !important;
        max-height: unset;
        background-color: unset;
    }

    .desc p {
        margin: 0;
    }

    .title {
        margin: 0 !important;
    }

    .title a::after {
        content: " →";
        font-weight: normal;
        transition: margin-left 0.2s ease;
    }

    .title a:hover::after {
        margin-left: 5px;
    }
}

.gsc-image-content.small-image-content.skin-v2:hover {
    color: white !important;
    background-color: #4a506ec7 !important;

    .title a {
        color: white !important;
    }
}

.gsc-column:has(.small-image-content) {
    padding: var(--padding-2);
    margin: 0;
}

/* Espaciados */
.gsc-image-content.custom-image-content.quick-links.skin-v2 h4.title {
    margin-top: -20px;

}

.gsc-image-content.custom-image-content.quick-links.skin-v2 .desc {
    line-height: 1.3;
}

.post-block .post-title {
    line-height: 1.2 !important;
}

/* Acordeón */
.acordeon-drupal {
    /* border: 2px solid var(--color-7); */
    border-radius: 0;
    background-color: var(--color-1);
    padding: 1rem;
}

.acordeon-drupal .panel {
    border: none;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: var(--color-1);
}

/* Encabezado con más altura */
.acordeon-drupal .panel-heading {
    background-color: var(--color-1);
    padding: 1.5rem 1.5rem;
    /* ↑ más alto arriba y abajo */
    border-left: 6px solid var(--color-7);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 0;
}

/* Título con espaciado visual y fuente más grande */
.acordeon-drupal .panel .panel-heading .panel-title>a {
    display: block;
    letter-spacing: 0;
    position: relative;
    padding: var(--padding-9);
    /* ↑ más padding arriba/abajo, y separación a izquierda */
    font-weight: bold;
    color: var(--color-13);
    text-decoration: none;
}

/* Hover opcional */
.acordeon-drupal .panel-heading:hover {
    background-color: var(--color-17);
}

/* Cambiar fondo si el panel está abierto */
.acordeon-drupal .panel-title a[aria-expanded="true"] {
    background-color: #b0b0b0c7;
    display: block;
    padding: var(--padding-9);
    color: rgb(0, 0, 0) !important;
}

.acordeon-drupal .panel .panel-heading .panel-title>a:hover {
    background-color: #eaeaea;
}

/* Icono + a la derecha */
.acordeon-drupal .panel-title a::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5rem;
    color: var(--color-7);
    transition: transform 0.3s ease;
}

/* Rotar el + a x cuando abierto */
.acordeon-drupal .panel-title a[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.acordeon-drupal .panel-body {
    padding: 1rem 2rem;
    background-color: var(--color-1);
    border-top: 1px solid var(--color-8);
    animation: fadeIn 0.3s ease-in-out;
}

.acordeon-drupal .panel-body ul {
    padding-left: 1.2rem;
    margin: 0;
    list-style-type: square;
}

.acordeon-drupal .panel .panel-heading .panel-title>a:after {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    margin: 10px;
    margin-right: 25px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tabla Contacto */
/* Estilos para tabla de bibliotecas con Poppins */
.tabla-bibliotecas {
    width: 100%;
    border-collapse: collapse;
    font-family: "Poppins", sans-serif;
    /* ✅ fuente actualizada */
    margin: 2rem 0;
    background-color: var(--color-1);
}

.tabla-bibliotecas th {
    background-color: #2a2c38;
    color: var(--color-1);
    text-align: left;
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.tabla-bibliotecas td {
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--color-8);
    color: var(--color-13);
    font-weight: 400;
}

.tabla-bibliotecas a {
    color: var(--color-7);
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 600;
}

.tabla-bibliotecas a:hover {
    color: #dbaa27;
}

.tabla-bibliotecas tr:hover {
    background-color: var(--color-17);
    transition: background-color 0.3s ease;
}

.expobus {
    display: none;
}

.events-list .item-image {
    /* Marco */
    overflow: hidden;
    /* recorta lo que sobresalga   */
}

.events-list .item-image img {
    /* Foto de los eventos en carrousel */
    width: 100% !important;
    /* ocupa todo el ancho         */
    height: 100% !important;
    /* ocupa todo el alto          */
    max-width: none !important;
    /* anula restricciones de tema */
    object-fit: cover;
    /* recorta sin deformar        */
    object-position: center;
    /* centrada                    */
    display: block;
    /* quita gap inline            */
}

.oculto {
    display: none;
}

/* Breadcrumbs*/
.container.header-content-layout {
    position: relative;
}

.header-content-layout>.breadcrumb-links {
    position: absolute;
    left: 15px;
    bottom: -49px;
}

/* Estilo general del contenedor */
.header-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background-color: var(--color-1);
    font-family: "DulceVita", serif !important;
    box-shadow: 4px 0 6px -4px var(--color-10),
        -4px 0 6px -4px var(--color-10), 0 4px 6px -4px var(--color-10);
}

@media screen and (max-width: 992px) {
    .header-breadcrumb {
        box-shadow: none;
    }
}

/* Contenedor interior opcional */
.breadcrumb-links .header-breadcrumb .content-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilo del nav */
.header-breadcrumb .breadcrumb {
    margin-bottom: 0;
    background-color: var(--color-1);
    color: var(--color-12);
}

/* Lista ordenada como breadcrumb horizontal */
.header-breadcrumb .breadcrumb ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: var(--padding-1);
    margin: 0;
}

/* Elementos individuales */
.header-breadcrumb .breadcrumb ol li {
    display: flex;
    align-items: center;
}

/* Enlaces */
.header-breadcrumb .breadcrumb ol li a {
    /*font-family: "DulceVita", serif !important;*/
    color: #595959;
    /*font-weight: 700;*/
    text-decoration: none;
    transition: color 0.2s ease;
}

.header-breadcrumb .breadcrumb ol li:not(:empty):last-of-type {
    font-weight: 700;
}

.header-breadcrumb .breadcrumb ol li a:hover {
    color: #005fa3;
    text-decoration: underline;
}

/* Separador entre elementos (usando el span que ya tienes) */
.header-breadcrumb .breadcrumb ol li span {
    margin: 0 0.5rem;
    color: #aaa;
}

/* Último elemento (sin separador) */
.header-breadcrumb .breadcrumb ol li:last-child span {
    display: none;
}

/* Elemento actual (no es enlace)
.header-breadcrumb .breadcrumb ol li:last-child {
  font-weight: bold;
  color: var(--color-4);
} */

/* Último elemento REAL del breadcrumb (ignora li vacíos) en negrita*/
.header-breadcrumb .breadcrumb ol li:not(:has(a)):not(:empty) {
    font-weight: 700;
    color: var(--color-4);
}

.breadcrumb-content-main .breadcrumb-links {
    display: none !important;
}

@media screen and (max-width: 992px) {
    .header-content-layout>.breadcrumb-links {
        position: initial;
    }

    .item-redes-sociales {
        width: 21px;
        height: 21px;
    }

    .container-redes-sociales {
        align-items: center;
        width: 196px;
    }
}

/* Call to action (en CODIUS) */
.gsc-call-to-action {
    padding: var(--padding-8) !important;
}

.contenedor-codius {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    /* o space-between/space-evenly */
}

.pdf-codius {
    flex: 1 1 200px;
    /* crece, encoge, base */
    max-width: 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* TITULOS ESTUDIAR */
.titulos-estudiar {
    padding-top: var(--padding-8);
}

.titulo-con-linea {
    position: relative;
    padding-top: 12px;
    margin-top: 1.5rem;
    margin-bottom: 25px;
    color: black;
    padding-bottom: var(--padding-2) !important;
}

.titulo-con-linea::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--color-3);
}

/* menu-submenu */
span.icaret.nav-plus.fas.fa-chevron-down.toggle-submenu {
    margin-left: 10px;
}

@media (max-width: 991.98px) {
    .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
        position: absolute;
        width: 32px;
        height: 32px;
        top: -1px;
        bottom: 0;
        right: 0;
        font-size: 13px;
        background: var(--color-2);
        color: var(--color-1) !important;
    }

    .breadcrumb-content-inner .breadcrumb-content-main {
        display: flex;
        max-width: 100%;
    }
}


#block-daudo-subtheme-content>div>div>div.node__content.clearfix>div>div.gbb-row-wrapper.section.row-first-level.container-descubre-la-bus.gbb-row.bg-size-cover {
    padding-top: 160px !important;
}

/* TOOLTIP */
.tooltip-container {
    position: relative;
    display: inline-block;
    font-family: "Poppins", sans-serif !important;
}

.custom-tooltip p {
    margin-bottom: 0 !important;
}

.tooltip-trigger {
    text-decoration: none;
    color: #4a4a4a;
    padding: var(--padding-6);
    transition: color 0.2s ease;
}

.tooltip-trigger:hover {
    color: #615bf9;
    /* mismo color que mencionaste en otros proyectos */
}

.separator {
    margin: 0 5px;
    color: #aaa;
}

.custom-tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
    padding: 10px 15px;
    background-color: var(--color-1);
    color: #1a1a1a;
    border-radius: 0;
    font-size: var(--font-size-2);
    white-space: normal;
    width: max-content;
    max-width: 240px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 12px var(--color-20);
}

.tooltip-container:hover .custom-tooltip {
    opacity: 1;
    pointer-events: auto;
}

/* PESTAÑAS CON IMAGEN */

.gsc-tabs-content .nav-tabs>li>a.active {
    background-color: #9f998b21 !important;
}

/* ===== Acordeón gris (clon de .acordeon-drupal) ===== */
.acordeon-drupal-sociedad {
    /* mismo reset que el original */
    border-radius: 0;
    background: var(--color-1);
    padding: 1rem;
}

.acordeon-drupal-sociedad .panel {
    border: none;
    margin-bottom: 1rem;
    border-radius: 0;
    background: var(--color-1);
}

/* ========= DESPLEGABLES LA SOCIEDAD (GRIS) ========= */

.acordeon-drupal-sociedad .panel-heading {
    background: var(--color-16);
    padding: 1.5rem 1.5rem;
    border-left: 6px solid var(--color-7);
    cursor: pointer;
    transition: background-color 0.3s;
}

.acordeon-drupal-sociedad .panel .panel-heading .panel-title>a {
    display: block;
    padding: var(--padding-9);
    font-weight: bold;
    color: var(--color-13);
    text-decoration: none;
}

/* cabecera abierta */
.acordeon-drupal-sociedad .panel-title a[aria-expanded="true"],
.acordeon-drupal-sociedad .ui-accordion-header-active,
.acordeon-drupal-sociedad .ui-state-active {
    background: #bebdb9 !important;
    background-image: none !important;
}

/* icono +  / × */
.acordeon-drupal-sociedad .panel-title a::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5rem;
    color: var(--color-7);
    transition: transform 0.3s;
}

.acordeon-drupal-sociedad .panel-title a[aria-expanded="true"]::after {
    transform: rotate(45deg);
}

.acordeon-drupal-sociedad .panel-body {
    padding: 1rem 2rem;
    background: var(--color-1);
    border-top: 1px solid var(--color-8);
}

.acordeon-drupal-sociedad .panel-body ul {
    padding-left: 1.2rem;
    margin: 0;
    list-style: square;
}

/* ========= DESPLEGABLES LA INVESTIGACIÓN (NARANJA) ========= */

.acordeon-drupal-investigacion .panel-heading {
    background: var(--color-16);
    padding: 1.5rem 1.5rem;
    border-left: 6px solid var(--color-7);
    cursor: pointer;
    transition: background-color 0.3s;
}

.acordeon-drupal-investigacion .panel .panel-heading .panel-title>a {
    display: block;
    padding: var(--padding-9);
    font-weight: bold;
    color: var(--color-13);
    text-decoration: none;
}

/* cabecera abierta */
.acordeon-drupal-investigacion .panel-title a[aria-expanded="true"],
.acordeon-drupal-investigacion .ui-accordion-header-active,
.acordeon-drupal-investigacion .ui-state-active {
    background: #af6759 !important;
    background-image: none !important;
}

/* icono +  / × */
.acordeon-drupal-investigacion .panel-title a::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    color: var(--color-7);
    transition: transform 0.3s;
}

.acordeon-drupal-investigacion .panel-title a[aria-expanded="true"]::after {
    transform: rotate(45deg);
}

.acordeon-drupal-investigacion .panel-body {
    padding: 1rem 2rem;
    background: var(--color-1);
    border-top: 1px solid var(--color-8);
}

.acordeon-drupal-investigacion .panel-body ul {
    padding-left: 1.2rem;
    margin: 0;
    list-style: square;
}

/* PROPIEDADES DEL TEXTO */

.content-main p {
    color: var(--color-18);
}

.content-main p a,
.content-main li a {
    color: var(--color-14);
    font-weight: bold;
    border-bottom: 1px dotted var(--color-14) !important;
}

.content-main p a:hover,
.content-main li a:hover {
    color: var(--color-19);
    border-bottom: 1px dotted var(--color-19) !important;
}

.content-main ul {
    color: var(--color-18);
    padding-left: 50px;
}

.content-main li {
    color: var(--color-18);
    line-height: 2;
}

.content-main li ul li {
    color: black;
}

.border_left_info {
    border-left: 2px solid #ffc425;

    p {
        margin-bottom: 0;
    }
}

.blog_todos {
    background: white;

    .flex_right {
        display: flex;
        flex-direction: row-reverse;
    }

    .posts-all.item .views-field.views-field-nothing span.field-content .post-block {
        display: flex;
        flex-direction: column;
    }

    .view-content-wrap {
        display: flex;
        flex-direction: row;
        background: white;
    }

    .post-style-list .post-block .post-image {
        width: 100%;
        object-fit: cover;
    }

    .post-style-list .post-block .post-content {
        width: 100% !important;
        padding: var(--padding-5) !important;
    }

    .posts-all.item {
        margin: 25px;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
}

.btn_vermas {
    border-radius: 25px;
    background: var(--color-2);
    color: white !important;
    border: 0;
    padding: 6px 15px !important;
}

/* #-#-#-#-#-#-#-#-#-FOOTER #-#-#-#-#-#-#-#-#- */
.footer-inner .container {
    width: 100%;
    max-width: 100%;
    padding: var(--padding-2);
}

.footer-lista ul li {
    list-style: none;
}

.footer-lista ul {
    padding-left: var(--padding-2);
}

#footer .footer-center {
    padding: var(--padding-2) !important;
}

/* #-#-#-#-#-#-#-#-#-FOOTER #-#-#-#-#-#-#-#-#- */

#footer {
    background: #1b1b1b;
}

/* Texto en una sola línea */
.text-nowrap {
    text-wrap: nowrap;
}

.panel_block_image .column-inner.bg-size-cover {
    box-shadow: var(--color-10) 0 2px 8px 0;
    margin: 5px;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    p {
        padding: var(--padding-5);
        min-height: 80px;
        margin: 0;
    }

    .widget.gsc-image.text-none {
        object-fit: cover;
        height: 150px;
        overflow: hidden;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
}

.footer-2-enlaces a:hover,
.footer-2-enlaces a:focus {
    color: white !important;
    text-decoration: underline;
}

.breadcrumb-content-inner .gva-parallax-background .gva-parallax-inner {
    background-position: 22%;
    width: 105%;
    background-size: contain;
    height: 160%;
}

/* #-#-#-#-#-#-#-#-# */

.container-investigar {
    width: 100vw;
}

.contact-message-form div[id*="edit-name"],
.contact-message-form div[id*="edit-mail"],
.contact-message-form .js-form-item-mail {
    height: auto;
    line-height: normal;
}

.contact-message-form {
    margin-bottom: 75px;
}

/* ICONOS BIBLIOTECAS */
.quick-links-container.four-items>* {
    flex: 1 1 22%;
    /* Aproximadamente 4 elementos con algo de espacio entre */
    max-width: 22%;
}

@media screen and (max-width: 1024px) {
    .quick-links-container.four-items>* {
        flex: 1 1 45%;
        max-width: 45%;
    }
}

@media screen and (max-width: 600px) {
    .quick-links-container.four-items>* {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.biblioteca-humanidades .quick-links-container {
    padding-inline: 5%;
}

/* ---- */

/* BOTON VER MAS */
.btn_vermas {
    float: right;
    border-radius: 0;
    padding: 10px 25px !important;
}

.btn_vermas:hover {
    background-color: var(--color-3) !important;
    color: var(--color-1) !important;
    border-color: var(--color-3) !important;
}

/* ---- */

.separador .row.row-wrapper>*+* {
    padding-left: var(--padding-3);
    border-left: 1px solid rgb(135, 135, 135);
}

/* CARRUSEL NOTICIAS BIBLIOTECAS */
.noticias-bibliotecas .post-categories {
    display: none !important;
}

.noticias-bibliotecas .post-meta .line {
    display: none !important;
}

/* ---- */

/* Contenido Colaboraciones */
.colaboraciones-row {
    margin-bottom: 60px;
}

.colaboraciones-row .views-field {
    gap: 5px;
    padding: var(--padding-4);
    background-color: white;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.colaboraciones-row .views-label {
    font-weight: bold;
    color: black;
}

.colaboraciones-row .field-content {
    color: black;
}

.colaboraciones-row img {
    padding: 20px 0;
}

.views-exposed-form {
    margin-top: 0 !important;
    display: flex;
    gap: 20px;
    align-items: stretch;
    padding: 0 0 50px 0;
}

.views-exposed-form .form-text {
    height: 100%;
    margin: 0;
}

.views-exposed-form .button {
    padding: 15px 45px 15px 45px;
}

.pager {
    display: flex;
}

.no-padding {
    padding: 0 1rem;
}

/* ---- */

/* CATEGORIAS Y FECHA NOTICIAS */

/* ---- */

.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.directorio_personas.text-dark.remove-margin-off {
    .item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        box-shadow: var(--color-10) 0 2px 8px 0;
        padding: var(--padding-5);
        margin: 15px 5px;
        justify-content: space-between;
        align-items: center;
        min-height: 100px;
    }

    .views-field.views-field-field-ima {
        width: 100%;
        max-width: 60px;
    }

    .views-field.views-field-field-nombre {
        margin: 20px;
        width: 200px;
    }

    .views-field.views-field-field-biblioteca {
        width: 450px;
        margin: 0 20px;
    }

    .views-field.views-field-field-email {
        width: 180px;
        margin: 0 20px;
    }

    .views-field.views-field-field-funcion {
        width: 200px;
        margin: 0 20px;
    }

    .views-field.views-field-field-telefono {
        width: 100px;
        margin: 0 20px;
    }
}

.breadcrumbs .absolute {
    bottom: -1px;
    left: 0;
    right: 0;
    line-height: 0;
}

.breadcrumbs .absolute svg {
    width: 100%;
    height: auto;
}

/* CATALOGO SLIDER BIBLIOTECAS INTERNAS */
.catalogo-slider {
    .inicio-busqueda-fama {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;

        .radio-inputs {
            display: flex;
        }

        #famaQueryTemp.input-text-fama.searchbar {
            width: 99%;
            padding: 9px 9px !important;
            border-radius: 3px;
            line-height: normal;
            border: 0;
            margin: 0;
        }

        button.search_button.ri-search-line {
            right: 19px;
            position: absolute;
            width: 60px;
            background: unset;
            border: 0;
            height: 48px;
            font-size: 28px;
            font-weight: 100;
            cursor: pointer;
            transition: box-shadow 0.3s ease-in-out;
        }

        button.search_button.ri-search-line:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        label:first-of-type {
            display: none;
        }

        label.radio {
            font-size: 15px !important;
            font-weight: 700;
            background: unset;
            padding: 7px !important;
            width: 250px !important;
            color: #3f0d13;
            border: 2px solid #3f0d13;
            cursor: pointer;
            margin-bottom: 19px;
            transition: background-color 0.3s ease !important;

            input {
                display: none !important;
            }
        }

        label.radio:hover {
            background: #3f0d134f;
            border: 2px solid #3f0d13;
            color: white !important;
        }
    }

    .radio-btn:hover {
        color: white !important;
    }
}

.tabs_wrapper.tabs_vertical ul.nav.nav-tabs {
    padding: var(--padding-2);

    li a.active {
        color: var(--color-5) !important;
        background: #e5e5e5;
    }

    li a:hover {
        color: var(--color-5) !important;
        background-color: rgb(237, 237, 237);
    }

    li a {
        color: black !important;
        padding: 3px 10px;
        border-bottom: 0 !important;
        height: 100%;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .tab-content div {
        min-height: 100%;
    }
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs>li {
    display: block;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    padding: var(--padding-2);
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs {
    width: 10% !important;
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10% !important;
    flex: 0 0 10% !important;
    max-width: 50%;
    background: var(--color-1);
    border: 1px solid #dee2e6;
    border-right: 0;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .tab-content {
    width: 90% !important;
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90% !important;
    flex: 0 0 90% !important;
    max-width: 90% !important;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .tab-content .tab-pane {
    min-height: 100%;
}

@media (max-width: 770px) {
    .widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.directorio_personas.text-dark.remove-margin-off {
        .item {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            box-shadow: var(--color-10) 0 2px 8px 0;
            padding: var(--padding-5);
            margin: 15px 5px;
            justify-content: space-between;
            min-height: 100px;
            align-content: center;
            align-items: center;
        }
    }
}

.slider-container-bibliotecas pre {
    margin: 0;
}

.slider-container-bibliotecas .bb-inner {
    padding: var(--padding-1);
}

/* Pestañas */

.pestañas ul {
    display: flex;
    justify-content: space-evenly;
}

.pestañas li {
    width: 50%;
    color: black;
}

.pestañas li>a {
    color: var(--color-21);
    border-bottom: 2px solid var(--color-21) !important;
}

.pestañas li>a:hover {
    color: var(--color-21);
    border-bottom: 2px dotted var(--color-21) !important;
}

.pestañas li>a.active {
    color: var(--color-5);
    border-bottom: 2px solid var(--color-14) !important;
}

/* Banner 100% Ancho */

.horizontal-image-content-full {
    max-width: 100% !important;
    margin-top: 50px;
}

/* Acordeón Fondo Antiguo (Sin padding) */
.acordeon-fondo-antiguo {
    padding: var(--padding-1);
}

.acordeon-fondo-antiguo .panel {
    padding: 20px 0 !important;
}

/* Iconos sociales Fondo Antiguo */

.social-icons-fondo a {
    text-decoration: none;
}

.social-icons-fondo img {
    width: 50px;
    height: auto;
    background-color: var(--color-6);
    padding: var(--padding-3);
    display: inline-block;
}

.social-icons-fondo-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.views-exposed-form {
    margin-top: 50px;
    padding: var(--padding-1);
}

.views-exposed-form select {
    height: 100%;
    min-width: 250px;
}

.no-results {
    margin-top: 20px;
}

.links-card {
    margin-bottom: 50px;
}

.parallax-section {
    height: 1200px;
    background-image: url("/sites/default/files/Im%C3%A1genes/Fondo%20Antiguo%20y%20Archivo%20Com%C3%BAn/pexels-bopopics-14747971.jpg");
    /* Cambia por la ruta real */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    color: white;
}

.parallax-text {
    width: 50%;
}

.parallax-text>p {
    text-wrap: auto;
}

.parallax-content {
    background-color: white;
    width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
}

.parallax-section>.column-inner {
    width: 100%;
}

.isthispadding .bb-inner,
.isthispadding .gsc-column {
    padding-bottom: var(--padding-1) !important;
}

.isthispadding {
    padding-bottom: var(--padding-1) !important;
}

.parallax-section-3 {
    height: 2600px;
}

.archivo-form form {
    height: 100%;
    text-align: left;
}

.archivo-form input,
.archivo-form textarea {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .parallax-text {
        width: 75%;
    }
}

@media screen and (max-width: 768px) {
    .parallax-text {
        width: 100%;
    }

    .parallax-section {
        height: 1500px;
    }

    .parallax-section-2 {
        height: 1000px;
    }

    .parallax-section-3 {
        height: 3600px;
    }
}

/* Archivo Carousel */

:root {
    --body-padding: 2rem;
    --card-width: 300px;
}

.carousel-wrapper {
    position: relative;
    width: 100dvw;
    margin-left: calc(-1 * var(--body-padding));
}

.carousel {
    display: grid;
    gap: 2rem;
    grid-auto-flow: column;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    width: 100%;
    padding: 1rem 0;
}

.carousel::-webkit-scrollbar {
    display: none;
}

.day-card {
    width: var(--card-width);
    scroll-snap-align: center;
}

.day-card img {
    aspect-ratio: 4/2;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
}

.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 3rem;
    /* cuadrado */
    height: 3rem;
    background: white;
    /* fondo blanco */
    color: black;
    /* flecha negra */
    font-size: 2rem;
    /* tamaño flecha */
    display: flex;
    /* centrar contenido */
    align-items: center;
    justify-content: center;
    border: none;
    /* sin borde */
    border-radius: 0;
    /* sin esquinas redondeadas */
    cursor: pointer;
    transition: transform 0.25s ease;
}

.scroll-btn:hover {
    transform: translateY(-50%) scale(1.05);
}

.scroll-btn.left {
    left: 4rem;
}

.scroll-btn.right {
    right: 1rem;
}

.fama-simple-container {
    display: flex;
    justify-content: center;
}

.archivo-banner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.archivo-banner .column-content-inner {
    text-align: center;
}

.archivo-section {
    padding: clamp(20px, 6vw, 36px) !important;
}

.archivo-form input,
.archivoform textarea {
    width: 100%;
}

@media (max-width: 1200px) {
    .archivo-section .row {
        flex-direction: column-reverse !important;
    }
}

.img_h_200max {
    max-height: 200px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1415px) {
    .navigation .gva_menu>li>a {
        padding-left: var(--padding-3);
        padding-right: var(--padding-3);
    }

    header.header-default .header-main-inner .header-inner {
        padding-left: 210px;
        padding-right: var(--padding-2) !important;
    }
}

.gva-search-region {
    position: absolute;
    right: 0 !important;
    top: -7% !important;
    margin-top: -12px;
    z-index: 12;
}

.simple-search {
    padding: 0 10px !important;
    border-bottom: 1px solid #000000b5 !important;
}

.block-dropdown-language .dropbutton-wrapper.open .dropbutton-arrow {
    border-top-color: white !important;
}

.block-dropdown-language .dropbutton-wrapper .dropbutton-arrow {
    border-top-color: black !important;
}

@media screen and (max-width: 510px) {

    .noticias-row .col-5,
    .eventos-row .col-5 {
        max-width: 41.66667% !important;
    }
}

#page-main-content {
    min-height: auto;
}

.directorio-headers,
.list-container {
    min-width: 800px;
}

#block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-select.form-item-.js-form-item-.form-no-label {
    overflow-x: scroll;
}

#block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-textfield.form-item-.js-form-item-.form-no-label>input,
#block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-select.form-item-.js-form-item-.form-no-label>select {
    max-width: 300px;
    margin: 0;
    overflow-x: hidden;
}

#block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-select.form-item-.js-form-item-.form-no-label {
    overflow-x: hidden;
}

.filtro {
    justify-content: flex-start;
    gap: 20px;
}

.directorio-block {
    overflow-x: auto;
}

@media screen and (max-width: 600px) {
    .list-container {
        max-width: 100%;
    }

    .directorio-block {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    #block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-textfield.form-item-.js-form-item-.form-no-label>input,
    #block-daudo-subtheme-directorioblock>div.content.block-content>div>div.filtro>div.js-form-item.form-item.js-form-type-select.form-item-.js-form-item-.form-no-label>select {
        max-width: 100%;
    }
}

.leyes-container .column-content-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

@media screen and (max-width: 1200px) {
    .leyes-container .column-content-inner {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .leyes-container .column-content-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    #block-daudo-subtheme-content>div>div>div.node__content.clearfix>div>div:nth-child(1)>div>div>div>div>div>div>div {
        width: 100%;
        max-width: 100%;
    }
}

.btn-practicas {
    float: unset !important;
}

/* Igualar altura dentro del contenedor específico */
.practicas-cards .row,
.practicas-cards .gsc-row {
    align-items: stretch;
}

/* La columna es flex para que la carta pueda ocupar todo el alto */
.practicas-cards .gsc-column.panel_block_image {
    display: flex;
}

/* La “carta” distribuye el contenido en vertical */
.practicas-cards .gsc-column.panel_block_image>.column-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Cuerpo que crece; botón al fondo */
.practicas-cards .gsc-column.panel_block_image .column-content-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    /* evita overflow en flex */
}

.practicas-cards .gsc-column.panel_block_image .gsc-button {
    margin-top: 6px !important;
    /* botón siempre abajo */
}

/* Solo recortamos el texto largo del bloque de descripción */
.practicas-cards .gsc-column.panel_block_image .fixed-height-text p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* ← ajusta el nº de líneas visibles */
    -webkit-box-orient: vertical;
    /*overflow: hidden;*/
}

.fixed-height-text>p {
    height: auto !important;
    min-height: 0 !important;
}

.practicas-img img {
    object-fit: cover;
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: auto;
}

#block-daudo-subtheme-content>div>div>div.node__content.clearfix>div>div.gbb-row-wrapper.section.row-first-level.practicas-cards.gbb-row.bg-size-cover>div>div>div>div>div>div>div.column-content.center>p {
    height: 50px;
}

.quick-links-item:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

.post-list-small-3 .post-block .post-image {
    float: left;
}

.post-list-small-3 .post-content {
    padding-left: 120px;
}

.post-list-small-3 .post-block .post-image img {
    width: 100px;
    float: left;
    aspect-ratio: unset;
    object-fit: cover;
}

.post-list-small-3 .post-block .post-title a {
    font-weight: 400;
}

.post-list-small-3 .post-meta {
    display: none;
}

.post-list-small-3 .post-title {
    padding: var(--padding-1);
}

.event-block-2 .content-inner .event-content-inner .event-content {
    padding-left: var(--padding-2) !important;
}

.event-block-2 .post-title {
    text-align: center;
}

.bloque-eventos-sidebar .event-block .event-image {
    float: left;
}

.bloque-eventos-sidebar .event-content {
    padding-left: 120px;
}

.bloque-eventos-sidebar .event-block .event-image img {
    width: 100px;
    float: left;
    aspect-ratio: unset;
    object-fit: cover;
}

.bloque-eventos-sidebar .event-block .title a {
    font-weight: 400;
}

.bloque-eventos-sidebar .event-meta {
    display: none;
}

.bloque-eventos-sidebar .title {
    padding: var(--padding-1);
    padding-left: 120px;
}

.bloque-eventos-sidebar .event-block .event-content {
    background: unset;
    padding: var(--padding-1);
    border: 0;
    min-height: auto;
}

#views-exposed-form-event-block-1 {
    padding: var(--padding-1);
    padding-bottom: var(--padding-7);
}

.language-switcher-language-url {
    position: absolute;
    right: 20px;
    top: -8px;
}

.language-switcher-language-url .block-title {
    display: none;
}

.language-switcher-language-url ul {
    display: flex;
    gap: 10px;
}

.language-switcher-language-url span {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
}

.language-switcher-language-url li>a>span:hover {
    color: var(--color-9);
}

.language-switcher-language-url li>span {
    color: var(--color-9);
}

.gva-search-region i:hover {
    color: var(--color-9);
}

.header-item {
    display: grid;
    justify-content: space-evenly;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    margin: 20px;
    padding: var(--padding-4);
    gap: 20px;
}

.persona-item {
    display: grid;
    justify-content: space-evenly;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    margin: 20px;
    padding: var(--padding-4);
    gap: 20px;
    box-shadow: var(--color-22) 0 7px 29px 0;
    height: 150px;
    align-items: center;
}

.filtro {
    display: flex;
    padding: 0 20px;
    margin: 0 20px;
}

.persona-item>* {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 991px) {


    .directorio-headers {
        display: none;
    }

    .filters {
        flex-direction: column;
    }
}

df-messenger {
    position: fixed !important;
    bottom: 20px;
    right: 50px;
    z-index: 9999999999 !important;
}

#block-daudo-subtheme-chatbotdialogflowmessenger>h2 {
    display: none;
}

#INDmenu-btn {
    bottom: 2.5% !important;
    border-radius: 0 15px 15px 0 !important;
}

.proximos-cursos form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr) 3fr;
    grid-column-gap: 20px;
    grid-row-gap: 50px;
}

.proximos-cursos form input {
    padding: 0 10px !important;
}

.proximos-cursos form .button {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 15px 45px 15px 45px !important;
}

.proximos-cursos .views-exposed-form .form-text {
    width: 100%;
    height: 50px;
}

.proximos-cursos .views-exposed-form .form-select {
    width: 100%;
    height: 50px;
}

.proximos-cursos .form-item {
    width: 100%;
    height: 50px;
}

.proximos-cursos .views-field-field-sesiones {
    display: block;
}

.proximos cursos .views-view-responsive-grid__item {
    box-shadow: var(--color-22) 0 7px 29px 0 !important;
}

.proximos-cursos .views-field views-field-field-imagen-de-portada {
    padding: var(--padding-1) !important;
}

.proximos-cursos .views-view-responsive-grid__item {
    box-shadow: var(--color-22) 0 7px 29px 0 !important;
}

.proximos-cursos .views-field p,
.proximos-cursos a {
    padding: var(--padding-4);
}

.proximos-cursos .views-field-title {
    padding-top: var(--padding-4);
    font-weight: bold;
}

.proximos-cursos .views-field-field-orientado-a {
    font-weight: bold;
    padding: 0 20px;
}

.proximos-cursos .course-description {
    min-height: 150px;
    height: 150px;
}

.proximos-cursos .views-field-field-sesiones ul {
    padding: 20px 15px;
    list-style-type: none;
}

.proximos-cursos .views-field-field-sesiones ul li>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.proximos-cursos form:last-child {
    display: flex;
}

@media screen and (max-width: 768px) {
    .proximos-cursos form {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(7, 1fr);
    }
}

.proximos-cursos form {
    padding-bottom: 50px;
}

.proximos-cursos .form-actions {
    grid-column: 1 / -1;
}

#INDWrap {
    z-index: 998 !important;
}

.INDhidden {
    z-index: 998 !important;
}

.publicacion-card {
    box-shadow: var(--color-22) 0 7px 29px 0;
    padding: var(--padding-1) !important;
}

.publicacion-container {
    gap: 20px;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: var(--padding-1);
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

@media screen and (max-width: 990px) {
    .language-switcher-language-url {
        right: 40px;
    }

    .gva-search-region {
        right: 15px !important;
    }
}

.imagen-archivo img {
    width: 400px;
    height: 400px;
    object-fit: cover;
}

.mi-cuenta-toolbar {
    position: absolute;
    right: 90px;
    top: -6px;
    color: black;
    background: var(--color-9);
    padding: 0 10px 0 10px;
    transition: background 0.5s ease;

}

.mi-cuenta-toolbar a {
    color: white;
}

.mi-cuenta-toolbar:hover {
    background: black;
}


html:not(#INDdummy) body[data-indblackwhite]:not(#INDdummy)> :not(#INDWrap):not(#INDshortcutMenu) :not(img):not(video) {
    color: var(--color-1) !important;
    background-color: var(--color-3);
}



/* NAVBAR BIBLIOTECAS */

.biblios-navbar {
    background-color: var(--color-9) !important;
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 50px !important;
    padding: 30px 0 !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    overflow-x: hidden !important;
    z-index: 5 !important;
}

#biblios-navbar {
    z-index: 1010 !important;
    /* por encima del contenido principal */
}

#biblios-navbar.is-fixed {
    position: fixed !important;
    top: 135px;
    left: 0 !important;
    right: 0 !important;
    z-index: 1010 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

/* Fondo a todo el ancho del viewport */
.biblios-navbar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-color: var(--color-9);
    z-index: -1;
}

.biblios-navbar ul {
    list-style: none !important;
    margin: 0 auto !important;
    padding: 30px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    gap: 7rem !important;
}

.biblios-navbar li {
    margin: 0 !important;
    padding: var(--padding-1) !important;
}

.biblios-navbar ul li a {
    display: block !important;
    color: var(--color-1) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
    position: relative !important;
    border-bottom: none !important;
}

/* Línea animada */
.biblios-navbar ul li a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--color-1) !important;
    transition: transform 0.25s ease-in-out !important;
}

.biblios-navbar ul li a:hover::after,
.biblios-navbar ul li a:focus::after {
    transform: translateX(-50%) scaleX(1);
}

html {
    scroll-behavior: smooth;
}

.biblios-toggle-checkbox {
    display: none;
}

.biblios-navbar .biblios-toggle-checkbox {
    display: none !important;
}

.biblios-navbar .biblios-toggle-label {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: var(--padding-1);
    line-height: 0;
    overflow: hidden;
}

/* Evita saltos de línea dentro del primer li en escritorio */
.biblios-navbar .biblios-first {
    white-space: nowrap !important;
}

#info,
#formacion,
#recursos {
    scroll-margin-top: 220px;
}

/* ===================== */
RESPONSIVE
/* ===================== */

/* --- Tablet (≤ 1024px) --- */
@media (max-width: 1024px) {
    .biblios-navbar ul {
        gap: 3rem !important;
    }

    .biblios-navbar ul li a {
        padding: 0.6rem 0 !important;
    }
}

/* --- Móvil (≤ 768px) --- */
@media (max-width: 900px) {
    .biblios-navbar ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: var(--padding-1) !important;
    }

    .biblios-navbar li {
        width: 100% !important;
    }

    .biblios-first {
        border-top: none;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
    }

    .biblios-navbar ul li a {
        width: auto !important;
        text-align: center !important;
        padding: 0.9rem 0 !important;
    }

    /* Chevron visible solo en móvil */
    .biblios-toggle-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
        margin: 0 !important;
        padding: var(--padding-1) !important;
        cursor: pointer !important;
        background: transparent !important;
        transition: transform 0.3s ease;
    }

    .biblios-toggle-label::before {
        content: "▾";
        color: var(--color-1) !important;
        font-size: 1.2rem !important;
        line-height: 1 !important;
    }

    /* Transición de rotación */
    #biblios-toggle:checked+ul .biblios-toggle-label {
        transform: rotate(180deg);
    }

    /* Contenedor con transición suave */
    .biblios-collapsible {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease-in-out;
    }

    /* Desplegar con animación */
    #biblios-toggle:checked+ul .biblios-collapsible {
        display: block;
        max-height: 4rem;
        /* ajusta si tienes más contenido */
    }

    /* Mantener tu subrayado animado en móvil */
    .biblios-navbar ul li a::after {
        height: 2px !important;
    }

    #info,
    #formacion,
    #recursos {
        scroll-margin-top: 150px;
    }
}



/* --- Móviles muy pequeños (≤ 480px) --- */
@media (max-width: 480px) {
    .biblios-navbar ul li a {
        padding: 0.7rem 0 !important;
    }


}


/* ================================ */
/*   HOVER con desplazamiento suave */
/* ================================ */

.elem-biblios {
    display: inline-block;
    transition: transform 0.25s ease-in-out;
    padding: var(--padding-1) !important;
}

/* Desplazamiento a la derecha al hacer hover o focus */
.elem-biblios:hover,
.elem-biblios:focus {
    transform: translateX(6px);
}


/* Desplaza también el símbolo en hover */
.elem-biblios:hover::before,
.elem-biblios:focus::before {
    transform: translateX(3px);
}

#block-daudo-subtheme-content>div>article>div>div.post-content>h1>span {
    display: none;
}

.noticias-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.noticias-wrapper h1 {
    display: none;
}

.noticias-wrapper .post-thumbnail {
    padding: var(--padding-5);
    width: 30%;
}

.noticias-wrapper .post-content {
    display: flex;
    flex-direction: column-reverse;
    width: 70%;
}

@media (max-width: 1024px) {
    .noticias-wrapper {
        display: flex;
        flex-direction: column;
    }

    .noticias-wrapper .post-thumbnail {

        width: 100%;
    }

    .noticias-wrapper .post-content {

        width: 100%;
    }
}

:root {
    --brand-facebook: #1877F2;
    --brand-twitter: #1DA1F2;
    --brand-linkedin: #0A66C2;
    --brand-whatsapp: #25D366;
    --brand-bluesky: #1185FE;
}

.social-share {
    display: flex;
    gap: .5rem;
    margin-top: 20px;
}

.social-share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: var(--color-1);
    /* icono en blanco */
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

/* Colores de fondo por red */
.social-share a.is-facebook {
    background: var(--brand-facebook);
}

.social-share a.is-twitter {
    background: var(--brand-twitter);
}

.social-share a.is-linkedin {
    background: var(--brand-linkedin);
}

.social-share a.is-whatsapp {
    background: var(--brand-whatsapp);
}

.social-share a.is-bluesky {
    background: var(--brand-bluesky);
}

.social-share a:hover,
.social-share a:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

.social-share svg {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    fill: currentColor;
    /* hereda blanco */
}

.social-share i {
    font-size: 1.2rem;
    line-height: 1;
}

.noticias-wrapper .node__content .field__item a {
    color: var(--color-9);
}

.bienestar-wrapper img {
    max-height: 250px;
    width: 100%;
    object-fit: cover;
}

.bienestar-border-div {
    border: 1px solid black;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bienestar-border-row .row.row-wrapper {
    gap: 20px;
}

@media (max-width: 767px) {
    .bienestar-btn-wrapper {
        flex-direction: column;
    }
}

.bienestar-btn-link {
    color: var(--color-6);
    font-weight: bold;
}

.bienestar-btn-link:hover {
    color: var(--color-19);
    border-bottom: 1px dotted var(--color-19) !important;
}


@media screen and (max-width: 1200px) {

    .navigation .gva_menu>li>a {
        padding-left: var(--padding-6) !important;
        padding-right: var(--padding-6) !important;
    }

    header .site-branding-logo img {
        width: 90%;
    }
}



span.icaret.nav-plus.fas.fa-chevron-down.toggle-submenu {
    font-size: var(--font-size-2);
    margin-left: 0;
    padding: var(--padding-6);
}

@media screen and (max-width: 1200px) {

    span.icaret.nav-plus.fas.fa-chevron-down.toggle-submenu:hover {
        background: white;
        transition: all 0.5s;
    }
}

/* Flecha con animación de rotación */
.icaret {
    transition: transform .2s ease;
}

/* Flecha cuando el submenú está abierto */
.icaret.is-open {
    transform: rotate(180deg);
}

.gva_menu a:hover .u-underline {
    color: var(--color-6);
}


/* Neutralizar hover global del enlace */
.gva_menu .menu-item>a:hover,
.gva_menu .menu-item>a:focus {
    color: inherit !important;
}

/* =========================
   TEXTO (subrayado animado)
   ========================= */
.gva_menu .menu-item>a .u-underline {
    position: relative;
    display: inline-block;
    transition: color .25s ease;
}

/* Línea de subrayado animado */
.gva_menu .menu-item>a .u-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s ease;
}

/* Hover SOLO en el texto */
.gva_menu .menu-item>a .u-underline:hover,
.gva_menu .menu-item>a .u-underline:focus-visible {
    color: var(--color-6);
}

.gva_menu .menu-item>a .u-underline:hover::after,
.gva_menu .menu-item>a .u-underline:focus-visible::after {
    transform: scaleX(1);
}

/* =========================
   FLECHITA
   ========================= */
.gva_menu .menu-item>a .icaret {
    margin-left: .4rem;
    cursor: pointer;
    color: var(--color-4);
    /* color base de la flecha */
    transition: color .25s ease, transform .25s ease;
}

/* Hover SOLO en la flecha */
.gva_menu .menu-item>a .icaret:hover,
.gva_menu .menu-item>a .icaret:focus-visible {
    color: var(--color-6);
}

/* Flecha rotada cuando está abierto */
.gva_menu .menu-item>a .icaret.is-open {
    transform: rotate(180deg);
}

/* Estilo solo para enlaces dentro del título cuando el tag es <p> */
.widget.gsc-heading .title.title-tag-p a {
    text-decoration: none;
    border: none !important;
    color: black;
    font-weight: normal;
}

.widget.gsc-heading .title.title-tag-p a:hover {
    color: var(--color-6);
    border-bottom: 1px dotted var(--color-6) !important;
}

.fixed-height-img {
    height: 250px !important;
    object-fit: cover !important;
    width: 100% !important;
}

.free-height-img {
    height: auto !important;
}

.post-thumbnail {
    width: 500px;
}

.noticias-all-view form {

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0;
    width: 50%;
}

.noticias-all-view #edit-actions--2 {
    grid-area: 1 / 1 / 2 / 4;
}

.noticias-all-view .views-exposed-form select {
    width: 200px;
}

.noticias-all-view #edit-combine--2 {
    width: 250px;
}

@media screen and (max-width: 880px) {
    .noticias-all-view #edit-actions--2 {
        grid-area: unset;
        grid-column: span 2 / span 2;
        margin-top: 20px;
    }

    .noticias-all-view #views-exposed-form-post-other-block-23>div.js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine {
        grid-area: unset;
        grid-column: span 2 / span 2;
    }

    .mi-cuenta-toolbar {

        right: 120px;
        top: -6px;

    }
}

@media screen and (max-width: 580px) {

    .noticias-all-view form {
        display: flex;

        flex-direction: column;
        width: 100%;
    }

    .noticias-all-view .views-exposed-form select {
        height: auto;
        min-width: unset;
        width: 100%;
        border-radius: 0;
    }

    .noticias-all-view #edit-combine--2 {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {

    .mi-cuenta-toolbar {

        right: 120px !important;
    }

    .persona-item {
        height: auto;
        grid-template-columns: repeat(4, 1fr);

    }

    .directorio-header {
        width: 100vw;
    }

    .busca-nombre,
    .busca-biblioteca {
        width: 100%;
    }

    .filtro .js-form-item {

        width: 100%;
    }
}

@media screen and (max-width: 580px) {

    .noticias-all-view form {
        display: flex;

        flex-direction: column;
        width: 100%;
    }

    .noticias-all-view .views-exposed-form select {
        height: auto;
        min-width: unset;
        width: 100%;
        border-radius: 0;
    }

    .noticias-all-view #edit-combine--2 {
        height: auto;
        width: 100%;
    }

    .persona-item {
        height: auto;
        grid-template-columns: repeat(2, 1fr);

    }

    .directorio-block .block-content {
        width: 100vw;
    }
}

@media screen and (max-width: 380px) {
    .persona-item {
        grid-template-columns: repeat(1, 1fr);
    }
}

.persona-img img {
    border-radius: 50% !important;
    border: 1px solid light gray !important;
}

.espacios-bus-page {
    height: 100vh;
    width: 100vw;
}

.espacios-bus-page .header-1 {
    display: none;
}

.espacios-bus-page .forma-superior-footer {
    display: none;
}

/* =========================
   ICONOS HORARIOS Y LOCALIZACION FONDO ANTIGUO
   ========================= */

/* Solo para los icon-box que tienen la clase iconos-horario */
.gsc-icon-box-new.style-1.iconos-horario {
    position: relative;
}

/* Caja del icono */
.gsc-icon-box-new.style-1.iconos-horario .icon-inner {
    width: 60px;
    height: 76px;
    background: #80212d;
    color: var(--color-1);

    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;

    /* centrado del icono dentro del cuadrado */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* tamaño del icono */
.gsc-icon-box-new.style-1.iconos-horario .icon-inner .icon {
    font-size: 34px !important;
}

.gsc-icon-box-new.style-1 .content-inner {
    padding: 0 10px 15px 70px;
}

.gsc-heading.padding-bottom-20 {
    padding-bottom: var(--padding-2) !important;
}

.gsc-heading p {
    padding-bottom: var(--padding-3) !important;
}

.barra-edicion {
    position: fixed !important;
    bottom: 0 !important;
    padding-top: var(--padding-3);
    padding-bottom: var(--padding-3);
    background-color: white;
}

/* =========================
   FONDO ANTIGUO Y ARCHIVO
   ========================= */

.Restauracion_section .contentButton {
    margin-bottom: 30px;
}

.boton-banners-fondo {
    display: flex;
    justify-content: center;
    margin: 20px auto 20px auto;
    width: fit-content;
}

.widget.boton-explora-fondo a.link {
    /*border: 2px solid var(--color-1) !important;*/
    transition: all 0.35s;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: inline-block;
    clear: both;
    /* padding: 18px 60px; */
    background: transparent;
    border-radius: inherit;
    color: black;
}

.gsc-box-color {
    border-radius: unset;
    background-color: var(--color-6);
}

#biblios-navbar {
    z-index: 500 !important;
}

.header-breadcrumb .breadcrumb ol li a {
    font-size: var(--font-size-4) !important;
}

.header-breadcrumb .breadcrumb ol li {
    font-size: var(--font-size-4) !important;
}

@media screen and (max-width: 475px) {
    #biblios-navbar.biblios-navbar.is-fixed {
        top: 130px !important;
    }
}

p>a>enlaces-estrategias-pub {
    display: list-item;
    margin-left: 25px;
    font-weight: 400 !important;
    color: black !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.enlaces-estrategias-pub:hover {
    color: var(--color-14) !important;
    border-bottom: 1px dotted var(--color-14) !important;
}

.padding-bottom-footer {
    margin-bottom: 5px !important;
}

.sello-footer img {
    max-width: 50% !important;
}

@media screen and (max-width: 767px) {
    .sello-footer img {
        max-width: 20% !important;
    }

    .footer-padding-top {
        padding-top: var(--padding-4);
    }
}

.sello-footer-container {
    padding: 20px 0 !important;
}

.enlaces-accesos-rapidos a {
    color: var(--color-18) !important;
}


















@media only screen and (max-width: 600px) {
    .inicio-busqueda-fama-body {
        padding: var(--padding-3);
    }

    /* --- 1. Contenedor Principal en una línea --- */
    .inicio-busqueda-fama-body .search {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        /* IMPORTANTE: No permite saltos de línea */
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        /* Para que nada se salga */
    }

    /* --- 2. Input de texto (Izquierda) --- */
    .inicio-busqueda-fama-body .line {
        flex-grow: 1;
        /* Ocupa todo el espacio sobrante */
        display: flex;
        width: auto !important;
        border: none !important;
    }

    .inicio-busqueda-fama-body #famaQueryTemp {
        width: 100% !important;
        border: none !important;
        /* Quitar borde propio del input */
        padding: var(--padding-3);
        margin: 0;
    }

    /* Ocultar separador original */
    .inicio-busqueda-fama-body .separator {
        display: none !important;
    }

    /* --- 3. Contenedor de Select y Botón (Derecha) --- */
    .inicio-busqueda-fama-body .inicio-search-container {
        display: flex;
        align-items: center;
        width: auto !important;
        background-color: var(--color-1);
    }

    /* --- 4. El Select (LA FLECHA) --- */
    #search_scope_select {
        /* Desactivar estilo nativo para tener control total */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        /* Dimensiones fijas para el botón de la flecha */
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: var(--padding-1) !important;
        border: none !important;
        border-left: 1px solid var(--color-16) !important;
        /* Separador sutil con el input */
        cursor: pointer;

        /* Ocultar el texto ("Catálogo", etc) */
        color: transparent !important;

        /* Poner nuestra propia flecha (SVG en base64 color granate) */
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%237d1d26%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        background-color: white;
        /* Fondo blanco */
    }

    /* Fix para Internet Explorer/Edge antiguos */
    #search_scope_select::-ms-expand {
        display: none;
    }

    /* --- 5. El Botón de Buscar (Lupa) --- */
    .inicio-form-button {
        display: none !important;
    }

    /* Ocultar texto */

    .inicio-form-button-mobile {
        display: block !important;
        width: 45px !important;
        /* Ancho fijo */
        height: 40px !important;
        /* Misma altura que el input */
        padding: var(--padding-1) !important;
        margin: 0 !important;
        border-radius: 0 !important;

        /* Centrar icono */
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: #981e32;
        /* Color corporativo aproximado */
        color: white;
    }
}

@media screen and (max-width: 992px) {
    .container-redes-sociales {
        top: 0;
    }
}





.gva-offcanvas-mobile.show-view {
    width: 100vw !important;
    max-width: 100% !important;
}

df-messenger {
    z-index: 499 !important;
}

/* Contenedor padre del botón y el panel (necesario para position: absolute) */
.views-exposed-form-wrapper {
    position: relative;
    display: inline-block;
}

/* El panel que se despliega */
.views-exposed-form-container {
    position: absolute;
    top: 105%;
    left: 0;
    z-index: 499;
    background-color: white;
    border: 1px solid var(--color-8);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 1.5rem;
    min-width: 320px;
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    flex-wrap: wrap;
    gap: 1.2rem;
}

/* Cuando está abierto - usando .is-open para coincidir con JavaScript */
.views-exposed-form-container.is-open {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

.views-exposed-form-container .js-form-item {
    flex: 1 1 45%;
    min-width: 180px;
}

.views-exposed-form-container .form-submit.button {
    background-color: #8C3B48;
    color: var(--color-1);
    border: none;
    padding: 8px 16px;
    font-family: sans-serif;
    font-weight: 500;
    font-size: var(--font-size-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .views-exposed-form-container .js-form-item {
        flex: 1 1 100%;
    }
}

/* Botón Aplicar */
.views-exposed-form-container .form-actions {
    flex: 1 1 100%;
    text-align: right;
}

.views-exposed-form-container .form-submit.button:hover {
    background-color: #0056b3;
}

.noticias-all-view {
    margin-top: -70px;
}

.views-exposed-form-toggle {
    background-color: #8C3B48;
    color: var(--color-1);
    border: none;
    padding: 8px 16px;
    font-family: sans-serif;
    font-weight: 500;
    font-size: var(--font-size-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 10px;
}

.noticias-all-view .views-exposed-form select {
    height: auto;
    width: 100%;
    border-radius: 0;
}

.noticias-all-view #edit-combine--2 {
    height: auto;
    width: 100%;
}

.gsc-button {
    text-wrap: nowrap;
}


.after-content {
    margin-top: -80px;
}

.espacios-bus-menu .breadcrumbs {
    display: none;
}

.espacios-bus-menu .bus-navbar {
    margin-top: 135px;
}

.espacios-bus-menu .forma-superior-footer {
    display: none;
}

.espacios-bus-menu {
    overflow: hidden !important;
    height: 100vh;
}


.espacios-bus-menu .body-page {
    height: 100vh;
    padding-bottom: var(--padding-1) !important;
}

@media (max-width: 991px) {
    .espacios-bus-menu .bus-navbar {
        margin-top: 85px;
    }

    .espacios-bus-menu .bus-navbar>div {
        justify-content: center;
    }
}

.branding {
    height: 100%;
}

.branding>div {
    display: flex;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 991px) {
    header.header-default .header-main-inner .header-inner {
        height: 85px;
        padding: var(--padding-1) !important;
    }

    #header.header-compact .header-main {
        padding: var(--padding-1) !important;
    }

    #header.header-compact .site-branding-logo {
        max-width: 160px !important;
    }
}

.image-content-home img {
    height: 195px;
}

@media screen and (max-width: 768px) {
    .img-descubre-bus-shadow {
        height: 230px;
        margin-bottom: 50px;
    }

    .container-descubre-la-bus {
        height: 1000px;
    }

    .container-descubre-la-bus .row {
        flex-direction: column;
        align-items: center;
    }

    .container-descubre-la-bus .row img {

        object-fit: cover;
    }

    .col-sm-12.col-12.img-descubre-bus-shadow {

        max-width: 350px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .img-padding-top-tablet {
        padding-top: var(--padding-7);
    }
}

.gsc-video-link span.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;

    background: var(--color-5);
    color: #2a2c38;
    border-radius: 50%;
    z-index: 12;
    transition: all .35s;

    /* Magia para centrar el <i> */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

@media (max-width: 991.98px) {
    #block-daudo-subtheme-content>div>div>div.node__content.clearfix>div>div.gbb-row-wrapper.section.row-first-level.container-descubre-la-bus.gbb-row.bg-size-cover {
        padding-bottom: 55px !important;
    }
}


/* PAGINA COMUN FONDO ANTIGUO Y ARCHIVO HISTORICO */
.banners-fondo-comun {
    display: none;
}

/* ENCABEZADO FONDO MOVIL */
/* Solo móvil: una línea y autoajuste */
@media (max-width: 767.98px) {
    .widget.gsc-heading.encabezado-fondo .heading-content h1.title {
        font-size: clamp(14px, 4.2vw, 23px) !important;
        line-height: 1.1 !important;

        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        hyphens: none !important;

        text-align: center;
    }

    .widget.gsc-heading.encabezado-fondo .heading-content h1.title>span {
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: inherit !important;
    }
}


.boton-explora-fondo .box-content {
    display: flex;
    flex-direction: column;
}

.boton-explora-fondo .content-inner {
    order: 1;
}

.boton-explora-fondo .image {
    order: 2;
}

.boton-explora-fondo .box-content .content-inner {
    padding: var(--padding-1);
}


.boton-explora-fondo .action .link {
    display: block;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.boton-explora-fondo .action .link:hover {
    color: var(--color-6);
    /*border-bottom: 1px dotted var(--color-6) !important;*/
}

.boton-explora-fondo .content-inner {
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CONSERVACION Y RESTAURACION FONDO (ocultar segun tamano pantalla) */
.conservacion-fondo-escritorio {
    display: none;
}

.conservacion-fondo-movil {
    display: block;
}

/* Escritorio (ajusta el breakpoint si quieres) */
@media (min-width: 992px) {
    .conservacion-fondo-escritorio {
        display: block;
    }

    .conservacion-fondo-movil {
        display: none;
    }
}

/* VISITAS GUIADAS */
.visitas-guiadas-col .column-inner {
    height: 100%;
    display: flex;
}

.visitas-guiadas-col .column-content-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* vertical */
    align-items: center;
    /* horizontal */
    text-align: center;
}

@media (max-width: 767.98px) {

    /* Solo esta fila: añade padding lateral (gutter) */
    .row.row-wrapper:has(.visitas-guiadas-col) {
        padding-left: var(--padding-5) !important;
        /* ajusta: 12, 16, 20 */
        padding-right: var(--padding-5) !important;
        box-sizing: border-box;
    }

    /* Dentro de esa fila, quitamos el padding de columnas para que no se duplique */
    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column {
        padding-left: var(--padding-1) !important;
        padding-right: var(--padding-1) !important;
    }

    /* Columna amarilla a 100% y la de relleno fuera */
    .row.row-wrapper:has(.visitas-guiadas-col) .gsc-column.visitas-guiadas-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        display: block !important;
    }

    .row.row-wrapper:has(.visitas-guiadas-col) .gsc-column.visitas-guiadas-col+.gsc-column {
        display: none !important;
    }

    /* Imagen al 100% del ancho disponible */
    .row.row-wrapper:has(.visitas-guiadas-col) .img-visitas-guiadas img,
    .row.row-wrapper:has(.visitas-guiadas-col) .img-visitas-guiadas img.fixed-height-img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .row.row-wrapper:has(.visitas-guiadas-col) {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;

        padding-left: var(--padding-5) !important;
        padding-right: var(--padding-5) !important;
        box-sizing: border-box;
    }

    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column {
        padding-left: var(--padding-1) !important;
        padding-right: var(--padding-1) !important;
    }

    /* Oculta columnas vacías */
    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column.col-md-2,
    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column:not(.visitas-guiadas-col):not(:has(.img-visitas-guiadas)) {
        display: none !important;
    }

    /* 2 columnas */
    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column:has(.img-visitas-guiadas) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .row.row-wrapper:has(.visitas-guiadas-col)>.gsc-column.visitas-guiadas-col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .row.row-wrapper:has(.visitas-guiadas-col) .img-visitas-guiadas img,
    .row.row-wrapper:has(.visitas-guiadas-col) .img-visitas-guiadas img.fixed-height-img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
}


/* QUICK LINKS FONDO ANTIGUO */

/* QUICK LINKS FONDO ANTIGUO */
.quick-links-container.quick-links-inline {
    display: flex;
    flex-wrap: nowrap;
    /* 4 en la misma línea */
    gap: 16px;
    align-items: stretch;
}

.quick-links-container.quick-links-inline .quick-links-item {
    flex: 0 0 25%;
    max-width: 25%;
}

/* Tablet y móvil: 2 por fila */
@media (max-width: 768px) {
    .quick-links-container.quick-links-inline {
        flex-wrap: wrap;
    }

    .quick-links-container.quick-links-inline .quick-links-item {
        flex: 0 0 calc(50% - 8px);
        /* 2 por fila respetando el gap */
        max-width: calc(50% - 8px);
    }
}


/* carrusel más pequeño y centrado */

/* Separar flechas del item dejando aire lateral al contenido */
.carrusel-fondo .owl-carousel.init-carousel-owl .owl-stage-outer {
    padding: 0 110px;
    /* sube para más separación */
}

/* Flechas centradas verticalmente y fuera del contenido */

/* Distancia de cada flecha al borde del carrusel */

/* Caja blanca más compacta */

/* Espacio visible a ambos lados del item (incluida la derecha) */

/* Si tenías padding en .owl-stage-outer, quítalo para no duplicar espacios */

/* Deja las flechas dentro de ese “aire” lateral */

/* Base (por defecto: portátil medio) */
.carrusel-fondo .owl-carousel.init-carousel-owl {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

/* Espacio visible a izquierda y derecha del item */
.carrusel-fondo .owl-carousel.init-carousel-owl .item-content {
    margin: 0 90px;
    box-sizing: border-box;
}

/* Evita duplicar espacios si antes usabas padding aquí */
.carrusel-fondo .owl-carousel.init-carousel-owl .owl-stage-outer {
    padding: var(--padding-1) !important;
    box-sizing: border-box;
}

/* Flechas centradas y dentro del aire lateral */
.carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev,
.carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
    position: absolute;
    pointer-events: auto;
}

.carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev {
    left: 25px;
}

.carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
    right: 25px;
}

/* Caja blanca un poco más contenida */
.carrusel-fondo .item-content {
    position: relative;
}

.carrusel-fondo .item-content .content-box {
    width: clamp(260px, 45%, 480px);
    padding: 22px 28px;
    box-sizing: border-box;
}

.carrusel-fondo .item-content .btn-theme,
.carrusel-fondo .item-content .btn-theme span {
    font-size: var(--font-size-2);
    line-height: 1.2;
}

/* Quitar el icono antes de "Leer más" (normal y hover) */
.carrusel-fondo .btn-theme::before,
.carrusel-fondo .btn-theme::after,
.carrusel-fondo .btn-theme span::before,
.carrusel-fondo .btn-theme span::after,
.carrusel-fondo .btn-theme:hover::before,
.carrusel-fondo .btn-theme:hover::after,
.carrusel-fondo .btn-theme:hover span::before,
.carrusel-fondo .btn-theme:hover span::after {
    content: none !important;
    display: none !important;
}

/* Por si el icono fuese un <i> o un svg dentro */
.carrusel-fondo .btn-theme i,
.carrusel-fondo .btn-theme svg {
    display: none !important;
}

/* "Leer más" en una sola línea */
.carrusel-fondo .btn-theme,
.carrusel-fondo .btn-theme span {
    white-space: nowrap !important;
}

.carrusel-fondo .btn-theme {
    display: inline-flex;
    align-items: center;
}

.carrusel-fondo .btn-theme>span {
    padding-left: var(--padding-1) !important;
    text-transform: uppercase;
}

/* Títulos del carrusel (PUZZLES, Flickr, etc): autoajuste */
.carrusel-fondo .item-content .content-inner .title,
.carrusel-fondo .item-content .content-inner .title a {
    font-size: clamp(18px, 2.2vw, 22.5px) !important;
    line-height: 1.2 !important;
}

/* -----------------------
   MÓVIL (hasta 575px)
------------------------ */
@media (max-width: 575px) {
    .carrusel-fondo .owl-carousel.init-carousel-owl {
        max-width: 100%;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content {
        margin: 0 16px;
        /* poco aire para no comer pantalla */
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev {
        left: 6px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        right: 6px;
    }

    .carrusel-fondo .item-content .content-box {
        width: calc(100% - 24px);
        /* casi todo el ancho */
        max-width: 420px;
        padding: 16px 18px;
    }
}

/* -----------------------
   TABLET (576px a 991px)
------------------------ */
@media (min-width: 576px) and (max-width: 991px) {
    .carrusel-fondo .owl-carousel.init-carousel-owl {
        max-width: 860px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content {
        margin: 0 40px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev {
        left: 12px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        right: 12px;
    }

    .carrusel-fondo .item-content .content-box {
        width: clamp(240px, 55%, 460px);
        padding: 18px 22px;
    }
}

/* PORTÁTIL (992px a 1399px): vuelve a imagen-izq + caja-der */
@media (min-width: 992px) and (max-width: 1399px) {
    .carrusel-fondo .owl-carousel.init-carousel-owl {
        max-width: 980px;
        margin: 0 auto;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content {
        margin: 0 70px;
        display: flex;
        align-items: stretch;
        min-height: 360px;
        box-sizing: border-box;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .image {
        flex: 0 0 58%;
        max-width: 58%;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .content-box {
        flex: 1 1 42%;
        max-width: 42%;
        background: var(--color-1);

        /* reset total para que no se vaya abajo */
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;

        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 26px;
        box-sizing: border-box;
    }

    /* Flechas: tamaño y separación controlados */
    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev,
    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev {
        left: 18px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        right: 18px;
    }
}

/* Títulos del carrusel (BLOG, Flickr, etc) */
.carrusel-fondo .item-content .content-inner .title,
.carrusel-fondo .item-content .content-inner .title a {
    font-size: 18px;
    line-height: 1.2;
}

/* PANTALLAS GRANDES (1400px en adelante) */
@media (min-width: 1400px) {
    .carrusel-fondo .owl-carousel.init-carousel-owl {
        max-width: 1100px;
        margin: 0 auto;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content {
        margin: 0 120px;
        display: flex;
        align-items: stretch;
        min-height: 420px;
        box-sizing: border-box;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .image {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .image img {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        object-position: center;
        display: block;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .item-content .content-box {
        flex: 1 1 40%;
        max-width: 40%;
        background: var(--color-1);

        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;

        display: flex;
        align-items: center;
        justify-content: center;
        padding: 26px 34px;
        box-sizing: border-box;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev,
    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-prev {
        left: 30px;
    }

    .carrusel-fondo .owl-carousel.init-carousel-owl .owl-nav .owl-next {
        right: 30px;
    }
}


/* La columna blanca debe estirarse y centrar el contenido */
.gsc-column.explora-mas-wrap {
    align-self: stretch !important;
    /* pisa align-self-center */
    display: flex !important;
    background: var(--color-1);
    /* por si acaso */
}

/* Haz que los wrappers internos ocupen todo el alto y centren */
.gsc-column.explora-mas-wrap>.column-inner {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gsc-column.explora-mas-wrap .column-content-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Centrado del título */
.gsc-column.explora-mas-wrap .gsc-heading {
    width: 100%;
    text-align: center;
    margin: 0;
    max-width: none !important;
    /* pisa el max-width inline si molesta */
}

/* Quita padding vertical de la sección */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) {
    padding-top: var(--padding-1) !important;
    padding-bottom: var(--padding-1) !important;
}

.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .bb-container.container {
    padding-top: var(--padding-1) !important;
    padding-bottom: var(--padding-1) !important;
}

/* La fila puede estirar, pero SOLO dejamos estirarse a Explora más */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .row.row-wrapper {
    align-items: stretch;
}

/* Izquierda (Explora más): estirada y centrada */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .gsc-column.explora-mas-wrap {
    align-self: stretch !important;
    display: flex !important;
}

.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .gsc-column.explora-mas-wrap>.column-inner {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .gsc-column.explora-mas-wrap .column-content-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .gsc-column.explora-mas-wrap .title {
    margin: 0 !important;
    text-align: center;
}

/* Derecha (carrusel): NO se estira, se queda a su alto natural */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .row.row-wrapper>.gsc-column:not(.explora-mas-wrap) {
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Por si el tema fuerza 100% en wrappers internos de la derecha */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .row.row-wrapper>.gsc-column:not(.explora-mas-wrap)>.column-inner,
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .row.row-wrapper>.gsc-column:not(.explora-mas-wrap) .column-content-inner {
    height: auto !important;
    min-height: 0 !important;
}

/* Quita el padding-top inline de la columna derecha (style="padding-top:50px") */
.bb-inner.padding-small:has(.gsc-column.explora-mas-wrap) .gsc-column[style*="padding-top:50px"] {
    padding-top: 0 !important;
}



/* BANNERS FONDO ANTIGUO (4) */
.boton-explora-fondo .box-content .image {
    height: 240px;
    /* ajusta a gusto */
    overflow: hidden;
}

.boton-explora-fondo .box-content .image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /* rellena y recorta un poco si hace falta */
    object-position: center;
}


/* Portátil normal: títulos consistentes (máx 2 líneas, misma altura) */
@media (min-width: 992px) and (max-width: 1399px) {
    .bb-inner.remove_padding_bottom:has(.boton-explora-fondo) .boton-explora-fondo .action {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(2 * 1.2em);
        /* reserva sitio para 2 líneas */
        padding: 12px 10px;
        text-align: center;
    }

    .bb-inner.remove_padding_bottom:has(.boton-explora-fondo) .boton-explora-fondo .action .text {
        font-size: clamp(13px, 1.1vw, 15px);
        line-height: 1.2;

        /* No partir palabras en mitad */
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;

        /* Máximo 2 líneas */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}

/* Responsivo */
@media (max-width: 575px) {
    .boton-explora-fondo .box-content .image {
        height: 180px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .boton-explora-fondo .box-content .image {
        height: 210px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .boton-explora-fondo .box-content .image {
        height: 240px;
    }
}

@media (min-width: 1400px) {
    .boton-explora-fondo .box-content .image {
        height: 280px;
    }
}






@media (max-width: 768px) {

    #footer span,
    #footer a {
        font-size: 0.8rem !important;
    }

    .logo-footer img {
        max-width: 75% !important;
    }

    .footer-copyright>div>div {
        display: flex;
        justify-content: center;
    }

    .footer-copyright-text {
        max-width: 80%;
    }
}



/* Corrección para que Gavias y el panel de Drupal convivan en Gin 5 */

/* 1. Forzar que el constructor use el ancho elástico disponible */
.gin--edit-form #gavias-pagebuilder-admin-content-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    box-sizing: border-box !important;
}

/* 2. Asegurar que el Grid de Gin no asfixie a Gavias */
.gin--edit-form .field--name-gva-pagebuilder-content {
    grid-column: 1 / -1 !important;
    /* Ocupa todo el ancho central */
    display: block !important;
    clear: both;
}

/* 3. Darle prioridad al panel lateral de Drupal para que no desaparezca */
.gin--edit-form .layout-region-node-secondary {
    z-index: 100 !important;
}

/* 4. Estilizar el botón de Gavias (Quick Save) para que no se pierda en Gin 5 */
#gva-pagebuilder-btn-save {
    background: var(--color-13) !important;
    color: white !important;
    border-radius: 4px;
    padding: 5px 15px;
}

/* Forzar el ancho que has detectado como correcto */
.gin--edit-form .layout-node-form__main,
.gin--edit-form .layout-region-node-main {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

/* Corrección de ancho total para Gin 5.0.12 */

/* 1. Forzamos el ancho del contenedor que detectaste */
.gin--edit-form .layout-region-node-main {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding: var(--padding-1) !important;
}

/* 2. Rompemos el grid/flex del formulario padre para que no bloquee el 100% */
.gin--edit-form .layout-node-form {
    display: block !important;
}

/* 3. Ajuste para el Page Builder de Gavias */
#gavias-pagebuilder-admin-content-main {
    width: 100% !important;
    clear: both;
}

/* 4. Rescate del panel de ajustes de Drupal (el que abres con el botón) */
/* Al poner el centro al 100%, el panel debe ser flotante para no irse abajo */
.gin--edit-form #gin_sidebar,
.gin--edit-form .layout-region-node-secondary {
    position: fixed !important;
    right: 0;
    top: 0;
    z-index: 1001;
    height: 100vh;
    width: 360px;
    background: var(--color-1);
    box-shadow: -5px 0 20px var(--color-20);
    border-left: 1px solid var(--color-8);
}

/* Anular el recorte de ancho que aplica Gin 5 cuando detecta Gavias */
@media screen and (min-width: 780px),
(min-device-height: 780px) and (orientation: landscape) {
    .node-form[data-drupal-form-fields*="edit-gva-pagebuilder-content-0-value"] .layout-region-node-main {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* Evitar que el panel de Drupal quede debajo del Page Builder al poner el 100% */
.layout-region-node-secondary {
    z-index: 1001 !important;
}



@media (max-width: 1200px) {

    /* 1. Forzamos al contenedor y a la fila a ser fluidos SOLO dentro de .explora-mas-slider */
    .explora-mas-slider .bb-container.container,
    .explora-mas-slider .row.row-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--padding-1) !important;
        padding-right: var(--padding-1) !important;
        display: block !important;
        /* Rompe el flex para evitar anchos fijos calculados */
    }

    /* 2. Aseguramos que la columna del título ocupe el 100% del ancho liberado */
    .explora-mas-slider .gsc-column.explora-mas-wrap {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
        /* Refuerza que no se comporte como item flex */
    }
}



.objetoteca-row {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin: 15px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .objetoteca-row {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}

@media (max-width: 576px) {

    .objetoteca-row {
        padding: 20px 18px 24px 18px !important;
    }

    .objetoteca-row .views-field-field-consulta-disponibilidad {
        margin-top: 16px;
    }

    .objetoteca-wrapper .view-content-wrap .item-image {
        height: auto;
        margin: 10px 0;
    }
    .objetoteca-wrapper .view-content-wrap {
        .item {
            width: calc(50% - 20px);
            padding: 16px;
            margin: 10px;
            height: 280px;
            min-height: unset;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .views-field-field-imagen {
            margin-bottom: 10px;
        }

        .views-field-field-consulta-disponibilidad {
            margin-top: 8px;
            margin-bottom: 4px;
        }

        .views-field-field-manual {
            margin-top: 0;
        }

        .views-field-field-consulta-disponibilidad a {
            position: relative;
            display: inline-block;
            line-height: 1.25;
            font-size: 0;
            text-indent: -9999px;
            overflow: hidden;
            white-space: nowrap;
            gap: 0;
        }

        .views-field-field-consulta-disponibilidad a::before {
            content: "Disponibilidad";
            display: inline-block;
            text-indent: 0;
            font-size: 1rem;
            color: var(--color-2);
            vertical-align: middle;
        }

        .views-field-field-consulta-disponibilidad a::after {
            content: "➤";
            display: inline-block;
            text-indent: 0;
            font-size: 1rem;
            color: var(--color-2);
            margin-left: 0.35em;
            vertical-align: middle;
        }

        .views-field-field-manual a {
            display: inline-flex;
            align-items: baseline;
            gap: 0.35em;
            line-height: 1.25;
        }

        .item-image {
            height: 90px;
            margin: 6px 0;
        }

        .item-image img {
            max-width: 100%;
            max-height: 80px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            margin: 0 auto;
        }

        .titulo-objetoteca {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            /* overflow: hidden;*/
            line-height: 1.25;
            min-height: 3.75em;
        }
    }

}


/* 1. Posicionar TODO el bloque del buscador exactamente donde quieres */
#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 {
    position: absolute;
    right: -20px;
    top: -5px;
    z-index: 99;
    /* Lo mantiene por encima del menú o cabecera */
}

/* 2. Dejar el botón de la lupa sin fondo, sin bordes y en negro */
#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .search-toggle-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-3) !important;
    padding: var(--padding-1);
    font-size: 1.3rem;
    cursor: pointer;
}

/* 3. Ocultar la palabra "Filtros" para dejar solo el icono */
#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .toggle-text {
    display: none !important;
}

/* 4. Evitar que el cajón de búsqueda se salga de la pantalla al abrirse */
#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .views-exposed-form-container {
    position: absolute;
    right: 0;
    /* Obliga al formulario a desplegarse hacia la izquierda */
    top: 35px;
    /* Empuja el cajón un poco hacia abajo para que no tape la lupa */
    background: var(--color-1);
    /* Fondo blanco para que no se mezcle con la web */
    padding: var(--padding-5);
    box-shadow: 0 4px 10px var(--color-11);
    /* Sombra elegante */
}

#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .views-exposed-form-container {
    left: auto;
}

/* Eliminar el borde/contorno negro por defecto del navegador al hacer clic (enfoque) */
.search-form-wrapper .search-toggle-btn:focus,
.search-form-wrapper .search-toggle-btn:active {
    outline: none !important;
    /* Esto quita el contorno del navegador */
    box-shadow: none !important;
    /* Algunos temas usan sombras en lugar de contornos, esto asegura quitarlo */
}

/* --- AJUSTES EXCLUSIVOS PARA MÓVILES --- */
@media (max-width: 768px) {

    /* 1. Hacer el área táctil de la lupa más grande para el dedo */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .search-toggle-btn {
        padding: var(--padding-5) !important;
        /* Área de clic más grande */
        margin-top: -15px;
        /* Compensa el padding para que visualmente siga en su sitio */
        margin-right: -15px;
        z-index: 9999 !important;
        /* Asegura que ningún otro elemento del menú móvil lo tape */
    }

    /* 2. Forzar al cajón de búsqueda a quedarse dentro de la pantalla */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .views-exposed-form-container {
        width: 280px;
        /* Ancho fijo seguro para móviles */
        max-width: 85vw;
        /* Garantiza que nunca sea más ancho que la pantalla física */
        right: 20px;
        /* Lo empuja un poco hacia la izquierda para compensar el right: -20px del padre */
        z-index: 9998 !important;
    }

    /* 1. Aseguramos que el envoltorio sea el "ancla" */
    .search-form-wrapper {
        position: relative !important;
    }

    /* 2. Cuando el botón está CERRADO (false), ocultamos el formulario forzosamente */
    .search-form-wrapper button[aria-expanded="false"]+.views-exposed-form-container {
        display: none !important;
    }

    /* 3. Cuando el botón se TOCA y está ABIERTO (true), mostramos el formulario con precisión */
    .search-form-wrapper button[aria-expanded="true"]+.views-exposed-form-container {
        display: block !important;
        position: absolute !important;
        top: 40px !important;
        /* Despliega el cajón justo debajo de la lupa */
        right: 0 !important;
        /* Lo alinea a la derecha para que no se salga de la pantalla */
        width: 280px !important;
        max-width: 85vw !important;
        /* Evita que sea más ancho que la pantalla del móvil */
        background: var(--color-1) !important;
        padding: var(--padding-5) !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
        z-index: 99999 !important;
        /* Garantiza que esté por encima del menú móvil */
    }

    /* --- FORZAR APARICIÓN EN MÓVIL (OPCIÓN NUCLEAR) --- */
    .search-form-wrapper button[aria-expanded="true"]~.views-exposed-form-container,
    .search-form-wrapper button[aria-expanded="true"]+.views-exposed-form-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        /* Usamos FIXED para escapar de la cabecera del móvil */
        position: fixed !important;
        top: 70px !important;
        /* Ajusta este número según la altura de tu cabecera para que no la tape */
        right: 15px !important;

        /* Tamaño seguro para cualquier móvil */
        width: 300px !important;
        max-width: 90vw !important;

        /* Diseño del cajón */
        background: var(--color-1) !important;
        padding: var(--padding-4) !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;

        /* El Z-index más alto posible en navegadores */
        z-index: 2147483647 !important;
    }

    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .views-exposed-form-container {
        left: auto;
    }

    /* Obligar al input de búsqueda a no salirse de su contenedor */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 input.form-text {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        /* Vital para que el padding no lo haga crecer */
    }

    /* Opcional: Si el botón de "Aplicar" también se ve raro, con esto ocupará el 100% del ancho, quedando muy bien en móviles */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 input.form-submit {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 10px !important;
    }

    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 {
        position: absolute;
        right: 0;
        top: -7px;
        z-index: 99;
    }

}

.custom-tooltip {
    top: 80%;
}

@media (min-width: 769px) and (max-width: 1050px) {

    /* Tus estilos CSS van aquí */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 {
        right: 0;
        top: -7px;
    }
}

/* Aplicamos la configuración que te funciona en móvil también para tablets */
@media (max-width: 1050px) {

    /* 1. Forzamos que el contenedor se posicione a la derecha y flote */
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 .views-exposed-form-container {
        display: none;
        /* Se abrirá con el JS mediante display: block o la clase is-open */
        position: absolute !important;
        top: 45px !important;
        /* Ajusta esto según la altura de tu cabecera */
        right: 0 !important;
        left: auto !important;
        width: 300px !important;
        max-width: 90vw !important;
        background: var(--color-1) !important;
        padding: var(--padding-4) !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
        z-index: 2147483647 !important;
        /* El máximo posible para que nada lo tape */
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 2. Cuando el botón tiene aria-expanded="true", mostramos el contenedor */
    .search-form-wrapper button[aria-expanded="true"]+.views-exposed-form-container,
    .search-form-wrapper button[aria-expanded="true"]~.views-exposed-form-container {
        display: block !important;
    }

    /* 3. Aseguramos que el botón de la lupa sea visible y táctil */
    .views-exposed-form-toggle.search-toggle-btn {
        display: inline-block !important;
        visibility: visible !important;
        cursor: pointer;
        z-index: 1000;
    }

    /* 1. Forzamos que el contenedor del input no deje salir nada */
    .views-exposed-form-container .form-item {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    /* 2. Hacemos que el input de texto sea flexible */
    .views-exposed-form-container input[type="text"],
    .views-exposed-form-container input.form-text {
        width: 100% !important;
        /* Ocupa el 100% del contenedor padre */
        max-width: 100% !important;
        min-width: 0 !important;
        /* Anula cualquier tamaño mínimo */
        box-sizing: border-box !important;
        /* Incluye el padding en el ancho */
        height: 45px;
        /* Altura cómoda para dedos en tablet */
    }

    /* 3. Ajustamos el botón de 'Aplicar' para que también encaje bien */
    .views-exposed-form-container .form-actions {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .views-exposed-form-container input[type="submit"] {
        width: 100% !important;
        display: block !important;
    }
}

#block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 {
    border-bottom: none;
}


#block-daudo-subtheme-advancedlanguageselectorblock {
    top: -5px;
}

@media (min-width: 769px) and (max-width: 1050px) {
    #block-daudo-subtheme-formularioexpuestoresultados-de-busquedapage-1 {
        right: -5px;
        top: -3px;
    }
}


.redes-movil-display {
    display: none !important;
}

@media (max-width: 991px) {
    .gva-offcanvas-mobile .redes-movil-display {
        position: static !important;
        /* Cambiamos a static */
        display: flex !important;
        justify-content: center !important;
        /* Centra horizontalmente */
        align-items: center !important;
        margin-top: 30px !important;
        /* Espacio respecto al menú superior */
        padding-bottom: var(--padding-4) !important;
        width: 100% !important;
        background: transparent !important;
    }
}

/* Listado noticias: título grande arriba, categoría pequeña abajo */
.noticias-all-view .post-block .post-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px;
    line-height: 1.3 !important;
}

.noticias-all-view .post-block .post-title a {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #7e2133 !important;
}

.noticias-all-view .post-block .post-title a:hover,
.noticias-all-view .post-block .post-title a:active {
    color: #711426 !important;
}

.noticias-all-view .post-block .post-meta {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

.noticias-all-view .post-block .post-categories a {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    color: var(--color-3) !important;
}

.noticias-all-view .post-block .post-categories a:hover {
    color: var(--color-4) !important;
}

.noticias-all-view .post-block .post-created,
.noticias-all-view .post-block .post-created time {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

/* ==========================================
 * CSS PARA LA TARJETA (con !important)
 * ==========================================
 */

.post-block {
    background-color: var(--color-1) !important;
    width: 100% !important;
    max-width: 400px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    /* border-radius: 8px !important; */
}

.post-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 16 / 10 !important;
}

.post-content {
    padding: 25px 20px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.post-title {
    margin-bottom: 20px !important;
}

.post-title a {
    color: var(--color-5) !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
}

.post-title a:hover {
    color: var(--color-3) !important;
}

.post-meta {
    line-height: 1.4 !important;
    display: flex !important;
    flex-direction: column !important;
}

.post-categories {
    display: block !important;
    color: var(--color-3) !important;
    font-weight: 500 !important;
    font-size: 1.15rem !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.line {
    color: var(--color-15) !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}

.post-created {
    color: var(--color-15) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}



/* ==========================================
 * CSS PARA LA TARJETA (con .item y !important)
 * ==========================================
 */

.item .post-block {
    background-color: var(--color-1) !important;
    width: 100% !important;
    max-width: 400px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    /* border-radius: 8px !important; */
}

.item .post-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 16 / 10 !important;
}

.item .post-content {
    padding: 25px 20px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}


.item .post-title a {
    color: var(--color-5) !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
}

.noticias-all-view .post-block .post-title a {
    color: var(--color-5) !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
}

.item .post-title {
    margin: 0 !important;
}

.item .post-title a:hover {
    color: var(--color-3) !important;
}

.item .post-meta {
    line-height: 1.4 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px;
    margin: 0 !important;
}

.item .post-categories {
    display: block !important;
    color: var(--color-3) !important;
    font-weight: 500 !important;
    font-size: 1.15rem !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
}

.item .line {
    color: var(--color-15) !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}

.item .post-created {
    color: var(--color-15) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.noticias-all-view .post-block .post-categories a {
    font-weight: 800 !important;
}

.post-block .post-content .post-meta a {
    display: block !important;
    color: var(--color-3) !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
}

.path-taxonomy .sidebar-right {
    display: none;
}

.path-taxonomy #page-main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.post-block {
    max-width: 100% !important;
}

#block-daudo-subtheme-content>div>article>div>div.post-content>h1>span {
    margin: 0 !important;
    padding: var(--padding-1) !important;
}

.node--type-article .post-title {
    display: none;
}

.noticias-wrapper .post-content {
    padding-top: var(--padding-2) !important;
    padding-bottom: var(--padding-2) !important;
}

@media (max-width: 500px) {
    .objetoteca-wrapper .view-content-wrap {
        display: flex;
        flex-direction: column;
    }

    .objetoteca-wrapper .view-content-wrap .item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .objetoteca-wrapper .view-content-wrap .item .field-content {
        text-align: center;
    }
}

/**
 * FIX: Superposición del icono +/- sobre el texto del accordion en móvil
 * 
 * PROBLEMA: La regla original usa right: -20px en el ::after, lo que posiciona
 * el icono FUERA del área del enlace. En móvil esto se superpone al texto.
 * 
 * SOLUCIÓN: Mover el icono dentro del enlace con right positivo y reservar
 * padding-right suficiente en el <a> para que el texto no llegue al icono.
 */

/* === Reservar espacio para el icono en el título === */
.acordeon-drupal .panel .panel-heading .panel-title>a {
    padding-right: 60px !important;
}

/* === Posicionar el icono DENTRO del enlace === */
.acordeon-drupal .panel .panel-heading .panel-title>a:after,
.acordeon-drupal .panel .panel-heading .panel-title>a.collapsed:after {
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    margin-right: 0 !important;
}

/* === Móvil === */
@media (max-width: 767px) {
    .acordeon-drupal .panel .panel-heading .panel-title>a {
        padding-right: 55px !important;
    }

    .acordeon-drupal .panel .panel-heading .panel-title>a:after,
    .acordeon-drupal .panel .panel-heading .panel-title>a.collapsed:after {
        right: 10px !important;
        width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        font-size: var(--font-size-4) !important;
    }
}


.glink {
    color: black !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.glink:hover {
    color: var(--color-2) !important;
}

.glink.gt-current-lang {
    color: var(--color-2) !important;
}

.gt_switcher_wrapper {
    position: absolute !important;
    top: -5px !important;
    right: 18px !important;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px !important;
}

@media (max-width: 991px) {
    .gt_switcher_wrapper {

        top: 15px !important;

    }

}

@media (min-width: 991px) and (max-width: 1050px) {
    .gt_switcher_wrapper {
        right: 47px !important;
    }
}

.post-categories {
    display: none !important;
}

/* ===== Klaro v3 Consent Manager - BUS var(--color-2) ===== */

/* Toggles activos */
.klaro .cm-switch .slider.round.active {
    background-color: var(--color-2) !important;
}

/* Toggle "only-required" (los que están fijos) */
.klaro .cm-purpose .only-required:checked+.cm-list-label .slider,
.klaro .cm-service .required:checked+.cm-list-label .slider {
    background-color: var(--color-2) !important;
}

/* Botón "Accept all" */
.klaro .cm-btn.cm-btn-accept-all {
    background-color: var(--color-2) !important;
    border-color: var(--color-2) !important;
    color: var(--color-1) !important;
}

.klaro .cm-btn.cm-btn-accept-all:hover {
    background-color: #6b1a25 !important;
    border-color: #6b1a25 !important;
}

/* Botón "Accept selected" */
.klaro .cm-btn.cm-btn-accept.cm-btn-info {
    border-color: var(--color-2) !important;
    color: var(--color-2) !important;
    background: transparent !important;
}

.klaro .cm-btn.cm-btn-accept.cm-btn-info:hover {
    background-color: var(--color-2) !important;
    color: var(--color-1) !important;
}

/* Botón "Decline" */
.klaro .cm-btn.cm-btn-decline {
    background-color: var(--color-4) !important;
    border-color: var(--color-4) !important;
    color: var(--color-1) !important;
}

.klaro .cm-btn.cm-btn-decline:hover {
    background-color: #1a1a1a !important;
}

/* Links */
.klaro .cm-modal a,
.klaro .cm-caret a {
    color: var(--color-2) !important;
}

.klaro .cm-modal a:hover {
    color: #6b1a25 !important;
}

/* Título */
.klaro .cm-modal .cm-header h1.title {
    color: var(--color-2) !important;
}

/* Ocultar "Powered by Klaro!" */
.klaro .cm-powered-by {
    display: none !important;
}

/* Texto "(always required)" */
.klaro .cm-required {
    color: var(--color-2) !important;
}



/* --------------- BUENAS PRACTICAS Y ODS (ACTUALIZADO)---------------- */
/* Card completa */
.practicas-cards .gsc-column.panel_block_image {
    display: flex !important;
    margin-bottom: 20px !important;
    min-height: 0 !important;
    height: auto !important;

    --seal-size: clamp(52px, 7vw, 68px);
    --seal-gap: 8px;
    --seal-right: 10px;
    --seal-bottom: -6px;
}

/* Caja interior */
.practicas-cards .gsc-column.panel_block_image>.column-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: var(--padding-1) !important;
}

/* Estructura general de la card */
.practicas-cards .gsc-column.panel_block_image .column-content-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr auto !important;
    grid-template-areas:
        "titulo"
        "imagen"
        "texto"
        "boton" !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: var(--padding-1) !important;
}

/* Título */
.practicas-cards .gsc-column.panel_block_image .column-content.center {
    grid-area: titulo !important;
    margin: 0 0 12px 0 !important;
    padding: var(--padding-1) !important;
    height: auto !important;
    min-height: 0 !important;
}

.practicas-cards .gsc-column.panel_block_image .column-content.center p {
    margin: 0 !important;
}

/* Texto descriptivo */
.practicas-cards .gsc-column.panel_block_image .column-content.fixed-height-text {
    grid-area: texto !important;
    margin: 16px 0 0 0 !important;
    padding: 0 0 8px 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

.practicas-cards .gsc-column.panel_block_image .column-content.fixed-height-text p {
    margin: 0 !important;
}

/* Imagen principal */
.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.practicas-img {
    grid-area: imagen !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--padding-1) !important;
    line-height: 0 !important;
    z-index: 1 !important;
}

.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.practicas-img .widget-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--padding-1) !important;
}

.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.practicas-img img.fixed-height-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* Sello base */
.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    place-self: end end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--seal-size) !important;
    height: var(--seal-size) !important;
    margin: 0 var(--seal-right) var(--seal-bottom) 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    background: var(--color-1) !important;
    border-radius: 8px !important;
    line-height: 0 !important;
    z-index: 3 !important;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img) .widget-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: var(--padding-1) !important;
    line-height: 0 !important;
}

.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img) img.free-height-img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
}

/* Segundo sello, a la izquierda del primero */
.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img)+.widget.gsc-image.text-none:not(.practicas-img) {
    margin-right: calc(var(--seal-right) + var(--seal-size) + var(--seal-gap)) !important;
}

/* Tercer sello, a la izquierda del segundo */
.practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img)+.widget.gsc-image.text-none:not(.practicas-img)+.widget.gsc-image.text-none:not(.practicas-img) {
    margin-right: calc(var(--seal-right) + (var(--seal-size) * 2) + (var(--seal-gap) * 2)) !important;
}

/* Hover suave del sello */
@media (hover: hover) {
    .practicas-cards .gsc-column.panel_block_image .widget.gsc-image.text-none:not(.practicas-img):hover {
        transform: scale(1.08);
        z-index: 4 !important;
    }
}

/* Limpieza de elementos sobrantes */
.practicas-cards .gsc-column.panel_block_image .clearfix {
    display: none !important;
}

/* Botón abajo con aire */
.practicas-cards .gsc-column.panel_block_image .btn-practicas,
.practicas-cards .gsc-column.panel_block_image a.gsc-button {
    grid-area: boton !important;
    display: block !important;
    margin: 18px 0 0 0 !important;
    line-height: 1.2 !important;
}

/* ----FECHA NOTICIAS ARRIBA DEL POST---- */
.post-content {
    display: flex;
    flex-direction: column;
}

.post-content>.post-meta {
    order: -1;
    margin-bottom: 15px;
}

.post-meta .post-categories,
.post-meta .line {
    display: none;
}

header.header-default .header-main-inner .header-inner {
    padding-left: var(--padding-1) !important;
}

/* ---- LISTADO TAXONOMIAS ---- */
.terminos-noticias {
    padding-top: 50px;
}

.terminos-noticias .views-field-created {
    text-align: center;
    margin-bottom: 8px;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    color: var(--color-15) !important;
    font-family: "gilmer";
    text-transform: uppercase !important;
    padding-top: var(--padding-3);
}

.terminos-noticias .views-field.views-field-title .field-content {
    line-height: 1.3 !important;
}

.terminos-noticias .views-field.views-field-title {
    text-align: center;
}

.terminos-noticias .views-field.views-field-title .field-content a {
    color: var(--color-5) !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 1vw, 1.125rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
    text-align: center !important;
}