@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:#000;
    color:#fff;
    font-family:'Alegreya', serif;
}

.gallery{
    position:fixed;
    inset:0;
    background:#000;
    overflow:hidden;
    z-index:0;
}

.slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 8s ease-in-out;
}

.slide.visible{
    opacity:1;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.corner{
    position:fixed;
    z-index:40;
    font-size:13px;
    line-height:1;
    letter-spacing:0.02em;
    color:#fff;
    text-decoration:none;
    mix-blend-mode:difference;
}

.top-left{
    top:20px;
    left:20px;
}

.top-right{
    top:20px;
    right:20px;
}

.bottom-left{
    bottom:20px;
    left:20px;
}

.burger{
    width:28px;
    height:18px;
    border:0;
    background:transparent;
    cursor:pointer;
}

.burger span{
    display:block;
    width:100%;
    height:1px;
    background:#fff;
    margin-bottom:8px;
    transition:transform 0.4s ease, opacity 0.4s ease;
}

.burger span:last-child{
    margin-bottom:0;
}

.burger.open span:first-child{
    transform:translateY(4.5px) rotate(45deg);
}

.burger.open span:last-child{
    transform:translateY(-4.5px) rotate(-45deg);
}

/* MENU */

.menu{
    position:fixed;
    inset:0;
    z-index:30;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;

    padding:20px;

    background:rgba(0,0,0,0.92);

    opacity:0;
    pointer-events:none;

    transition:opacity 0.8s ease;
}

.menu.open{
    opacity:1;
    pointer-events:auto;
}

.menu-column{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:0.25em;
}

.menu-column-right{
    align-items:flex-start;
}

.menu a{
    color:#fff;
    text-decoration:none;
    font-size:clamp(2.6rem, 7vw, 8rem);
    line-height:0.9;
    letter-spacing:-0.06em;
    font-weight:400;
}

.menu a:hover{
    opacity:0.55;
}

body.menu-open .gallery{
    filter:blur(12px);
}

/* MOBILE */

@media(max-width:768px){
    .top-left{
        top:14px;
        left:14px;
    }

    .top-right{
        top:14px;
        right:14px;
    }

    .bottom-left{
        bottom:14px;
        left:14px;
    }

    .menu{
        grid-template-columns:1fr;
        gap:2rem;
        padding:14px;
    }

    .menu-column{
        justify-content:center;
    }

    .menu-column-right{
        justify-content:flex-start;
    }

    .menu a{
        font-size:clamp(3rem, 14vw, 6rem);
    }
}

/* PÁGINAS SPLIT */

body.page-split{
    height:auto;
    min-height:100vh;
    overflow:auto;
    background:#f2f0ea;
    color:#111;
}

.page-split .corner{
    color:#111;
    mix-blend-mode:normal;
}

.split{
    min-height:100vh;
    display:grid;
    grid-template-columns:1fr 1fr;
}

.split-image{
    min-height:100vh;
    background:#000;
}

.split-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.split-text{
    min-height:100vh;
    padding:8vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.split-text h1{
    font-size:clamp(3rem, 8vw, 8rem);
    line-height:0.9;
    font-weight:400;
    letter-spacing:-0.06em;
    margin-bottom:2rem;
}

.split-text p{
    font-size:clamp(1.4rem, 2.4vw, 2.6rem);
    line-height:1.18;
    max-width:22ch;
}

@media(max-width:768px){
    .split{
        grid-template-columns:1fr;
    }

    .split-image{
        min-height:50vh;
    }

    .split-text{
        min-height:50vh;
        padding:6rem 1rem 4rem;
    }
}

/* SCROLL SOLO EN TEXTO */

.page-split{
    overflow:hidden;
}

.split{
    height:100vh;
    overflow:hidden;
}

.split-image{
    height:100vh;
    position:sticky;
    top:0;
}

.split-text{
    height:100vh;
    overflow-y:auto;
    justify-content:flex-start;
    padding-top:8rem;
    padding-bottom:8rem;
}

.split-text p{
    margin-bottom:1.4em;
}

@media(max-width:768px){
    .page-split{
        overflow:auto;
    }

    .split{
        height:auto;
        overflow:auto;
    }

    .split-image{
        position:relative;
        height:50vh;
        min-height:50vh;
    }

    .split-text{
        height:auto;
        overflow:visible;
    }
}

/* ESQUINAS SIEMPRE VISIBLES */

.corner{
    z-index:9999 !important;
    color:#fff !important;
    mix-blend-mode:difference;
    text-shadow:
        0 0 3px rgba(0,0,0,0.9),
        0 0 8px rgba(0,0,0,0.8);
}

.burger{
    z-index:9999 !important;
}

.burger span{
    background:#fff !important;
    box-shadow:
        0 0 3px rgba(0,0,0,0.9),
        0 0 8px rgba(0,0,0,0.8);
}

.menu{
    z-index:9000 !important;
}

body.menu-open .corner{
    color:#fff !important;
    mix-blend-mode:normal;
}

body.page-split .corner{
    color:#111 !important;
    mix-blend-mode:normal;
    text-shadow:
        0 0 3px rgba(255,255,255,0.9),
        0 0 8px rgba(255,255,255,0.8);
}

body.page-split .burger span{
    background:#111 !important;
    box-shadow:
        0 0 3px rgba(255,255,255,0.9),
        0 0 8px rgba(255,255,255,0.8);
}

body.page-split.menu-open .corner{
    color:#fff !important;
    text-shadow:
        0 0 3px rgba(0,0,0,0.9),
        0 0 8px rgba(0,0,0,0.8);
}

body.page-split.menu-open .burger span{
    background:#fff !important;
    box-shadow:
        0 0 3px rgba(0,0,0,0.9),
        0 0 8px rgba(0,0,0,0.8);
}

/* ESQUINAS LIMPIAS, SIN SOMBRA */

.corner{
    text-shadow:none !important;
    color:#fff !important;
    mix-blend-mode:difference !important;
    z-index:9999 !important;
}

.burger span{
    box-shadow:none !important;
    background:#fff !important;
    mix-blend-mode:difference !important;
}

body.page-split .corner,
body.page-split.menu-open .corner{
    text-shadow:none !important;
    color:#fff !important;
    mix-blend-mode:difference !important;
}

body.page-split .burger span,
body.page-split.menu-open .burger span{
    box-shadow:none !important;
    background:#fff !important;
    mix-blend-mode:difference !important;
}

/* AJUSTE GLOBAL TIPOGRAFÍA Y PADDING */

html,
body,
button,
a,
input,
textarea,
select{
    font-family:'Alegreya', serif !important;
}

.split-text{
    padding:5rem 4rem 5rem 4rem !important;
}

.split-text h1{
    font-size:clamp(2.8rem, 6vw, 6.5rem) !important;
    letter-spacing:-0.08em;
    margin-bottom:2.5rem !important;
}

.split-text p{
    font-size:clamp(1rem, 1.55vw, 1.7rem) !important;
    line-height:1.28 !important;
    max-width:34ch !important;
    margin-bottom:1.6em !important;
}

@media(max-width:768px){
    .split-text{
        padding:4.5rem 1rem 3rem !important;
    }

    .split-text h1{
        font-size:clamp(2.5rem, 13vw, 4.8rem) !important;
    }

    .split-text p{
        font-size:1rem !important;
        max-width:100% !important;
    }
}

/* BURGER SIEMPRE ARRIBA Y CLICABLE */

.burger,
.top-right{
    position:fixed !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
}

.burger{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    mix-blend-mode:difference !important;
}

.burger span{
    position:relative !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
}

.menu{
    z-index:2147483000 !important;
}

.menu.open{
    pointer-events:auto !important;
}

body.menu-open .burger{
    z-index:2147483647 !important;
}

/* GALERÍA SPLIT IZQUIERDA */

.split-image{
    position:relative;
    overflow:hidden;
}

.split-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 8s ease-in-out;
}

.split-slide.visible{
    opacity:1;
}

.split-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media(max-width:768px){
    .split-slide{
        position:absolute;
        inset:0;
    }
}

/* RESPONSIVE PÁGINAS INTERIORES */

@media(max-width:768px){

    body.page-split{
        height:auto !important;
        min-height:100vh !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    .split{
        display:block !important;
        height:auto !important;
        min-height:100vh !important;
        overflow:visible !important;
    }

    .split-image{
        position:relative !important;
        width:100vw !important;
        height:100vh !important;
        min-height:100vh !important;
        overflow:hidden !important;
    }

    .split-text{
        height:auto !important;
        min-height:100vh !important;
        overflow:visible !important;
        padding:5rem 1rem 7rem !important;
        background:#f2f0ea;
        color:#111;
    }

    .split-text h1{
        font-size:clamp(2.6rem, 16vw, 5rem) !important;
        margin-bottom:2rem !important;
    }

    .split-text p{
        font-size:1rem !important;
        line-height:1.35 !important;
        max-width:100% !important;
    }

    .split-slide,
    .split-slide img{
        width:100%;
        height:100%;
    }

    .bottom-left{
        position:fixed !important;
        bottom:14px !important;
        left:14px !important;
    }
}

/* FIX SCROLL MÓVIL PÁGINAS INTERIORES */

@media(max-width:768px){

    html,
    body{
        height:auto !important;
        min-height:100% !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    body.page-split{
        position:relative !important;
        height:auto !important;
        min-height:100vh !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch;
    }

    .page-split .split{
        display:block !important;
        height:auto !important;
        min-height:200vh !important;
        overflow:visible !important;
    }

    .page-split .split-image{
        position:relative !important;
        height:100vh !important;
        min-height:100vh !important;
        width:100vw !important;
        overflow:hidden !important;
    }

    .page-split .split-text{
        position:relative !important;
        height:auto !important;
        min-height:100vh !important;
        overflow:visible !important;
        padding:5rem 1rem 8rem !important;
    }
}

/* LOADING */

body{
    -webkit-animation: fadein 3s;
       -moz-animation: fadein 3s;
        -ms-animation: fadein 3s;
         -o-animation: fadein 3s;
            animation: fadein 3s;
}

@keyframes fadein{
    from{ opacity:0; }
    to{ opacity:1; }
}

@-moz-keyframes fadein{
    from{ opacity:0; }
    to{ opacity:1; }
}

@-webkit-keyframes fadein{
    from{ opacity:0; }
    to{ opacity:1; }
}

@-ms-keyframes fadein{
    from{ opacity:0; }
    to{ opacity:1; }
}

@-o-keyframes fadein{
    from{ opacity:0; }
    to{ opacity:1; }
}

/* SCROLL BAR */

::-webkit-scrollbar{
    width:1px;
}

::-webkit-scrollbar-track{
    background:white;
}

::-webkit-scrollbar-thumb{
    background:red;
}

::-webkit-scrollbar-thumb:hover{
    background:black;
}

/* SELECTION */

::-moz-selection{
    color:white;
    background:black;
}

::selection{
    color:white;
    background:black;
}

.split-text p{
    font-size:1rem !important;
}

.split-text{
    padding:3rem 2rem 3rem 2rem !important;
}

@media(max-width:768px){
    .split-text{
        padding:4rem 1rem 4rem 1rem !important;
    }
}

.split-text p{
    font-size:clamp(1rem, 1.55vw, 1.7rem) !important;
    line-height:1.28 !important;
    max-width:100vw !important;
    margin-bottom:1.6em !important;
}

/* FILTRO SOLO PARA COLOFÓN / PERSONAL */

body[data-gallery="personal"] .split-slide img{
    filter:
        brightness(1.08)
        contrast(1.18)
        saturate(1.12)
        sepia(0.06);
}

body[data-gallery="personal"] .split-image::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.05),
            rgba(0,0,0,0.08)
        );
    z-index:5;
}

body[data-gallery="personal"] .split-slide{
    z-index:1;
}

body[data-gallery="personal"] .split-slide.visible{
    z-index:2;
}

/* COLOFÓN: SOLO IMÁGENES EN BLANCO Y NEGRO */

body[data-gallery="personal"] .split-text{
    filter:none !important;
}

body[data-gallery="personal"] .split-slide img{
    filter:
        grayscale(1)
        brightness(1.08)
        contrast(1.22) !important;
}

body[data-gallery="personal"] .split-image::after{
    display:none !important;
}

/* HOME: FILTRO FOTOGRÁFICO */

body:not(.page-split) .slide img{
    filter:
        brightness(1.06)
        contrast(1.16)
        saturate(1.08)
        sepia(0.04) !important;
}

body:not(.page-split) .gallery::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,0.04),
            rgba(0,0,0,0.18)
        );
    z-index:5;
}

body:not(.page-split) .slide{
    z-index:1;
}

body:not(.page-split) .slide.visible{
    z-index:2;
}

/* LINKS */

a{
    color:red !important;
}

a:hover{
    opacity:0.45;
}

.corner a{
    color:red !important;
}

/* LINKS */

a{
    color:red !important;
}

a:hover{
    opacity:0.45;
}

.corner a{
    color:red !important;
}

/* LINKS ROJOS */

a,
a:visited,
.corner a,
.menu a{
    color:red !important;
}

a:hover,
.corner a:hover,
.menu a:hover{
    opacity:0.45 !important;
}

.corner{
    color:red !important;
}

.burger span{
    background:red !important;
}

/* LINKS: SIN UNDERLINE Y HOVER TRANSPARENTE */

a,
a:visited,
a:active,
.corner a,
.menu a{
    color:red !important;
    text-decoration:none !important;
}

a:hover,
.corner a:hover,
.menu a:hover{
    opacity:0 !important;
    text-decoration:none !important;
}

/* TEXTO SELECCIONADO */

::selection{
    background:red !important;
    color:white !important;
}

::-moz-selection{
    background:red !important;
    color:white !important;
}

/* INFO — FALDÓN INSTITUCIONAL: INICIO */

.page-info .info-description{
    width:100%;
    max-width:none !important;
}

.page-info .info-institutional{
    width:100%;
    margin-top:clamp(4rem, 10vh, 8rem);
    padding-top:clamp(2rem, 4vw, 3rem);
    padding-bottom:4rem;
    border-top:1px solid #111;
}

.page-info .info-project{
    width:100%;
    max-width:none !important;
    margin:0 0 clamp(2rem, 5vw, 4rem) 0 !important;
    font-size:clamp(1rem, 1.55vw, 1.7rem) !important;
    line-height:1.28 !important;
}

.page-info .info-project a{
    color:#ff0000;
    text-decoration:none;
}

.page-info .info-project a:hover{
    color:#ff0000;
    opacity:0.5;
}

.page-info .info-institutional-logos{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 0 clamp(2rem, 4vw, 3rem) 0;
}

.page-info .info-funding{
    width:100%;
    max-width:none !important;
    margin:0 !important;
    color:#929292;
    font-size:clamp(0.82rem, 1.15vw, 1.15rem) !important;
    line-height:1.3 !important;
}

@media(max-width:768px){
    .page-info .info-institutional{
        margin-top:4rem;
        padding-top:2rem;
        padding-bottom:3rem;
    }

    .page-info .info-project{
        font-size:1rem !important;
    }

    .page-info .info-funding{
        font-size:0.82rem !important;
    }
}

/* INFO — FALDÓN INSTITUCIONAL: FINAL */

/* INFO — TEXTO INSTITUCIONAL PEQUEÑO: INICIO */

.page-info .info-project{
    font-size:clamp(1rem, 1.15vw, 1.32rem) !important;
    line-height:1.3 !important;
}

.page-info .info-funding{
    font-size:clamp(0.78rem, 0.9vw, 1rem) !important;
    line-height:1.3 !important;
}

@media(max-width:768px){
    .page-info .info-project{
        font-size:0.98rem !important;
    }

    .page-info .info-funding{
        font-size:0.78rem !important;
    }
}

/* INFO — TEXTO INSTITUCIONAL PEQUEÑO: FINAL */

/* TÍTULOS MÁS PEQUEÑOS: INICIO */

/* Títulos del menú desplegable */
.menu a{
    font-size:clamp(2.6rem, 4.8vw, 5.2rem) !important;
    line-height:0.94 !important;
}

/* Títulos principales de las páginas */
.page-split .split-text h1{
    font-size:clamp(2.8rem, 4.6vw, 5rem) !important;
    line-height:0.94 !important;
    max-width:100% !important;
}

/* Móvil */
@media(max-width:768px){
    .menu a{
        font-size:clamp(2rem, 10vw, 3.1rem) !important;
        line-height:0.98 !important;
    }

    .page-split .split-text h1{
        font-size:clamp(2.2rem, 11vw, 3.4rem) !important;
        line-height:0.98 !important;
    }
}

/* TÍTULOS MÁS PEQUEÑOS: FINAL */

/* CUERPO Y DIARIO — ÍNDICES Y TEXTOS HTML CORREGIDOS: INICIO */

html:has(body.page-text-document),
html:has(body.page-section-index){
    height:auto !important;
    min-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    scroll-behavior:smooth;
}

body.page-text-document,
body.page-section-index{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:100vh !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    background:#000;
    color:#fff;
    overscroll-behavior-y:auto;
    -webkit-overflow-scrolling:touch;
}

body.page-text-document .menu,
body.page-section-index .menu{
    position:fixed;
}

.page-text-document .corner,
.page-section-index .corner{
    color:#fff;
    mix-blend-mode:normal;
}

.page-text-document .bottom-left a,
.page-section-index .bottom-left a{
    color:inherit;
    text-decoration:none;
}

.section-index{
    width:100%;
    min-height:100vh;
    padding:clamp(6.5rem,11vw,10rem) clamp(1.5rem,3.5vw,4rem) 7rem;
}

.section-index h1{
    max-width:12ch;
    margin:0;
    font-size:clamp(2.8rem,5vw,5.2rem);
    font-weight:400;
    line-height:.94;
}

.section-links{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:72rem;
    margin-top:clamp(4rem,10vh,8rem);
    border-bottom:1px solid currentColor;
}

.section-links a{
    display:grid;
    grid-template-columns:3.5rem minmax(0,1fr);
    gap:1rem;
    align-items:baseline;
    padding:1rem 0 1.15rem;
    border-top:1px solid currentColor;
    color:inherit;
    font-size:clamp(1.35rem,2.3vw,2.45rem);
    line-height:1.05;
    text-decoration:none;
}

.section-links a:hover,
.section-links a:focus-visible{
    color:#ff0000;
}

.section-link-number{
    font-size:.55em;
    opacity:.55;
}

.text-document{
    position:relative;
    width:100%;
    height:auto;
    min-height:100vh;
    padding:clamp(5.5rem,8vw,8rem) clamp(1.25rem,4.5vw,5rem) 7rem;
    overflow:visible;
}

.text-document-header,
.text-content{
    width:100%;
    max-width:64rem;
    margin-right:auto;
    margin-left:auto;
}

.text-document-header{
    margin-bottom:clamp(3rem,7vw,6rem);
}

.text-document-header h1{
    max-width:16ch;
    margin:0;
    color:#fff;
    font-size:clamp(2.8rem,4.8vw,5rem);
    font-weight:400;
    line-height:.96;
    letter-spacing:-.045em;
}

.text-content{
    height:auto;
    max-height:none;
    padding-bottom:4rem;
    overflow:visible;
    font-size:clamp(1.12rem,1.45vw,1.42rem);
    line-height:1.48;
}

.text-content > p{
    width:100%;
    max-width:none;
    margin:0 0 1.35em;
}

.text-content .text-opening{
    font-size:1.08em;
}

.text-content cite,
.text-content i,
.text-content em,
.text-content q{
    font-style:italic;
}

.text-content q::before,
.text-content q::after{
    content:none;
}

.text-content blockquote{
    width:100%;
    max-width:none;
    padding:0;
    border:0;
    color:#fff;
    font-style:italic;
    line-height:1.42;
}

.text-content blockquote p{
    width:100%;
    max-width:none;
    margin:0;
}

.text-content blockquote footer{
    margin-top:.55rem;
    font-style:normal;
    text-align:right;
}

.text-content .epigraph{
    margin:0 0 clamp(3rem,6vw,5rem);
}

.text-content .body-quote{
    margin:clamp(2rem,4vw,3.25rem) 0;
}

.text-content .text-subheading{
    margin:clamp(3.5rem,7vw,6rem) 0 1.5rem;
    color:#ff0000;
    font-size:clamp(1.35rem,2vw,1.9rem);
    font-weight:400;
    line-height:1.08;
}

.page-text-document .footnote-ref{
    position:relative;
    top:-.18em;
    margin-left:.06em;
    font-size:.58em;
    line-height:0;
    scroll-margin-top:2rem;
}

.page-text-document .footnote-ref a{
    color:#ff0000;
    text-decoration:none;
}

.page-text-document .footnote-ref a:hover,
.page-text-document .footnote-ref a:focus-visible{
    opacity:.55;
}

.page-text-document .endnotes{
    width:100%;
    margin-top:clamp(5rem,10vw,9rem);
    padding-top:1.25rem;
    border-top:1px solid rgba(255,255,255,.42);
    color:rgba(255,255,255,.72);
    font-size:.72em;
    line-height:1.42;
}

.page-text-document .endnotes h2{
    margin:0 0 1.5rem;
    color:inherit;
    font-size:1rem;
    font-weight:400;
    line-height:1.2;
}

.page-text-document .endnotes ol{
    margin:0;
    padding-left:1.65em;
}

.page-text-document .endnotes li{
    margin:0 0 1.2em;
    padding-left:.25em;
    scroll-margin-top:2rem;
}

.page-text-document .endnotes li::marker{
    color:#ff0000;
}

.page-text-document .note-quotation{
    font-style:italic;
}

.page-text-document .note-source{
    font-style:normal;
}

.page-text-document .footnote-backref{
    margin-left:.3em;
    color:#ff0000;
    text-decoration:none;
    white-space:nowrap;
}

.page-text-document .footnote-backref:hover,
.page-text-document .footnote-backref:focus-visible{
    opacity:.55;
}

.page-text-document .endnotes li:target{
    color:#fff;
}

.page-text-document .footnote-ref:target a{
    outline:1px solid #ff0000;
    outline-offset:2px;
}

@media(max-width:768px){
    .section-index,
    .text-document{
        padding:5.5rem 1.25rem 5.5rem;
    }

    .section-index h1{
        font-size:clamp(2.5rem,12vw,3.8rem);
    }

    .section-links{
        margin-top:4rem;
    }

    .section-links a{
        grid-template-columns:2.25rem minmax(0,1fr);
        gap:.6rem;
        font-size:clamp(1.25rem,6.4vw,1.85rem);
    }

    .text-document-header{
        margin-bottom:3.5rem;
    }

    .text-document-header h1{
        font-size:clamp(2.4rem,11vw,3.6rem);
    }

    .text-content{
        font-size:1.06rem;
        line-height:1.5;
    }

    .text-content blockquote footer{
        text-align:left;
    }

    .page-text-document .endnotes{
        margin-top:4.5rem;
        font-size:.78em;
    }
}

/* CUERPO Y DIARIO — ÍNDICES Y TEXTOS HTML CORREGIDOS: FINAL */



/* DIARIO EN PANTALLA SPLIT: INICIO */

html:has(body.page-diary-split){
    width:100%;
    height:100%;
    overflow:hidden !important;
    background:#ffffff;
}

body.page-diary-split{
    width:100%;
    height:100vh !important;
    min-height:100vh;
    margin:0;
    overflow:hidden !important;
    background:#ffffff !important;
    color:#000000 !important;
}

.page-diary-split .diary-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
    height:100vh;
    min-height:100vh;
    overflow:hidden;
    background:#ffffff;
}

.page-diary-split .diary-split-image{
    position:relative;
    width:100%;
    height:100vh;
    min-height:100vh;
    overflow:hidden;
    background:#000000;
}

.page-diary-split .diary-split-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.page-diary-split .diary-split-text{
    width:100%;
    height:100vh;
    min-height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    background:#ffffff;
    color:#000000;
    scrollbar-gutter:stable;
}

.page-diary-split .text-document-header,
.page-diary-split .text-content{
    width:100%;
    max-width:42rem;
    margin-right:auto;
    margin-left:auto;
}

.page-diary-split .text-document-header{
    padding:clamp(7rem,10vw,9rem) clamp(2rem,4.5vw,5rem) 0;
    margin-bottom:clamp(3rem,7vw,6rem);
}

.page-diary-split .text-content{
    padding:0 clamp(2rem,4.5vw,5rem) clamp(6rem,10vw,9rem);
    color:#000000;
}

.page-diary-split .text-document-header h1,
.page-diary-split .text-content,
.page-diary-split .text-content p,
.page-diary-split .text-content h2,
.page-diary-split .text-content blockquote,
.page-diary-split .text-content footer{
    color:#000000 !important;
}

.page-diary-split .text-content blockquote{
    border-color:rgba(0,0,0,.35);
}

.page-diary-split .endnotes{
    color:rgba(0,0,0,.68);
    border-top-color:rgba(0,0,0,.42);
}

.page-diary-split .endnotes li:target{
    color:#000000;
}

.page-diary-split .footnote-ref a,
.page-diary-split .footnote-backref,
.page-diary-split .endnotes li::marker,
.page-diary-split a:hover{
    color:#ff0000;
}

.page-diary-split .top-left,
.page-diary-split .bottom-left{
    color:#ffffff;
    mix-blend-mode:difference;
}

.page-diary-split .top-left a,
.page-diary-split .bottom-left a{
    color:inherit;
}

.page-diary-split .top-right{
    color:#000000;
}

.page-diary-split .top-right span{
    background:#000000;
}

.page-diary-split .menu{
    position:fixed;
    z-index:1000;
}

@media(max-width:768px){
    html:has(body.page-diary-split){
        height:auto;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    body.page-diary-split{
        height:auto !important;
        min-height:100vh;
        overflow-x:hidden !important;
        overflow-y:visible !important;
    }

    .page-diary-split .diary-split{
        display:flex;
        flex-direction:column;
        height:auto;
        min-height:100vh;
        overflow:visible;
    }

    .page-diary-split .diary-split-image{
        flex:0 0 auto;
        width:100%;
        height:62vh;
        min-height:28rem;
    }

    .page-diary-split .diary-split-text{
        width:100%;
        height:auto;
        min-height:0;
        overflow:visible;
    }

    .page-diary-split .text-document-header{
        padding:5rem 1.25rem 0;
        margin-bottom:3.5rem;
    }

    .page-diary-split .text-content{
        padding:0 1.25rem 5.5rem;
    }

    .page-diary-split .top-left,
    .page-diary-split .bottom-left{
        position:absolute;
    }

    .page-diary-split .top-right{
        position:fixed;
    }
}

/* DIARIO EN PANTALLA SPLIT: FINAL */

/* ANCHURA Y FECHAS DEL DIARIO: INICIO */

.page-diary-split .text-document-header,
.page-diary-split .text-content{
    width:100%;
    max-width:none !important;
    box-sizing:border-box;
}

.page-diary-split .text-document-header{
    padding-right:clamp(1.25rem,2vw,2.25rem) !important;
    padding-left:clamp(1.25rem,2vw,2.25rem) !important;
}

.page-diary-split .text-content{
    padding-right:clamp(1.25rem,2vw,2.25rem) !important;
    padding-left:clamp(1.25rem,2vw,2.25rem) !important;
}

.page-diary-split .text-content .entry-date{
    margin-bottom:2.6rem !important;
}

@media(max-width:768px){
    .page-diary-split .text-document-header,
    .page-diary-split .text-content{
        padding-right:1.25rem !important;
        padding-left:1.25rem !important;
    }

    .page-diary-split .text-content .entry-date{
        margin-bottom:2rem !important;
    }
}

/* ANCHURA Y FECHAS DEL DIARIO: FINAL */

/* MENÚ COMPLETO DE CUERPO Y DIARIO: INICIO */

.menu.menu-with-subpages{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:clamp(2.5rem,6vw,7rem) !important;
    align-content:start !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:
        clamp(5.5rem,8vw,8rem)
        clamp(1.5rem,3.5vw,4rem)
        clamp(3rem,5vw,5rem) !important;
}

.menu.menu-with-subpages .menu-column{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
}

.menu.menu-with-subpages .menu-section-title{
    display:block !important;
    max-width:16ch;
    margin:0 0 1.35rem !important;
    font-size:clamp(1.8rem,2.7vw,3.2rem) !important;
    line-height:.96 !important;
}

.menu.menu-with-subpages .menu-subpages{
    display:flex;
    flex-direction:column;
    gap:.34rem;
    width:100%;
    max-width:34rem;
}

.menu.menu-with-subpages .menu-subpage{
    display:grid !important;
    grid-template-columns:2.15rem minmax(0,1fr);
    gap:.7rem;
    align-items:baseline;
    width:100%;
    padding:.12rem 0 !important;
    font-size:clamp(.94rem,1.08vw,1.2rem) !important;
    line-height:1.12 !important;
}

.menu.menu-with-subpages .menu-subnumber{
    font-size:.7em;
    opacity:.55;
}

.menu.menu-with-subpages .menu-info-link{
    display:inline-block !important;
    margin-top:clamp(2rem,4vw,3.5rem) !important;
    font-size:clamp(1.2rem,1.7vw,2rem) !important;
    line-height:1 !important;
}

@media(max-width:768px){
    .menu.menu-with-subpages{
        grid-template-columns:1fr !important;
        gap:2.6rem !important;
        padding:
            5.5rem
            1.25rem
            3rem !important;
    }

    .menu.menu-with-subpages .menu-section-title{
        max-width:18ch;
        margin-bottom:1rem !important;
        font-size:clamp(1.7rem,8vw,2.45rem) !important;
    }

    .menu.menu-with-subpages .menu-subpages{
        gap:.4rem;
    }

    .menu.menu-with-subpages .menu-subpage{
        grid-template-columns:1.85rem minmax(0,1fr);
        gap:.55rem;
        font-size:1rem !important;
    }

    .menu.menu-with-subpages .menu-info-link{
        margin-top:1.8rem !important;
        font-size:1.35rem !important;
    }
}

/* MENÚ COMPLETO DE CUERPO Y DIARIO: FINAL */

/* AJUSTE FINAL DE TAMAÑOS DEL MENÚ: INICIO */

/*
Los dos títulos principales aprovechan todo el ancho de su columna.
En escritorio permanecen en una sola línea siempre que el viewport
tenga suficiente espacio.
*/
.menu.menu-with-subpages .menu-section-title{
    width:max-content !important;
    max-width:100% !important;
    margin-bottom:1.55rem !important;
    font-size:clamp(1.9rem,2.45vw,3rem) !important;
    line-height:.96 !important;
    white-space:nowrap;
    text-wrap:nowrap;
}

/* Las diez subpáginas ganan presencia y legibilidad. */
.menu.menu-with-subpages .menu-subpages{
    max-width:38rem !important;
    gap:.48rem !important;
}

.menu.menu-with-subpages .menu-subpage{
    grid-template-columns:2.35rem minmax(0,1fr) !important;
    gap:.8rem !important;
    padding:.15rem 0 !important;
    font-size:clamp(1.08rem,1.3vw,1.42rem) !important;
    line-height:1.14 !important;
}

.menu.menu-with-subpages .menu-subnumber{
    font-size:.66em !important;
}

.menu.menu-with-subpages .menu-info-link{
    margin-top:clamp(2.25rem,4vw,3.75rem) !important;
    font-size:clamp(1.35rem,1.8vw,2.15rem) !important;
}

/*
En pantallas intermedias se reduce ligeramente el título antes de
permitir que se parta.
*/
@media(max-width:1100px) and (min-width:769px){
    .menu.menu-with-subpages{
        gap:clamp(2rem,4vw,4rem) !important;
    }

    .menu.menu-with-subpages .menu-section-title{
        font-size:clamp(1.65rem,2.7vw,2.35rem) !important;
    }

    .menu.menu-with-subpages .menu-subpage{
        font-size:clamp(1.02rem,1.55vw,1.28rem) !important;
    }
}

/*
En móvil el título puede ocupar dos líneas, pero el reparto se
equilibra para evitar una última palabra huérfana.
*/
@media(max-width:768px){
    .menu.menu-with-subpages .menu-section-title{
        width:100% !important;
        max-width:20ch !important;
        margin-bottom:1.2rem !important;
        font-size:clamp(1.9rem,8.4vw,2.65rem) !important;
        line-height:.96 !important;
        white-space:normal;
        text-wrap:balance;
    }

    .menu.menu-with-subpages .menu-subpages{
        gap:.52rem !important;
    }

    .menu.menu-with-subpages .menu-subpage{
        grid-template-columns:2rem minmax(0,1fr) !important;
        gap:.65rem !important;
        font-size:1.12rem !important;
        line-height:1.16 !important;
    }

    .menu.menu-with-subpages .menu-info-link{
        margin-top:2rem !important;
        font-size:1.55rem !important;
    }
}

/* AJUSTE FINAL DE TAMAÑOS DEL MENÚ: FINAL */

/* TÍTULOS NO ENLAZADOS DEL MENÚ: INICIO */

/* Títulos de las dos partes: blancos y no interactivos. */
.menu.menu-with-subpages .menu-section-title{
    color:#ffffff !important;
    text-decoration:none !important;
    cursor:default !important;
    pointer-events:none !important;
    user-select:none;
}

/* Evitar que reglas generales de hover los vuelvan rojos. */
.menu.menu-with-subpages .menu-section-title:hover,
.menu.menu-with-subpages .menu-section-title:focus{
    color:#ffffff !important;
    opacity:1 !important;
}

/* Las subpáginas siguen siendo enlaces rojos. */
.menu.menu-with-subpages .menu-subpage,
.menu.menu-with-subpages .menu-info-link{
    color:#ff0000;
}

/* TÍTULOS NO ENLAZADOS DEL MENÚ: FINAL */



/* GALERÍAS AUTOMÁTICAS: INICIO */

body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: #000 !important;
}

body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    transition: opacity 7s ease-in-out !important;
    will-change: opacity;
}

body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide.visible {
    opacity: 1 !important;
}

body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* GALERÍAS AUTOMÁTICAS: FINAL */

/* INTERLUDIO SOLO GALERÍA: INICIO */

html:has(body.page-interludio-gallery),
body.page-interludio-gallery {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    background: #000000 !important;
}

body.page-interludio-gallery {
    position: relative;
}

body.page-interludio-gallery .interludio-gallery {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #000000 !important;
    cursor: pointer;
}

body.page-interludio-gallery .interludio-gallery .slide {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: visible !important;
    transition: opacity 7s ease-in-out !important;
    will-change: opacity;
}

body.page-interludio-gallery .interludio-gallery .slide.visible {
    opacity: 1 !important;
}

body.page-interludio-gallery .interludio-gallery img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
}

/*
Ocultar únicamente el contenido del capítulo.
No se oculta main, footer, menú ni elementos de esquina.
*/
body.page-interludio-gallery .diary-split,
body.page-interludio-gallery .diary-split-layout,
body.page-interludio-gallery .diary-split-image,
body.page-interludio-gallery .diary-split-text,
body.page-interludio-gallery .split-layout,
body.page-interludio-gallery .split-image,
body.page-interludio-gallery .split-text,
body.page-interludio-gallery .document-content {
    display: none !important;
}

/*
Solo se eleva su capa.
No se cambia su position original.
*/
body.page-interludio-gallery .menu,
body.page-interludio-gallery .burger,
body.page-interludio-gallery .corner,
body.page-interludio-gallery footer,
body.page-interludio-gallery .footer,
body.page-interludio-gallery .site-footer {
    z-index: 1000 !important;
}

/* INTERLUDIO SOLO GALERÍA: FINAL */

/* FULLSCREEN COVER Y FLECHAS: INICIO */

body.page-interludio-gallery .gallery,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: #000000 !important;
    pointer-events: auto !important;
    cursor: pointer;
}

body.page-interludio-gallery .gallery .slide,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition: opacity 5s ease-in-out !important;
    will-change: opacity;
    pointer-events: none !important;
    background: #000000 !important;
}

body.page-interludio-gallery .gallery.manual-transition .slide,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery.manual-transition .slide {
    transition-duration: .9s !important;
}

body.page-interludio-gallery .gallery .slide.visible,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide.visible {
    opacity: 1 !important;
}

body.page-interludio-gallery .gallery .slide::before,
body.page-interludio-gallery .gallery .slide::after,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide::before,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide::after {
    content: none !important;
}

body.page-interludio-gallery .gallery .slide img,
body:not(.page-split):not(.page-text-document):not(.page-section-index):not(.page-diary-split) .gallery .slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    pointer-events: none !important;
}

/* Flechas mínimas */
.gallery .gallery-arrow {
    position: fixed;
    top: 0;
    bottom: 0;
    width: min(12vw, 120px);
    z-index: 40;
    opacity: 0;
    transition: opacity .18s ease;
    pointer-events: none;
}

.gallery.show-prev .gallery-arrow-left,
.gallery.show-next .gallery-arrow-right {
    opacity: 1;
}

.gallery .gallery-arrow-left {
    left: 0;
}

.gallery .gallery-arrow-right {
    right: 0;
}

.gallery .gallery-arrow::before,
.gallery .gallery-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 24px;
    height: 1.5px;
    background: rgba(255,255,255,.96);
}

.gallery .gallery-arrow-left::before {
    left: 24px;
    transform: translateY(-7px) rotate(-45deg);
}

.gallery .gallery-arrow-left::after {
    left: 24px;
    transform: translateY(7px) rotate(45deg);
}

.gallery .gallery-arrow-right::before {
    right: 24px;
    transform: translateY(-7px) rotate(45deg);
}

.gallery .gallery-arrow-right::after {
    right: 24px;
    transform: translateY(7px) rotate(-45deg);
}

@media (max-width: 900px) {
    .gallery .gallery-arrow {
        width: 18vw;
    }

    .gallery .gallery-arrow::before,
    .gallery .gallery-arrow::after {
        width: 18px;
    }

    .gallery .gallery-arrow-left::before,
    .gallery .gallery-arrow-left::after {
        left: 16px;
    }

    .gallery .gallery-arrow-right::before,
    .gallery .gallery-arrow-right::after {
        right: 16px;
    }
}

/* FULLSCREEN COVER Y FLECHAS: FINAL */

/* PUNTA LIMPIA DE LAS FLECHAS: INICIO */

/*
Un solo ángulo dibujado con bordes:
sin cruces, salientes ni doble grosor en la punta.
*/
.gallery .gallery-arrow::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 24px !important;
    height: 24px !important;
    background: transparent !important;
    border-style: solid !important;
    border-color: rgba(255, 255, 255, .96) !important;
    border-width: 0 2px 2px 0 !important;
    border-radius: 1px;
    pointer-events: none !important;
}

.gallery .gallery-arrow::after {
    content: none !important;
    display: none !important;
}

.gallery .gallery-arrow-left::before {
    left: 24px !important;
    right: auto !important;
    transform:
        translateY(-50%)
        rotate(135deg) !important;
}

.gallery .gallery-arrow-right::before {
    right: 24px !important;
    left: auto !important;
    transform:
        translateY(-50%)
        rotate(-45deg) !important;
}

@media (max-width: 900px) {
    .gallery .gallery-arrow::before {
        width: 18px !important;
        height: 18px !important;
    }

    .gallery .gallery-arrow-left::before {
        left: 16px !important;
    }

    .gallery .gallery-arrow-right::before {
        right: 16px !important;
    }
}

/* PUNTA LIMPIA DE LAS FLECHAS: FINAL */



/* FONDOS BLANCOS SPLIT: INICIO */

html:has(body.page-diary-split),
body.page-diary-split,
body.page-diary-split .diary-split,
body.page-diary-split .diary-split-text,
html:has(body.page-split),
body.page-split,
body.page-split .split,
body.page-split .split-text {
    background: #ffffff !important;
}

/* FONDOS BLANCOS SPLIT: FINAL */

/* TAMAÑO UNIFICADO DEL CUERPO DE TEXTO: INICIO */

/*
Mismo tamaño para los párrafos normales de:
- páginas de Cuerpo;
- Prólogo y Epílogo;
- páginas del Diario en formato split.

No afecta a títulos, fechas, subtítulos, citas ni notas.
*/
body.page-text-document .text-content > p,
body.page-diary-split .text-content > p {
    font-size: clamp(1.12rem, 1.45vw, 1.42rem) !important;
    line-height: 1.48 !important;
}

/* Mantener las fechas y subtítulos con su estilo propio. */
body.page-text-document .text-content > .entry-date,
body.page-diary-split .text-content > .entry-date,
body.page-text-document .text-content > .text-subheading,
body.page-diary-split .text-content > .text-subheading {
    font-size: revert;
    line-height: revert;
}

/* Mantener notas y citas fuera de la regla del cuerpo normal. */
body.page-text-document .text-content blockquote p,
body.page-diary-split .text-content blockquote p,
body.page-text-document .endnotes p,
body.page-diary-split .endnotes p {
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 768px) {
    body.page-text-document .text-content > p,
    body.page-diary-split .text-content > p {
        font-size: 1.06rem !important;
        line-height: 1.5 !important;
    }
}

/* TAMAÑO UNIFICADO DEL CUERPO DE TEXTO: FINAL */


/* ESCUCHA HORIZONTAL Y MENÚ DE TRES SECCIONES: INICIO */

/* Tres secciones en escritorio; apiladas en móvil. */
.menu.menu-with-subpages {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:clamp(1.5rem,3vw,4rem) !important;
}

.menu.menu-with-subpages .menu-section-title {
    font-size:clamp(1.55rem,2vw,2.5rem) !important;
}

/* Todas las citas de Cuerpo, incluidas las citas internas y Desportes. */
body.page-cuerpo .text-content blockquote,
body.page-cuerpo .text-content blockquote p,
body.page-cuerpo .text-content blockquote footer,
body.page-cuerpo .text-content blockquote cite {
    text-align:right !important;
}

body.page-cuerpo .text-content blockquote {
    width:100% !important;
    max-width:none !important;
    margin-right:0 !important;
    margin-left:auto !important;
}

body.page-cuerpo .text-content blockquote footer,
body.page-cuerpo .text-content blockquote cite {
    display:block !important;
    margin-top:.55rem !important;
    font-style:normal !important;
}

@media(max-width:1100px) and (min-width:769px) {
    .menu.menu-with-subpages {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:768px) {
    .menu.menu-with-subpages {
        grid-template-columns:1fr !important;
    }

    body.page-cuerpo .text-content blockquote,
    body.page-cuerpo .text-content blockquote p,
    body.page-cuerpo .text-content blockquote footer,
    body.page-cuerpo .text-content blockquote cite {
        text-align:right !important;
    }
}

/* ESCUCHA HORIZONTAL Y MENÚ DE TRES SECCIONES: FINAL */

/* TITULOS COMPLETOS Y DISTANCIA DE CITAS: INICIO */

/*
El encabezado y el cuerpo comparten exactamente
el mismo ancho y el mismo margen horizontal.
*/
body.page-text-document .text-document-header,
body.page-text-document .text-content {
    width: 100% !important;
    max-width: 64rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/*
En escritorio, el título permanece completo
en una sola línea.
*/
@media (min-width: 900px) {
    body.page-text-document .text-document-header h1 {
        display: block !important;
        width: max-content !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        font-size: clamp(2.5rem, 4.4vw, 5rem) !important;
    }
}

/*
En móvil puede dividirse para no sobresalir
de la pantalla.
*/
@media (max-width: 899px) {
    body.page-text-document .text-document-header h1 {
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

/*
Separación idéntica para todas las citas de Cuerpo.
*/
body.page-cuerpo .text-content > blockquote {
    width: 100% !important;
    max-width: none !important;
    margin:
        clamp(3rem, 6vw, 5rem)
        0 !important;
    padding: 0 !important;
}

/*
La cita inicial comienza al principio del artículo.
La distancia inferior se mantiene igual.
*/
body.page-cuerpo .text-content > blockquote:first-child {
    margin-top: 0 !important;
}

body.page-cuerpo .text-content > blockquote > p {
    margin: 0 !important;
}

body.page-cuerpo .text-content > blockquote > footer,
body.page-cuerpo .text-content > blockquote > cite {
    display: block !important;
    margin:
        .55rem
        0
        0 !important;
    padding: 0 !important;
}

/* TITULOS COMPLETOS Y DISTANCIA DE CITAS: FINAL */

/* GIF TIMPANO Y FECHA: INICIO */

/* Fecha en cursiva y sin negrita. */
body.page-no-hay-mayor-sordo .entry-date {
    font-style: italic !important;
    font-weight: 400 !important;
}

/* GIF situado después del último párrafo. */
body.page-no-hay-mayor-sordo .timpano-gif {
    display: block;
    width: 100%;
    margin:
        clamp(3rem, 6vw, 5rem)
        0
        0;
    padding: 0;
}

body.page-no-hay-mayor-sordo .timpano-gif img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    margin: 0;
}

/* GIF TIMPANO Y FECHA: FINAL */

/* NO HAY DIA: FECHAS E IMAGENES: INICIO */

/* Fechas en cursiva y sin negrita. */
body.page-no-hay-dia-sin-sol .entry-date,
body.page-no-hay-dia-sin-sol .entry-date * {
    font-style: italic !important;
    font-weight: 400 !important;
}

/* Imágenes colocadas entre los párrafos. */
body.page-no-hay-dia-sin-sol .diary-inline-media {
    display: block !important;
    width: 100% !important;
    margin:
        clamp(2.5rem, 5vw, 4.5rem)
        0 !important;
    padding: 0 !important;
}

body.page-no-hay-dia-sin-sol .diary-inline-media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* NO HAY DIA: FECHAS E IMAGENES: FINAL */

/* GALERIAS NATURALES SIN RECORTE: INICIO */

/*
La figura ocupa todo el ancho de la columna.
Su altura la calcula JavaScript para cada imagen
según sus dimensiones naturales.
*/
html body .text-content figure.inline-random-gallery {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin:
        clamp(2.5rem, 5vw, 4.5rem)
        0 !important;

    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

/*
No existe una proporción fija.
JavaScript asigna una altura exacta en píxeles.
*/
html body .text-content figure.inline-random-gallery
.inline-random-gallery-stage {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 1px !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: #ffffff !important;

    transition:
        height 600ms ease-in-out !important;
}

/*
Las dos capas ocupan el contenedor completo.
object-fit: contain es además reforzado en línea
por JavaScript.
*/
html body .text-content figure.inline-random-gallery
.inline-random-gallery-stage
img.inline-random-gallery-image {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    opacity: 0 !important;

    transition:
        opacity 800ms ease-in-out !important;

    transform: none !important;
    pointer-events: none !important;
    will-change: opacity;
}

html body .text-content figure.inline-random-gallery
.inline-random-gallery-stage
img.inline-random-gallery-image.is-visible {
    opacity: 1 !important;
}

/* GALERIAS NATURALES SIN RECORTE: FINAL */

/* GALERIA MEDICAMENTOS RAPIDA: INICIO */

.inline-random-gallery[data-gallery-folder="medicamentos"]
.inline-random-gallery-image {
    transition:
        opacity 120ms linear !important;
}

/* GALERIA MEDICAMENTOS RAPIDA: FINAL */

/* ESTILO FINAL PROLOGO Y EPILOGO: INICIO */

/*
Prólogo y Epílogo usan la misma geometría general
que las páginas split del Diario.
*/
html body.page-diario-split-final {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;

    background: #ffffff !important;
    color: #000000 !important;
}

html body.page-diario-split-final *,
html body.page-diario-split-final *::before,
html body.page-diario-split-final *::after {
    box-sizing: border-box !important;
}

/*
Dos columnas iguales, sin anchuras añadidas,
márgenes negativos ni desplazamientos.
*/
html body.page-diario-split-final
main.diario-split-page-layout {
    position: relative !important;
    inset: auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;

    background: #ffffff !important;
}

/*
Columna izquierda.
*/
html body.page-diario-split-final
.diario-split-gallery-panel {
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: hidden !important;

    background: #000000 !important;
}

html body.page-diario-split-final
.diario-split-gallery {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: hidden !important;

    background: #000000 !important;
}

html body.page-diario-split-final
.diario-split-gallery-image {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 0 !important;

    transform: none !important;

    transition:
        opacity 1200ms ease-in-out !important;

    pointer-events: none !important;
}

html body.page-diario-split-final
.diario-split-gallery-image.is-visible {
    opacity: 1 !important;
}

/*
Columna derecha. Se elimina la caja estrecha
de 64rem y se utiliza todo el ancho disponible,
igual que en las demás páginas del Diario.
*/
html body.page-diario-split-final
.diario-split-copy-panel {
    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh !important;

    margin: 0 !important;

    padding:
        clamp(3rem, 5vw, 5.5rem)
        clamp(2.5rem, 3.4vw, 4rem)
        clamp(5rem, 8vw, 8rem) !important;

    transform: none !important;
    overflow: visible !important;

    background: #ffffff !important;
    color: #000000 !important;
}

html body.page-diario-split-final
.diario-split-copy-inner {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    overflow: visible !important;

    color: #000000 !important;
    background: transparent !important;

    text-align: left !important;
}

/*
Título igual que el resto del Diario:
negro, sin fondo ni caja.
*/
html body.page-diario-split-final
.diario-split-copy-inner h1,
html body.page-diario-split-final
.diario-split-copy-inner .entry-title,
html body.page-diario-split-final
.diario-split-copy-inner .page-title,
html body.page-diario-split-final
.diario-split-copy-inner .document-title {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin:
        0
        0
        clamp(3rem, 5vw, 5.5rem) !important;

    padding: 0 !important;

    color: #000000 !important;

    background: transparent !important;
    background-color: transparent !important;

    font-weight: 400 !important;
    line-height: 1 !important;

    text-align: left !important;
    white-space: normal !important;

    box-shadow: none !important;
    border: 0 !important;

    transform: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/*
Texto sin límite artificial de anchura.
No se cambia la tipografía global del Diario.
*/
html body.page-diario-split-final
.diario-split-copy-inner p,
html body.page-diario-split-final
.diario-split-copy-inner blockquote,
html body.page-diario-split-final
.diario-split-copy-inner ul,
html body.page-diario-split-final
.diario-split-copy-inner ol {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    color: #000000 !important;
    background: transparent !important;

    text-align: left !important;

    transform: none !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
}

html body.page-diario-split-final
.diario-split-copy-inner img {
    max-width: 100% !important;
    height: auto !important;
}

/*
Móvil: imagen primero y texto después.
*/
@media (max-width: 800px) {
    html body.page-diario-split-final
    main.diario-split-page-layout {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-height: 0 !important;
    }

    html body.page-diario-split-final
    .diario-split-gallery-panel {
        order: 1 !important;

        width: 100% !important;
        min-height: 62svh !important;
    }

    html body.page-diario-split-final
    .diario-split-gallery {
        position: relative !important;
        top: auto !important;

        width: 100% !important;
        height: 62svh !important;
    }

    html body.page-diario-split-final
    .diario-split-copy-panel {
        order: 2 !important;

        width: 100% !important;
        min-height: 0 !important;

        padding:
            2.5rem
            1.25rem
            5rem !important;
    }

    html body.page-diario-split-final
    .diario-split-copy-inner h1 {
        margin-bottom: 2.5rem !important;
    }
}

/* ESTILO FINAL PROLOGO Y EPILOGO: FINAL */

/* TITULOS PROYECTOS CURSIVA SIN NEGRITA: INICIO */

/*
Títulos principales del menú en todas las páginas.
*/
html body .menu-titulo-principal,
html body .menu-titulo-principal * {
    font-style: italic !important;
    font-weight: 400 !important;
}

/*
Nombres de las tres secciones en Información.
*/
html body .info-project-title,
html body .info-project-title * {
    font-style: italic !important;
    font-weight: 400 !important;
}

/* TITULOS PROYECTOS CURSIVA SIN NEGRITA: FINAL */

/* MENU CURSIVA DEFINITIVA: INICIO */

html body .menu-title-italic-final,
html body .menu-title-italic-final *,
html body .menu-section-title,
html body .menu-section-title *,
html body .menu-titulo-principal,
html body .menu-titulo-principal * {
    font-style: italic !important;
    font-weight: 400 !important;
    font-synthesis: style weight !important;
}

/*
Mantener también los tres nombres de Información
en cursiva y sin negrita.
*/
html body .info-project-title,
html body .info-project-title * {
    font-style: italic !important;
    font-weight: 400 !important;
}

/* MENU CURSIVA DEFINITIVA: FINAL */

/* SPLIT FIJO REAL: INICIO */

html body.page-diario-split-final {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;

    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;

    background: #ffffff !important;
}

html body.page-diario-split-final
main.diario-split-page-layout {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
}

/*
La columna visual queda fijada directamente
al viewport durante todo el desplazamiento.
*/
html body.page-diario-split-final
main.diario-split-page-layout
> .diario-split-gallery-panel {
    position: fixed !important;

    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    display: block !important;

    width: 50vw !important;
    max-width: 50vw !important;
    min-width: 50vw !important;

    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;

    background: #000000 !important;

    z-index: 0 !important;
}

/*
La galería llena la columna fija.
*/
html body.page-diario-split-final
.diario-split-gallery-panel
> .diario-split-gallery {
    position: absolute !important;

    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    transform: none !important;

    background: #000000 !important;
}

/*
Cada imagen cubre completamente la mitad izquierda.
Esto impide que aparezca una franja negra inferior.
*/
html body.page-diario-split-final
.diario-split-gallery
> img.diario-split-gallery-image {
    position: absolute !important;

    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 0 !important;

    transform: none !important;

    transition:
        opacity 1200ms ease-in-out !important;

    pointer-events: none !important;
}

html body.page-diario-split-final
.diario-split-gallery
> img.diario-split-gallery-image.is-visible {
    opacity: 1 !important;
}

/*
La columna de texto ocupa solamente la mitad derecha.
*/
html body.page-diario-split-final
main.diario-split-page-layout
> .diario-split-copy-panel {
    position: relative !important;

    display: block !important;

    width: 50vw !important;
    max-width: 50vw !important;
    min-width: 0 !important;
    min-height: 100vh !important;

    margin:
        0
        0
        0
        50vw !important;

    overflow: visible !important;

    background: #ffffff !important;

    z-index: 1 !important;
}

/*
En móvil la galería deja de estar fija
y vuelve a colocarse encima del texto.
*/
@media (max-width: 800px) {
    html body.page-diario-split-final
    main.diario-split-page-layout {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-height: 0 !important;
    }

    html body.page-diario-split-final
    main.diario-split-page-layout
    > .diario-split-gallery-panel {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        order: 1 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 62svh !important;
        min-height: 62svh !important;
        max-height: 62svh !important;
    }

    html body.page-diario-split-final
    main.diario-split-page-layout
    > .diario-split-copy-panel {
        order: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
    }
}

/* SPLIT FIJO REAL: FINAL */

/* REPRODUCTOR ESCUCHA HORIZONTAL: INICIO */

html body.page-escucha-horizontal-act
.eh-act-player-section {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        clamp(2rem, 5vw, 5rem)
        0
        clamp(2.5rem, 6vw, 6rem) !important;

    padding: 0 !important;
}

html body.page-escucha-horizontal-act
.eh-video-player {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #050505 !important;
    color: #ffffff !important;

    border: 1px solid rgba(0, 0, 0, 0.9) !important;
    border-radius: 2px !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.12) !important;

    outline: none !important;
}

html body.page-escucha-horizontal-act
.eh-video-player:focus-visible {
    outline:
        1px solid rgba(0, 0, 0, 0.8) !important;

    outline-offset: 4px !important;
}

html body.page-escucha-horizontal-act
.eh-video {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: #050505 !important;
    cursor: pointer !important;
}

html body.page-escucha-horizontal-act
.eh-quality {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;

    z-index: 4 !important;

    padding:
        0.3rem
        0.48rem !important;

    color: rgba(255, 255, 255, 0.88) !important;
    background: rgba(0, 0, 0, 0.42) !important;

    border:
        1px solid rgba(255, 255, 255, 0.22) !important;

    border-radius: 999px !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 0.63rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;

    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;

    transition:
        opacity 250ms ease !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-playing:not(.controls-visible)
.eh-quality {
    opacity: 0 !important;
}

html body.page-escucha-horizontal-act
.eh-central-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    z-index: 5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: clamp(3.8rem, 6vw, 5.4rem) !important;
    height: clamp(3.8rem, 6vw, 5.4rem) !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.42) !important;

    border:
        1px solid rgba(255, 255, 255, 0.48) !important;

    border-radius: 50% !important;

    transform:
        translate(-50%, -50%) !important;

    cursor: pointer !important;

    backdrop-filter: blur(10px) !important;

    transition:
        opacity 220ms ease,
        transform 220ms ease,
        background 220ms ease !important;
}

html body.page-escucha-horizontal-act
.eh-central-play:hover {
    background: rgba(0, 0, 0, 0.62) !important;

    transform:
        translate(-50%, -50%)
        scale(1.05) !important;
}

html body.page-escucha-horizontal-act
.eh-central-play svg {
    display: block !important;

    width: 42% !important;
    height: 42% !important;

    margin-left: 5% !important;

    fill: currentColor !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-playing
.eh-central-play {
    opacity: 0 !important;
    pointer-events: none !important;

    transform:
        translate(-50%, -50%)
        scale(0.92) !important;
}

html body.page-escucha-horizontal-act
.eh-controls {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    z-index: 6 !important;

    display: flex !important;
    align-items: center !important;
    gap: 0.7rem !important;

    width: 100% !important;

    padding:
        2.7rem
        clamp(0.8rem, 2vw, 1.3rem)
        clamp(0.75rem, 1.8vw, 1.1rem) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.78),
            rgba(0, 0, 0, 0)
        ) !important;

    opacity: 0 !important;

    transform:
        translateY(0.35rem) !important;

    transition:
        opacity 220ms ease,
        transform 220ms ease !important;

    pointer-events: none !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.controls-visible
.eh-controls,
html body.page-escucha-horizontal-act
.eh-video-player.is-paused
.eh-controls,
html body.page-escucha-horizontal-act
.eh-video-player:focus-within
.eh-controls {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

html body.page-escucha-horizontal-act
.eh-control-button {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: 2rem !important;
    height: 2rem !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.92) !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 50% !important;

    cursor: pointer !important;

    transition:
        color 180ms ease,
        background 180ms ease !important;
}

html body.page-escucha-horizontal-act
.eh-control-button:hover,
html body.page-escucha-horizontal-act
.eh-control-button:focus-visible {
    color: #ffffff !important;
    background:
        rgba(255, 255, 255, 0.13) !important;

    outline: none !important;
}

html body.page-escucha-horizontal-act
.eh-icon {
    width: 1.15rem !important;
    height: 1.15rem !important;

    fill: currentColor !important;
}

html body.page-escucha-horizontal-act
.eh-icon-pause,
html body.page-escucha-horizontal-act
.eh-icon-muted {
    display: none !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-playing
.eh-icon-play {
    display: none !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-playing
.eh-icon-pause {
    display: block !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-muted
.eh-icon-volume {
    display: none !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-muted
.eh-icon-muted {
    display: block !important;
}

html body.page-escucha-horizontal-act
.eh-current-time,
html body.page-escucha-horizontal-act
.eh-duration {
    flex: 0 0 auto !important;

    min-width: 3.1rem !important;

    color: rgba(255, 255, 255, 0.82) !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 0.7rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    font-variant-numeric: tabular-nums !important;
}

html body.page-escucha-horizontal-act
.eh-duration {
    text-align: right !important;
}

html body.page-escucha-horizontal-act
.eh-progress {
    --progress: 0%;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 2rem !important;
    height: 0.9rem !important;

    margin: 0 !important;
    padding: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: transparent !important;

    cursor: pointer !important;
}

html body.page-escucha-horizontal-act
.eh-progress::-webkit-slider-runnable-track {
    width: 100% !important;
    height: 2px !important;

    background:
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0.95)
                0,
            rgba(255, 255, 255, 0.95)
                var(--progress),
            rgba(255, 255, 255, 0.28)
                var(--progress),
            rgba(255, 255, 255, 0.28)
                100%
        ) !important;

    border: 0 !important;
    border-radius: 999px !important;
}

html body.page-escucha-horizontal-act
.eh-progress::-webkit-slider-thumb {
    width: 0.72rem !important;
    height: 0.72rem !important;

    margin-top: -0.31rem !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 50% !important;

    opacity: 0 !important;

    transition:
        opacity 160ms ease,
        transform 160ms ease !important;
}

html body.page-escucha-horizontal-act
.eh-progress:hover::-webkit-slider-thumb,
html body.page-escucha-horizontal-act
.eh-progress:focus-visible::-webkit-slider-thumb {
    opacity: 1 !important;
}

html body.page-escucha-horizontal-act
.eh-progress::-moz-range-track {
    width: 100% !important;
    height: 2px !important;

    background:
        rgba(255, 255, 255, 0.28) !important;

    border: 0 !important;
    border-radius: 999px !important;
}

html body.page-escucha-horizontal-act
.eh-progress::-moz-range-progress {
    height: 2px !important;

    background:
        rgba(255, 255, 255, 0.95) !important;

    border-radius: 999px !important;
}

html body.page-escucha-horizontal-act
.eh-progress::-moz-range-thumb {
    width: 0.72rem !important;
    height: 0.72rem !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 50% !important;
}

html body.page-escucha-horizontal-act
.eh-loading {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    z-index: 7 !important;

    display: none !important;

    width: 2rem !important;
    height: 2rem !important;

    border:
        1px solid rgba(255, 255, 255, 0.28) !important;

    border-top-color:
        rgba(255, 255, 255, 0.95) !important;

    border-radius: 50% !important;

    transform:
        translate(-50%, -50%) !important;

    animation:
        eh-player-spin
        800ms
        linear
        infinite !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-loading
.eh-loading {
    display: block !important;
}

html body.page-escucha-horizontal-act
.eh-video-player.is-loading
.eh-central-play {
    opacity: 0 !important;
}

@keyframes eh-player-spin {
    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}

@media (hover: none) {
    html body.page-escucha-horizontal-act
    .eh-controls {
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    html body.page-escucha-horizontal-act
    .eh-quality {
        opacity: 1 !important;
    }
}

@media (max-width: 800px) {
    html body.page-escucha-horizontal-act
    .eh-act-player-section {
        margin:
            1.75rem
            0
            3rem !important;
    }

    html body.page-escucha-horizontal-act
    .eh-video-player {
        width: 100% !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.page-escucha-horizontal-act
    .eh-controls {
        gap: 0.38rem !important;

        padding:
            2.2rem
            0.55rem
            0.55rem !important;
    }

    html body.page-escucha-horizontal-act
    .eh-current-time,
    html body.page-escucha-horizontal-act
    .eh-duration {
        min-width: 2.65rem !important;
        font-size: 0.62rem !important;
    }

    html body.page-escucha-horizontal-act
    .eh-control-button {
        width: 1.8rem !important;
        height: 1.8rem !important;
    }

    html body.page-escucha-horizontal-act
    .eh-quality {
        top: 0.6rem !important;
        right: 0.6rem !important;
    }
}

/* REPRODUCTOR ESCUCHA HORIZONTAL: FINAL */

/* === ESCUCHA HORIZONTAL VIDEO LIMPIO: START === */
body.page-escucha-horizontal-video {
  background: #ffffff !important;
  color: #000000 !important;
}

body.page-escucha-horizontal-video main.page-video-acto,
body.page-escucha-horizontal-video .page-video-acto,
body.page-escucha-horizontal-video .video-stage {
  background: #ffffff !important;
}

body.page-escucha-horizontal-video .video-stage {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: clamp(20px, 3vw, 40px);
  box-sizing: border-box;
}

body.page-escucha-horizontal-video .eh-video-player {
  width: 100%;
  margin: 0;
}

body.page-escucha-horizontal-video .eh-video-player video {
  display: block;
  width: 100%;
  height: auto;
  background: #ffffff;
}

body.page-escucha-horizontal-video h1,
body.page-escucha-horizontal-video .entry-title,
body.page-escucha-horizontal-video .page-title,
body.page-escucha-horizontal-video .acto-title,
body.page-escucha-horizontal-video .video-page-title {
  display: none !important;
}

body.page-escucha-horizontal-video .eh-center-play,
body.page-escucha-horizontal-video .eh-player-overlay,
body.page-escucha-horizontal-video .eh-quality,
body.page-escucha-horizontal-video .quality-pill,
body.page-escucha-horizontal-video .video-quality,
body.page-escucha-horizontal-video .video-badge {
  display: none !important;
}
/* === ESCUCHA HORIZONTAL VIDEO LIMPIO: END === */

/* === ESCUCHA HORIZONTAL VIDEO MINIMAL NEGRO: START === */
body.page-escucha-horizontal-video {
  background: #000000 !important;
  color: #ffffff !important;
}

body.page-escucha-horizontal-video main.page-video-acto,
body.page-escucha-horizontal-video .page-video-acto,
body.page-escucha-horizontal-video .video-stage {
  background: #000000 !important;
}

body.page-escucha-horizontal-video .video-stage {
  width: min(100%, 1500px);
  margin: 0 auto;
  padding: 18px 18px 26px 18px;
  box-sizing: border-box;
}

body.page-escucha-horizontal-video .eh-video-player {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
}

body.page-escucha-horizontal-video .eh-video-player video {
  display: block;
  width: 100%;
  height: auto;
  background: #000000;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-escucha-horizontal-video h1,
body.page-escucha-horizontal-video .entry-title,
body.page-escucha-horizontal-video .page-title,
body.page-escucha-horizontal-video .acto-title,
body.page-escucha-horizontal-video .video-page-title {
  display: none !important;
}

body.page-escucha-horizontal-video .eh-center-play,
body.page-escucha-horizontal-video .eh-player-overlay,
body.page-escucha-horizontal-video .eh-quality,
body.page-escucha-horizontal-video .quality-pill,
body.page-escucha-horizontal-video .video-quality,
body.page-escucha-horizontal-video .video-badge {
  display: none !important;
}

/* si hubiera wrappers heredados */
body.page-escucha-horizontal-video .video-shell,
body.page-escucha-horizontal-video .video-frame,
body.page-escucha-horizontal-video .video-wrapper {
  background: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* === ESCUCHA HORIZONTAL VIDEO MINIMAL NEGRO: END === */

/* === ACTOS VIDEO MINIMAL START === */
body.page-acto-video-minimal {
  background: #000 !important;
  color: #fff !important;
}

body.page-acto-video-minimal main,
body.page-acto-video-minimal .page-content,
body.page-acto-video-minimal .content,
body.page-acto-video-minimal .entry-content {
  background: #000 !important;
}

body.page-acto-video-minimal .acto-video-shell {
  width: min(72vw, 980px);
  margin: 8vh auto 6vh auto;
  padding: 0;
  background: #000;
}

body.page-acto-video-minimal .acto-video-native {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-acto-video-minimal h1,
body.page-acto-video-minimal .page-title,
body.page-acto-video-minimal .entry-title,
body.page-acto-video-minimal .video-page-title,
body.page-acto-video-minimal .acto-title,
body.page-acto-video-minimal .eh-center-play,
body.page-acto-video-minimal .eh-player-overlay,
body.page-acto-video-minimal .eh-quality,
body.page-acto-video-minimal .quality-pill,
body.page-acto-video-minimal .video-quality,
body.page-acto-video-minimal .video-badge,
body.page-acto-video-minimal .eh-big-play {
  display: none !important;
}

@media (max-width: 1200px) {
  body.page-acto-video-minimal .acto-video-shell {
    width: min(82vw, 920px);
    margin-top: 6vh;
  }
}

@media (max-width: 800px) {
  body.page-acto-video-minimal .acto-video-shell {
    width: calc(100vw - 32px);
    margin-top: 4vh;
    margin-bottom: 4vh;
  }
}
/* === ACTOS VIDEO MINIMAL END === */

/* COLOFON TEXTO Y CREDITOS: INICIO */

html body .colofon-texto p {
    margin:
        0
        0
        1.35em !important;
}

html body .colofon-texto p:last-child {
    margin-bottom: 0 !important;
}

html body .colofon-creditos {
    margin-top: 2.6em !important;
}

html body .colofon-creditos h2 {
    margin:
        0
        0
        0.8em !important;
}

html body .colofon-ficha,
html body .colofon-autorias {
    margin-bottom: 1.7em !important;
}

html body .colofon-creditos p {
    margin:
        0
        0
        0.75em !important;
}

html body .colofon-obra {
    font-size: 1.08em !important;
}

html body .colofon-institucional {
    margin-top: 2.3em !important;
}

/* COLOFON TEXTO Y CREDITOS: FINAL */

/* COLOFON CREDITOS DEFINITIVOS: INICIO */

html body .colofon-texto p {
    margin:
        0
        0
        1.5em !important;
}

html body .colofon-texto p:last-child {
    margin-bottom: 0 !important;
}

html body .colofon-creditos {
    margin-top: 2.8em !important;
}

html body .colofon-creditos h2 {
    margin:
        0
        0
        0.9em !important;
}

html body .colofon-ficha {
    margin-bottom: 2em !important;
}

html body .colofon-obra {
    margin-bottom: 0.25em !important;
    font-size: 1.08em !important;
}

html body .colofon-autorias {
    margin-bottom: 2.5em !important;
}

html body .colofon-credito-item {
    margin:
        0
        0
        1.25em !important;
}

html body .colofon-credito-item:last-child {
    margin-bottom: 0 !important;
}

html body .colofon-institucional {
    margin:
        0
        0
        1.7em !important;

    padding-top: 1.6em !important;

    border-top:
        1px solid currentColor !important;
}

html body .colofon-financiacion {
    margin-top: 0 !important;
    width: 100% !important;
}

html body .colofon-financiacion img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin:
        0
        0
        1.1em !important;

    object-fit: contain !important;
    object-position: left center !important;

    filter: invert(1) contrast(1.05) !important;
}

html body .colofon-financiacion p {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    font-size: 0.82em !important;
    line-height: 1.3 !important;
}

/* COLOFON CREDITOS DEFINITIVOS: FINAL */

/* TEXTOS PROLOGO Y EPILOGO: INICIO */

html body .texto-prologo-epilogo > p {
    margin: 0 0 1.45em !important;
}

html body .texto-prologo-epilogo .frase-cierre {
    margin-top: 2.3em !important;
}

html body .texto-prologo-epilogo blockquote {
    margin: 0 0 2.5em !important;
    padding: 0 !important;
    border: 0 !important;
}

html body .texto-prologo-epilogo .cita-cierre {
    margin: 2.7em 0 0 !important;
}

html body .texto-prologo-epilogo blockquote p {
    margin: 0 0 0.7em !important;
}

html body .texto-prologo-epilogo blockquote footer {
    margin-top: 0.8em !important;
    text-align: right !important;
    font-style: normal !important;
}

html body .texto-prologo-epilogo sup {
    margin-left: 0.08em !important;
    font-size: 0.65em !important;
    line-height: 0 !important;
    vertical-align: super !important;
}

html body .texto-prologo-epilogo sup a,
html body .texto-prologo-epilogo .nota-volver {
    color: inherit !important;
    text-decoration: none !important;
}

html body .texto-prologo-epilogo .notas-pie {
    margin-top: 3.2em !important;
    padding-top: 1.5em !important;
    border-top: 1px solid currentColor !important;
    font-size: 0.78em !important;
    line-height: 1.35 !important;
}

html body .texto-prologo-epilogo .notas-pie h2 {
    margin: 0 0 1.1em !important;
    font-size: 1em !important;
    font-weight: normal !important;
}

html body .texto-prologo-epilogo .notas-pie ol {
    margin: 0 !important;
    padding-left: 1.4em !important;
}

html body .texto-prologo-epilogo .notas-pie li {
    margin: 0 0 0.9em !important;
    padding-left: 0.3em !important;
}

html body .texto-prologo-epilogo .nota-volver {
    margin-left: 0.25em !important;
}

html body .texto-prologo-epilogo .cita-roosa {
    font-size: 0.94em !important;
}

/* TEXTOS PROLOGO Y EPILOGO: FINAL */

/* MENU LINEA E INFORMACION: INICIO */

/*
Los tres proyectos permanecen en la primera fila.
Información ocupa una fila nueva bajo la línea.
*/
html body .menu.menu-with-subpages {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    align-content: start !important;
}

/*
Línea blanca después de Diario, Cuerpo y Escucha.
*/
html body .menu.menu-with-subpages
.menu-info-row {
    grid-column: 1 / -1 !important;

    display: block !important;
    width: 100% !important;

    margin:
        clamp(1.8rem, 3vw, 3rem)
        0
        0 !important;

    padding:
        clamp(1.35rem, 2vw, 2rem)
        0
        0 !important;

    border-top:
        1px solid #ffffff !important;

    text-align: left !important;
    justify-self: stretch !important;
}

/*
Información tiene exactamente el mismo tamaño
que los títulos de los tres proyectos.
*/
html body .menu.menu-with-subpages
.menu-info-row
.menu-info-link {
    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size:
        clamp(1.55rem, 2vw, 2.5rem) !important;

    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 0.96 !important;
    letter-spacing: normal !important;

    text-align: left !important;
}

/*
En móvil: tres bloques apilados,
después la línea y finalmente Información.
*/
@media (max-width: 800px) {
    html body .menu.menu-with-subpages {
        grid-template-columns:
            1fr !important;
    }

    html body .menu.menu-with-subpages
    .menu-info-row {
        grid-column: 1 !important;

        margin-top: 1.8rem !important;
        padding-top: 1.35rem !important;
    }

    html body .menu.menu-with-subpages
    .menu-info-row
    .menu-info-link {
        font-size:
            clamp(1.9rem, 8.4vw, 2.65rem) !important;
    }
}

/* MENU LINEA E INFORMACION: FINAL */

/* COLOR INFORMACION MENU: INICIO */

html body
.menu.menu-with-subpages
.menu-info-row
.menu-info-link,
html body
.menu.menu-with-subpages
.menu-info-row
.menu-info-link:visited,
html body
.menu.menu-with-subpages
.menu-info-row
.menu-info-link:active {
    color: #ffffff !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

html body
.menu.menu-with-subpages
.menu-info-row
.menu-info-link:hover,
html body
.menu.menu-with-subpages
.menu-info-row
.menu-info-link:focus-visible {
    color: #ff0000 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

/* COLOR INFORMACION MENU: FINAL */

/* ESQUINAS Y BURGER LEGIBLES: INICIO */

/*
HOME Y ENLACES DE LAS ESQUINAS
Blancos con una sombra negra discreta.
*/
html body .corner,
html body .corner a,
html body .top-left,
html body .top-left a,
html body .top-right,
html body .top-right a {
    color: #ffffff !important;
    opacity: 1 !important;

    text-decoration: none !important;

    mix-blend-mode: normal !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 5px rgba(0, 0, 0, 0.7) !important;
}

/*
Los enlaces pasan a rojo, pero no desaparecen.
*/
html body .corner a:hover,
html body .corner a:focus-visible,
html body .top-left a:hover,
html body .top-left a:focus-visible,
html body .top-right a:hover,
html body .top-right a:focus-visible {
    color: #ff0000 !important;
    opacity: 1 !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 5px rgba(0, 0, 0, 0.7) !important;
}

/*
COPYRIGHT INFERIOR
Solo se aplican estos estilos al pie directo de la página,
no a los footer de las citas.
*/
html body > footer,
html body > .footer,
html body > .site-footer,
html body .copyright,
html body .site-copyright {
    color: #ffffff !important;
    opacity: 1 !important;

    mix-blend-mode: normal !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 5px rgba(0, 0, 0, 0.7) !important;
}

html body > footer a,
html body > .footer a,
html body > .site-footer a,
html body .copyright a,
html body .site-copyright a {
    color: #ffffff !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

html body > footer a:hover,
html body > footer a:focus-visible,
html body > .footer a:hover,
html body > .footer a:focus-visible,
html body > .site-footer a:hover,
html body > .site-footer a:focus-visible,
html body .copyright a:hover,
html body .copyright a:focus-visible,
html body .site-copyright a:hover,
html body .site-copyright a:focus-visible {
    color: #ff0000 !important;
    opacity: 1 !important;
}

/*
BURGER ADAPTABLE:
blanco sobre negro y negro sobre blanco.
La mezcla se aplica al contenedor, no a cada línea.
*/
html body .burger,
html body .top-right .burger {
    opacity: 1 !important;
    visibility: visible !important;

    mix-blend-mode: difference !important;
    filter: none !important;
}

html body .burger span,
html body .top-right .burger span {
    background: #ffffff !important;

    mix-blend-mode: normal !important;

    box-shadow: none !important;
    filter: none !important;

    opacity: 1 !important;
}

/*
Al abrir el menú, cuyo fondo es negro,
el burger permanece blanco.
*/
html body.menu-open .burger,
html body.menu-open .top-right .burger {
    mix-blend-mode: normal !important;
}

html body.menu-open .burger span,
html body.menu-open .top-right .burger span {
    background: #ffffff !important;
}

/* ESQUINAS Y BURGER LEGIBLES: FINAL */

/* INFORMACION TEXTO Y CITAS: INICIO */

html body .info-renovada {
    width: 100% !important;
}

html body .info-renovada-texto p {
    margin: 0 0 1.5em !important;
}

html body .info-renovada-texto p:last-child {
    margin-bottom: 0 !important;
}

html body .info-cita {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-style: normal !important;
}

html body .info-cita p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

html body .info-cita footer {
    margin-top: 0.75em !important;
    text-align: right !important;
    font-style: normal !important;
}

html body .info-cita-inicial {
    margin-bottom: 3em !important;
}

html body .info-cita-final {
    margin: 3.5em 0 3.2em !important;
}

html body .info-project-title,
html body .info-project-title * {
    font-style: italic !important;
    font-weight: 400 !important;
}

/* INFORMACION TEXTO Y CITAS: FINAL */

/* CITAS INFORMACION DERECHA: INICIO */

html body .info-cita,
html body .info-cita p,
html body .info-cita p * {
    font-style: italic !important;
}

html body .info-cita p {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: 0 !important;

    text-align: right !important;
}

html body .info-cita footer {
    width: 100% !important;

    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0.75em !important;

    text-align: right !important;
    font-style: normal !important;
}

/* CITAS INFORMACION DERECHA: FINAL */

/* INFORMACION IMAGEN Y SCROLL: INICIO */

@media (min-width: 761px) {

    html.info-page-root,
    html.info-page-root body.info-page {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;

        overflow: hidden !important;
    }

    html body.info-page main.split.info-split-image {
        display: grid !important;

        grid-template-columns:
            minmax(0, 50%)
            minmax(0, 50%) !important;

        width: 100% !important;
        height: 100vh !important;
        min-height: 0 !important;

        margin: 0 !important;

        overflow: hidden !important;
    }

    html body.info-page
    main.info-split-image
    .split-image.info-static-image {
        position: relative !important;

        display: block !important;

        grid-column: 1 !important;

        width: 100% !important;
        height: 100vh !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #000 !important;
    }

    html body.info-page
    main.info-split-image
    .split-image.info-static-image img {
        position: absolute !important;

        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;
    }

    html body.info-page
    main.info-split-image
    .split-text.info-text {
        position: relative !important;

        display: block !important;

        grid-column: 2 !important;

        width: 100% !important;
        max-width: none !important;

        height: 100vh !important;
        min-height: 0 !important;

        margin: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        scrollbar-gutter: stable !important;
    }

}

@media (max-width: 760px) {

    html.info-page-root,
    html.info-page-root body.info-page {
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body.info-page main.split.info-split-image {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 100vh !important;

        overflow: visible !important;
    }

    html body.info-page
    main.info-split-image
    .split-image.info-static-image {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: 58vh !important;
        min-height: 360px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #000 !important;
    }

    html body.info-page
    main.info-split-image
    .split-image.info-static-image img {
        position: absolute !important;

        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }

    html body.info-page
    main.info-split-image
    .split-text.info-text {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        overflow: visible !important;
    }

}

/* INFORMACION IMAGEN Y SCROLL: FINAL */

/* HEMEN MULTILINGÜE ES/CA/EN: INICIO */

html body .menu.menu-with-subpages .menu-info-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: clamp(1rem, 3vw, 3rem) !important;
}

html body .menu-language-selector {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: clamp(0.82rem, 0.95vw, 1.05rem) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body .menu-language-link,
html body .menu-language-link:visited,
html body .menu-language-current,
html body .menu-language-separator {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

html body .menu-language-current {
    opacity: 0.58 !important;
    cursor: default !important;
}

html body .menu-language-separator {
    padding: 0 0.42em !important;
    opacity: 0.58 !important;
}

html body .menu-language-link:hover,
html body .menu-language-link:focus-visible,
html body .menu-language-link:active {
    color: #ff0000 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

html body .info-cita .info-cita-traduccion,
html body .info-cita .info-cita-traduccion * {
    margin: 0.48em 0 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 0.74em !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    text-align: right !important;
    opacity: 0.68 !important;
}

@media (max-width: 800px) {
    html body .menu.menu-with-subpages .menu-info-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 1.35rem !important;
    }

    html body .menu-language-selector {
        justify-content: flex-start !important;
        margin: 0 !important;
        font-size: clamp(0.9rem, 3.6vw, 1.05rem) !important;
        text-align: left !important;
    }
}

/* HEMEN MULTILINGÜE ES/CA/EN: FINAL */