/* =========================================================
   ANTONIO CAMBA
   Identidad visual — plantilla hija Cassiopeia
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

:root {

    --ac-caliza: #f3f0e8;
    --ac-piedra: #d8d2c5;
    --ac-piedra-clara: #ebe7de;

    --ac-piedra-hero-clara: #dcd4c7;
    --ac-piedra-hero-media: #cfc6b8;
    --ac-piedra-hero-oscura: #a69b8b;

    --ac-pizarra: #565752;
    --ac-carbon: #1d1d1b;
    --ac-negro: #11110f;
    --ac-blanco: #ffffff;

    --ac-texto: #252522;
    --ac-texto-suave: #6c6a63;

    --ac-ancho: 1440px;

}


/* =========================================================
   02. BASE
   ========================================================= */

html {
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {

    margin: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-weight: 400;
    line-height: 1.6;

}

.site-grid {
    background: var(--ac-caliza);
}


/* =========================================================
   03. TIPOGRAFÍA
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {

    color: var(--ac-negro);
    font-weight: 400;
    letter-spacing: 0.08em;

}

h1 {
    font-size: clamp(2.8rem, 5vw, 5.5rem);
    line-height: 1;
}

h2 {
    font-size: clamp(2rem, 3vw, 3.4rem);
    line-height: 1.05;
}

h3 {
    font-size: 1.35rem;
}


/* =========================================================
   04. ENLACES
   ========================================================= */

a {

    color: var(--ac-negro);

    text-underline-offset: 4px;
    text-decoration-thickness: 1px;

}

a:hover,
a:focus {
    color: var(--ac-pizarra);
}


/* =========================================================
   05. IMÁGENES
   ========================================================= */

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

.item-image img,
.item-image,
figure img {
    display: block;
}


/* =========================================================
   06. CABECERA
   ========================================================= */

.container-header {

    width: 100%;
    max-width: none;

    background: var(--ac-caliza) !important;
    background-image: none !important;

    box-shadow: none !important;

    border-bottom: 1px solid rgba(29, 29, 27, 0.10);

    display: grid;

    grid-template-columns:
        [full-start] minmax(0, 1fr)
        [main-start] repeat(4, minmax(0, 19.875rem))
        [main-end] minmax(0, 1fr)
        [full-end];

    grid-template-areas:
        ". logo nav nav nav .";

    gap: 0 1rem;

    padding-top: 1.2rem;
    padding-bottom: 1.15rem;

}


/* Marca */

.container-header .grid-child:has(.navbar-brand) {

    grid-area: logo;

    width: 100%;
    max-width: none;

}

.container-header .navbar-brand {

    display: block;

    margin: 0;
    padding: 0;

}


/* Nombre */

.container-header .site-title {

    margin: 0;

    color: var(--ac-negro) !important;

    font-size: 1.65rem;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: 0.14em;

}


/* Subtítulo */

.container-header .site-description {

    margin-top: 0.35rem;

    color: var(--ac-texto-suave) !important;

    font-size: 0.62rem;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0.18em;
    text-transform: uppercase;

}


/* Navegación */

.container-header .container-nav {

    grid-area: nav;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;
    justify-content: flex-end;

}

.container-header .metismenu.mod-menu {

    display: flex;

    align-items: center;
    justify-content: flex-end;

    gap: 1.35rem;

    margin: 0;
    padding: 0;

}

.container-header .metismenu.mod-menu .metismenu-item > a {

    padding: 0.35rem 0;

    color: var(--ac-negro) !important;

    font-size: 0.66rem;
    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.10em;
    text-transform: uppercase;

    text-decoration: none;

}

.container-header .metismenu.mod-menu .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .metismenu-item > a:focus {

    color: var(--ac-pizarra) !important;

}


/* =========================================================
   07. MIGAS DE PAN
   ========================================================= */

.breadcrumb {

    background: transparent;
    border: 0;

    padding-left: 0;
    padding-right: 0;

}


/* =========================================================
   08. BOTONES
   ========================================================= */

.btn,
button,
input[type="submit"],
input[type="button"] {

    border-radius: 0;
    box-shadow: none;

    padding: 0.8rem 1.4rem;

    font-size: 0.75rem;

    letter-spacing: 0.12em;
    text-transform: uppercase;

}

.btn-primary {

    background: var(--ac-carbon);
    border-color: var(--ac-carbon);

}

.btn-primary:hover,
.btn-primary:focus {

    background: var(--ac-negro);
    border-color: var(--ac-negro);

}


/* =========================================================
   09. BLOQUES OSCUROS
   ========================================================= */

.ac-dark {

    background: var(--ac-carbon);
    color: var(--ac-blanco);

}

.ac-dark h1,
.ac-dark h2,
.ac-dark h3,
.ac-dark p,
.ac-dark a {

    color: var(--ac-blanco);

}


/* =========================================================
   10. METADATOS
   ========================================================= */

.ac-meta {

    color: var(--ac-texto-suave);

    font-size: 0.72rem;

    letter-spacing: 0.12em;
    text-transform: uppercase;

}


/* =========================================================
   11. SECCIONES GENERALES
   ========================================================= */

.ac-section {

    padding-top: clamp(4rem, 8vw, 8rem);
    padding-bottom: clamp(4rem, 8vw, 8rem);

}


/* =========================================================
   12. ACTUAL · SEMILLAS
   ========================================================= */


/* Módulo */

.ac-hero-module {

    width: 100%;

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

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

}

.ac-hero-module .mod-custom {

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

    background: transparent !important;

}


/* ---------------------------------------------------------
   Bloque principal
   --------------------------------------------------------- */

.ac-hero-actual {

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: none;

    box-sizing: border-box;

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    align-items: start;

    gap: 3rem;

    padding: 3.2rem 6vw 2.2rem;

    /*
       El fondo real se crea con ::before.
       Así ocupa toda la ventana sin modificar
       el ancho del layout ni crear scroll lateral.
    */

    background: transparent;

}


/* Fondo mineral a ancho completo */

.ac-hero-actual::before {

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 100vw;

    transform: translateX(-50%);

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 76% 46%,
            rgba(247, 243, 235, 0.13) 0%,
            rgba(247, 243, 235, 0.04) 28%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 67%,
            var(--ac-piedra-hero-oscura) 100%
        );

}


/* ---------------------------------------------------------
   Columna de texto
   --------------------------------------------------------- */

.ac-hero-text {

    max-width: 500px;

    /*
       Mantiene el texto visualmente algo más
       bajo que la parte superior de la obra,
       como en el boceto.
    */

    padding-top: 5.2rem;

}

.ac-kicker {

    margin-bottom: 1.4rem;

    color: #3f3d38;

    font-size: 0.68rem;

    letter-spacing: 0.24em;
    text-transform: uppercase;

}


/* Título SEMILLAS */

.ac-hero-text h1 {

    margin: 0;

    color: var(--ac-negro);

    font-size: clamp(3.5rem, 6vw, 6rem);
    font-weight: 300;

    line-height: 0.95;

    letter-spacing: 0.08em;

}


/* Nombre */

.ac-hero-artist {

    margin-top: 1.4rem;

    color: #3f3d38;

    font-size: 0.86rem;

    letter-spacing: 0.24em;

}


/* Texto */

.ac-hero-description {

    max-width: 440px;

    margin: 2.5rem 0 2rem;

    color: #383630;

    font-size: 1rem;
    line-height: 1.8;

}


/* Botón */

.ac-hero-button {

    display: inline-flex;

    align-items: center;

    gap: 1.4rem;

    padding: 0.9rem 1.5rem;

    border: 1px solid rgba(29, 29, 27, 0.55);

    color: var(--ac-negro) !important;

    font-size: 0.68rem;

    letter-spacing: 0.16em;
    text-transform: uppercase;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;

}

.ac-hero-button span {

    font-size: 1.2rem;
    line-height: 1;

}

.ac-hero-button:hover,
.ac-hero-button:focus {

    background: var(--ac-carbon);

    border-color: var(--ac-carbon);

    color: var(--ac-blanco) !important;

}


/* ---------------------------------------------------------
   Zona de la obra
   --------------------------------------------------------- */

.ac-hero-art {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        125px;

    align-items: end;

    gap: 1.5rem;

    min-width: 0;

}


/* ---------------------------------------------------------
   Imagen
   --------------------------------------------------------- */

.ac-hero-art img {

    display: block;

    width: 100%;

    max-width: 500px;
    max-height: 500px;

    height: auto;

    justify-self: center;

    /*
       Luz desde la izquierda:

       sombra proyectada hacia abajo y derecha.
    */

    box-shadow:
        24px 24px 50px rgba(35, 31, 26, 0.22),
        10px 12px 22px rgba(35, 31, 26, 0.14),
        3px 4px 8px rgba(35, 31, 26, 0.08);

}


/* ---------------------------------------------------------
   Ficha técnica
   --------------------------------------------------------- */

.ac-art-meta {

    display: flex;

    flex-direction: column;

    gap: 0.35rem;

    padding-bottom: 0.3rem;

    color: #49463f;

    font-size: 0.7rem;
    line-height: 1.4;

}

.ac-art-meta > div {
    white-space: nowrap;
}

.ac-art-meta .ac-art-title {

    color: var(--ac-carbon);

    font-size: 0.8rem;
    font-weight: 600;

}


/* =========================================================
   13. FOOTER
   ========================================================= */

.footer {

    background: var(--ac-caliza);
    color: var(--ac-texto);

    border-top: 1px solid rgba(29, 29, 27, 0.12);

}

.footer a {
    color: var(--ac-texto);
}


/* =========================================================
   14. TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .container-header {

        grid-template-columns: 1fr;

        grid-template-areas:
            "logo"
            "nav";

        gap: 0.8rem 0;

        padding-top: 1rem;
        padding-bottom: 1rem;

    }

    .container-header .container-nav {
        justify-content: flex-start;
    }

    .container-header .metismenu.mod-menu {

        justify-content: flex-start;

        flex-wrap: wrap;

        gap: 0.8rem 1.2rem;

    }


    /* SEMILLAS */

    .ac-hero-actual {

        grid-template-columns: 1fr;

        gap: 3rem;

        padding: 4rem 2rem;

    }

    .ac-hero-text {

        max-width: none;
        padding-top: 0;

    }

    .ac-hero-art {
        grid-template-columns: 1fr;
    }

    .ac-hero-art img {

        max-width: 560px;
        max-height: none;

    }

    .ac-art-meta {

        flex-direction: row;
        flex-wrap: wrap;

        gap: 0.5rem 1rem;

    }

}


/* =========================================================
   15. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    body {
        font-size: 0.95rem;
    }


    /* Cabecera */

    .container-header .site-title {

        font-size: 1.45rem;
        letter-spacing: 0.12em;

    }

    .container-header .site-description {
        font-size: 0.58rem;
    }

    .container-header .metismenu.mod-menu .metismenu-item > a {
        font-size: 0.64rem;
    }


    /* Tipografía */

    h1 {
        font-size: 2.8rem;
    }

    h2 {
        font-size: 2.1rem;
    }


    /* Secciones */

    .ac-section {

        padding-top: 3.5rem;
        padding-bottom: 3.5rem;

    }


    /* SEMILLAS */

    .ac-hero-actual {
        padding: 3rem 1.25rem;
    }

    .ac-hero-text h1 {
        font-size: 3.2rem;
    }

    .ac-hero-description {
        margin-top: 2rem;
    }

    .ac-hero-art img {
        max-width: 100%;
    }

}


/* =========================================================
   16. OBRA — VERSIÓN EDITORIAL
   ========================================================= */


/* Elimina caja/padding del módulo Joomla */

.ac-works-module,
.ac-works-module .mod-custom {

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

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

}


/* ---------------------------------------------------------
   Bloque principal
   --------------------------------------------------------- */

.ac-works {

    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.3rem 5vw 3.5rem;

    color: var(--ac-blanco);

}

.ac-works::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background: #292a27;

}


/* ---------------------------------------------------------
   Cabecera
   --------------------------------------------------------- */

.ac-works-intro {

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

    margin: 0 auto 1.8rem;

    display: grid;

    grid-template-columns:
        210px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 2rem;

    padding-bottom: 1.05rem;

    border-bottom: 1px solid rgba(255,255,255,0.16);

}


/* Título OBRA */

.ac-works-heading h2 {

    display: block !important;

    margin: 0 !important;

    color: var(--ac-blanco) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: clamp(2.8rem, 3.6vw, 3.8rem) !important;

    font-weight: 400 !important;

    line-height: 0.95 !important;

    letter-spacing: -0.02em !important;

}


/* Texto */

.ac-works-description {

    position: relative;

    padding-left: 1.5rem;

}

.ac-works-description::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0.1rem;
    bottom: 0.1rem;

    width: 1px;

    background: rgba(255,255,255,0.30);

}

.ac-works-description p {

    max-width: 560px;

    margin: 0;

    color: rgba(255,255,255,0.72);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 0.94rem;

    line-height: 1.45;

}


/* VER TODA LA OBRA */

.ac-works-top-link a {

    display: inline-flex;

    align-items: center;

    gap: 0.75rem;

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

    font-size: 0.60rem;

    line-height: 1;

    letter-spacing: 0.15em;

    text-decoration: none !important;
    text-transform: uppercase;

    white-space: nowrap;

}

.ac-works-top-link span {
    font-size: 0.95rem;
}


/* ---------------------------------------------------------
   CUATRO OBRAS
   --------------------------------------------------------- */

.ac-works-grid {

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

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1.3rem;

}


/* Imagen */

.ac-work-image {

    width: 100%;

    overflow: hidden;

    background: #20211f;

}

.ac-work-image img {

    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    transition: transform 0.35s ease;

}

.ac-work-item:hover .ac-work-image img {
    transform: scale(1.015);
}


/* ---------------------------------------------------------
   Nombre de la serie
   --------------------------------------------------------- */

.ac-work-caption {

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-top: 0.55rem;

    padding-top: 0.55rem;

    border-top: 1px solid rgba(255,255,255,0.15);

}

.ac-work-title {

    color: rgba(255,255,255,0.88);

    font-size: 0.61rem;

    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.17em;

    text-transform: uppercase;

}

.ac-work-arrow {

    color: rgba(255,255,255,0.48);

    font-size: 0.95rem;

    line-height: 1;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-works {
        padding: 3rem 2rem 3.5rem;
    }

    .ac-works-intro {

        grid-template-columns:
            160px
            minmax(0, 1fr);

    }

    .ac-works-top-link {

        grid-column: 2;

        justify-self: start;

    }

    .ac-works-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-works {
        padding: 2.8rem 1.25rem 3.2rem;
    }

    .ac-works-intro {

        display: block;

        margin-bottom: 1.8rem;

    }

    .ac-works-heading h2 {
        font-size: 2.8rem !important;
    }

    .ac-works-description {
        margin-top: 1rem;
    }

    .ac-works-top-link {
        margin-top: 1rem;
    }

    .ac-works-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

}
/* =========================================================
   ÚLTIMAS SERIES — AJUSTE FINAL
   ---------------------------------------------------------
   Solo afecta al módulo .ac-works-module
   No modifica ACTUAL
   ========================================================= */


/* ---------------------------------------------------------
   Módulo: sin línea ni apariencia de caja
   --------------------------------------------------------- */

.ac-works-module,
.moduletable.ac-works-module {

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

    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

.ac-works-module > .mod-custom,
.ac-works-module > .card-body,
.moduletable.ac-works-module > .mod-custom,
.moduletable.ac-works-module > .card-body {

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

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Bloque ÚLTIMAS SERIES
   --------------------------------------------------------- */

.ac-works {

    width: 100vw;
    margin-left: calc(50% - 50vw);

    /*
       Mucho más fino que la versión anterior.
    */
    padding:
        1.45rem
        5vw
        1.7rem;

    color: var(--ac-blanco);

}


/* ---------------------------------------------------------
   Cabecera
   --------------------------------------------------------- */

.ac-works-intro {

    max-width: 920px !important;

    margin:
        0 auto
        1.15rem;

    display: grid;

    grid-template-columns:
        180px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 1.5rem;

    padding-bottom: 0.75rem;

    border-bottom: 0;

}


/* ---------------------------------------------------------
   Título — misma tipografía que ACTUAL
   --------------------------------------------------------- */

.ac-works-heading h2 {

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

    font-size:
        clamp(2.15rem, 3vw, 3rem) !important;

    font-weight: 300 !important;

    line-height: 0.95 !important;

    letter-spacing: 0.08em !important;

    color: var(--ac-blanco) !important;

}


/* ---------------------------------------------------------
   Descripción — misma tipografía que ACTUAL
   --------------------------------------------------------- */

.ac-works-description {

    padding-left: 1.2rem;

}

.ac-works-description::before {

    display: none;

}

.ac-works-description p {

    max-width: 500px;

    margin: 0;

    color: rgba(255,255,255,0.68);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: 0.78rem;

    font-weight: 400;

    line-height: 1.45;

    letter-spacing: 0.02em;

}


/* ---------------------------------------------------------
   VER TODA LA OBRA
   --------------------------------------------------------- */

.ac-works-top-link a {

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

    font-size: 0.58rem;

    font-weight: 400;

    letter-spacing: 0.14em;

}


/* ---------------------------------------------------------
   Obras — más pequeñas y discretas
   --------------------------------------------------------- */

.ac-works-grid {

    max-width: 920px !important;

    margin: 0 auto;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1rem;

}


/* Imagen */

.ac-work-image {

    background: #20211f;

}

.ac-work-image img {

    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: cover;

}


/* ---------------------------------------------------------
   Pie de las obras
   --------------------------------------------------------- */

.ac-work-caption {

    margin-top: 0.35rem;

    padding-top: 0.35rem;

    border-top: 1px solid rgba(255,255,255,0.12);

}

.ac-work-title {

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: 0.56rem;

    letter-spacing: 0.15em;

}

.ac-work-arrow {

    font-size: 0.8rem;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-works {

        padding:
            1.5rem
            2rem
            2rem;

    }

    .ac-works-intro {

        grid-template-columns:
            160px
            minmax(0, 1fr);

        gap: 1.25rem;

    }

    .ac-works-top-link {

        grid-column: 2;

    }

    .ac-works-grid {

        max-width: 760px !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-works {

        padding:
            1.4rem
            1.25rem
            2rem;

    }

    .ac-works-intro {

        display: block;

        margin-bottom: 1.3rem;

    }

    .ac-works-heading h2 {

        font-size: 2.2rem !important;

    }

    .ac-works-description {

        margin-top: 0.7rem;

        padding-left: 0;

    }

    .ac-works-top-link {

        margin-top: 0.8rem;

    }

    .ac-works-grid {

        grid-template-columns: 1fr;

        gap: 1.5rem;

    }

}
/* =========================================================
   ÚLTIMAS SERIES — AJUSTE 3
   ========================================================= */

/* ---------------------------------------------------------
   TÍTULO ÚLTIMAS SERIES
   Más pequeño para mantenerse en una sola línea
   --------------------------------------------------------- */

.ac-works-heading h2 {

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

    font-size: 2rem !important;

    font-weight: 300 !important;

    line-height: 1 !important;

    letter-spacing: 0.08em !important;

    white-space: nowrap !important;

}


/* ---------------------------------------------------------
   NOMBRES DE LAS SERIES
   Más visibles
   --------------------------------------------------------- */

.ac-work-title {

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

    font-size: 0.72rem !important;

    font-weight: 400 !important;

    letter-spacing: 0.14em !important;

    line-height: 1.2 !important;

}


/* ---------------------------------------------------------
   BLOQUE OSCURO
   Más fino verticalmente
   --------------------------------------------------------- */

.ac-works {

    padding-top: 1.05rem !important;

    padding-bottom: 1.25rem !important;

}


/* Cabecera aún más compacta */

.ac-works-intro {

    margin-bottom: 0.8rem !important;

    padding-bottom: 0 !important;

    gap: 1.5rem;

}


/* ---------------------------------------------------------
   Pie de cada imagen
   --------------------------------------------------------- */

.ac-work-caption {

    margin-top: 0.25rem !important;

    padding-top: 0.25rem !important;

    border-top: 0 !important;

}


/* ---------------------------------------------------------
   FLECHA
   --------------------------------------------------------- */

.ac-work-arrow {

    font-size: 0.82rem !important;

}
/* =========================================================
   ÚLTIMAS SERIES — SEPARACIÓN ENTRE OBRAS
   ========================================================= */

.ac-works-grid {
    gap: 1.8rem !important;
}
/* =========================================================
   ÚLTIMAS SERIES — SEPARAR TÍTULO Y DESCRIPCIÓN
   ========================================================= */

.ac-works-intro {

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

}


/* Título más pequeño y fino */

.ac-works-heading h2 {

    font-size: 1.45rem !important;

    line-height: 1 !important;

    letter-spacing: 0.08em !important;

    white-space: nowrap !important;

}
/* =========================================================
   PRESENTACIÓN · ANTONIO CAMBA
   ========================================================= */

.ac-artist-intro-module,
.ac-artist-intro-module .mod-custom,
.ac-artist-intro-module .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ac-artist-intro {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5rem 2rem 5.5rem;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 5rem;

    background: #f4f0e8;
}

.ac-artist-intro-image {
    width: 100%;
    min-width: 0;
}

.ac-artist-intro-image img {
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
}

.ac-artist-intro-content {
    max-width: 470px;
    padding: 0;
}

.ac-artist-intro-line {
    width: 42px;
    height: 1px;
    margin-bottom: 1.5rem;
    background: #292a27;
}

.ac-artist-intro-kicker {
    margin: 0 0 .75rem;
    color: #3f3d38;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .68rem;
    font-weight: 400;
    letter-spacing: .16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ac-artist-intro-content h2 {
    margin: 0 0 2rem;
    color: #20211f;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 300;
    line-height: 1;
    letter-spacing: .05em;
}

.ac-artist-intro-content blockquote {
    margin: 0 0 1.8rem;
    padding: 0;
    border: 0;
    color: #292a27;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(1.15rem, 1.7vw, 1.5rem);
    font-weight: 300;
    line-height: 1.45;
}

.ac-artist-intro-text {
    max-width: 430px;
    margin: 0 0 2rem;
    color: #555149;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .92rem;
    font-weight: 400;
    line-height: 1.7;
}

.ac-artist-intro-button {
    display: inline-flex;
    align-items: center;
    gap: .8rem;

    color: #292a27 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .62rem;
    font-weight: 400;
    letter-spacing: .14em;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;

    border-bottom: 1px solid rgba(41,42,39,.45);
    padding-bottom: .5rem;
}

.ac-artist-intro-button span {
    font-size: .9rem;
    line-height: 1;
}


/* TABLET */
@media (max-width: 991.98px) {

    .ac-artist-intro {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding: 4rem 2rem;
    }

    .ac-artist-intro-image img {
        max-width: 680px;
    }

    .ac-artist-intro-content {
        max-width: 650px;
    }
}


/* MÓVIL */
@media (max-width: 767px) {

    .ac-artist-intro {
        padding: 3rem 1.25rem 4rem;
        gap: 2.5rem;
    }

    .ac-artist-intro-content h2 {
        font-size: 2.1rem;
    }

    .ac-artist-intro-content blockquote {
        font-size: 1.2rem;
    }
}
/* =========================================================
   AJUSTE · PRESENTACIÓN ANTONIO CAMBA
   ========================================================= */

.ac-artist-intro {
    max-width: 1180px;
    padding: 3.2rem 2rem 3.6rem;
    gap: 4.2rem;
}

.ac-artist-intro-image img {
    max-width: 560px;
}

.ac-artist-intro-content {
    max-width: 440px;
}

.ac-artist-intro-line {
    margin-bottom: 1.25rem;
}

.ac-artist-intro-content h2 {
    margin-bottom: 1.6rem;
}

.ac-artist-intro-content blockquote {
    margin-bottom: 1.5rem;
}

.ac-artist-intro-text {
    margin-bottom: 1.7rem;
}
/* PRESENTACIÓN · COMPACTAR ALTURA */

.ac-artist-intro {
    padding-top: 0.8rem !important;
    padding-bottom: 1rem !important;
}
/* PRESENTACIÓN · REDUCIR AL MÍNIMO EL ESPACIO VERTICAL */

.ac-artist-intro {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* PRESENTACIÓN · AJUSTE TIPOGRÁFICO */

.ac-artist-intro-content h2 {
    font-size: 2.15rem !important;
    font-weight: 300 !important;
    line-height: 1.08 !important;
    letter-spacing: .04em !important;
    margin-bottom: 1.5rem !important;
}

.ac-artist-intro-content blockquote {
    font-size: 1.12rem !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
    margin-bottom: 1.6rem !important;
}
/* UNIÓN ACTUAL → ÚLTIMAS SERIES */

.ac-hero-module {
    margin-bottom: 0 !important;
}

.ac-works-module {
    margin-top: 0 !important;
}

.ac-hero-actual {
    margin-bottom: 0 !important;
}
/* UNIÓN HEADER → ACTUAL */

.ac-hero-module {
    margin-top: -1px !important;
}

.card-body:has(.ac-hero-module) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* =========================================================
   ELIMINAR ESPACIOS DEL GRID DE CASSIOPEIA
   SOLO EN LOS BLOQUES DE LA PORTADA
   ========================================================= */

.site-grid > .grid-child:has(.ac-hero-module),
.site-grid > .grid-child:has(.ac-works-module),
.site-grid > .grid-child:has(.ac-artist-intro-module) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* =========================================================
   UNIÓN LIMPIA DE LOS BLOQUES DE PORTADA
   ========================================================= */

/* Quitar el margen superior que Cassiopeia añade
   al primer bloque después de la cabecera */

.site-grid .container-header + div:not(.container-banner) {
    margin-top: 0 !important;
}


/* ACTUAL · posición top-a */
.container-top-a > *:has(.ac-hero-module) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ÚLTIMAS SERIES · posición top-b */
.container-top-b > *:has(.ac-works-module) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* PRESENTACIÓN · posición main-top */
.container-main-top > *:has(.ac-artist-intro-module) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* =========================================================
   PORTADA · ELIMINAR ESPACIOS ENTRE BLOQUES
   ========================================================= */

/* Eliminar el hueco entre las filas de Cassiopeia */
body:has(.ac-hero-module) .site-grid {
    row-gap: 0 !important;
}

/* Eliminar el margen que Cassiopeia coloca
   al primer bloque después de la cabecera */
body:has(.ac-hero-module)
.site-grid > div:has(.ac-hero-module) {
    margin-top: 0 !important;
}

/* Asegurar que nuestros tres bloques quedan unidos */
body:has(.ac-hero-module)
.site-grid > div:has(.ac-hero-module),
body:has(.ac-hero-module)
.site-grid > div:has(.ac-works-module),
body:has(.ac-hero-module)
.site-grid > div:has(.ac-artist-intro-module) {
    margin-bottom: 0 !important;
}
/* =========================================================
   CASSIOPEIA · ELIMINAR PADDING DEL CARD-BODY
   DE LOS MÓDULOS DE PORTADA
   ========================================================= */

.container-top-a .card-body:has(.ac-hero-module),
.container-top-b .card-body:has(.ac-works-module),
.container-main-top .card-body:has(.ac-artist-intro-module) {
    padding: 0 !important;
}
/* =========================================================
   CASSIOPEIA · QUITAR PADDING REAL DEL CARD-BODY
   ========================================================= */

.container-top-a .ac-hero-module > .card-body,
.container-top-b .ac-works-module > .card-body,
.container-main-top .ac-artist-intro-module > .card-body {
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   TRAYECTORIA · BANDA OSCURA
   ========================================================= */

.container-main-bottom .ac-trajectory-module,
.container-main-bottom .ac-trajectory-module > .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ac-trajectory {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 1.15rem 5vw;

    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;

    background: #292a27;
    color: #ffffff;

    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.ac-trajectory-label {
    color: rgba(255,255,255,.96);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .15em;
    line-height: 1;
    text-transform: uppercase;
}

.ac-trajectory-text {
    color: rgba(255,255,255,.74);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .80rem;
    line-height: 1.45;
}

.ac-trajectory-link {
    display: inline-flex;
    align-items: center;
    gap: .7rem;

    color: #ffffff !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .58rem;
    font-weight: 400;
    letter-spacing: .14em;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.ac-trajectory-link span {
    font-size: .9rem;
}


/* TABLET */

@media (max-width: 991.98px) {

    .ac-trajectory {
        grid-template-columns: 160px minmax(0,1fr);
        padding: 1rem 2rem;
        gap: 1.5rem;
    }

    .ac-trajectory-link {
        grid-column: 2;
    }
}


/* MÓVIL */

@media (max-width: 767px) {

    .ac-trajectory {
        display: block;
        padding: 1.15rem 1.25rem;
    }

    .ac-trajectory-text {
        margin-top: .7rem;
    }

    .ac-trajectory-link {
        margin-top: .8rem;
    }
}
/* =========================================================
   TRAYECTORIA · AJUSTE EDITORIAL
   ========================================================= */

.ac-trajectory {
    grid-template-columns: 220px minmax(0, 650px) auto !important;
    justify-content: center;
    gap: 2.5rem !important;
    padding: 1.25rem 2rem !important;
}

.ac-trajectory-label {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.45rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap;
}

.ac-trajectory-text {
    max-width: 650px;
    padding-left: 2rem;
    border-left: 1px solid rgba(255,255,255,.28);

    font-size: .86rem !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.78) !important;
}

.ac-trajectory-link {
    font-size: .60rem !important;
    letter-spacing: .14em !important;
}
/* TRAYECTORIA · MISMA TIPOGRAFÍA GENERAL */

.ac-trajectory-label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 300 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
/* =========================================================
   TRAYECTORIA · ELIMINAR TARJETA EXTERIOR CASSIOPEIA
   ========================================================= */

.container-main-bottom .ac-trajectory-module.card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.container-main-bottom .ac-trajectory-module.card > .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* =========================================================
   TRAYECTORIA · QUITAR CARD REAL DE CASSIOPEIA
   ========================================================= */

.main-bottom.ac-trajectory-module {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.main-bottom.ac-trajectory-module > .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* PRESENTACIÓN · ELIMINAR ESPACIO INFERIOR DEL CARD */

.main-top.ac-artist-intro-module {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.main-top.ac-artist-intro-module > .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* =========================================================
   CASSIOPEIA · UNIR MAIN-TOP Y MAIN-BOTTOM
   ========================================================= */

.site-grid .container-component > div + div {
    margin-top: 0 !important;
}
/* =========================================================
   PORTADA · QUITAR ESPACIO DEL MAIN VACÍO
   ========================================================= */

body.itemid-101 .site-grid .container-component > main:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.itemid-101 .site-grid #system-message-container:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   PORTADA · OCULTAR EL MAIN DE CONTENIDO
   ========================================================= */

body.itemid-101 .site-grid .container-component > main {
    display: none !important;
}
/* =========================================================
   RETÍCULA · ÚLTIMAS SERIES = ACTUAL
   ========================================================= */

.ac-works-intro,
.ac-works-grid {
    max-width: 870.4px !important;
}
/* ÚLTIMAS SERIES · MÁS AIRE ENTRE LAS OBRAS */

.ac-works-grid {
    gap: 2.4rem !important;
}
/* MÁS ESPACIO ENTRE LAS OBRAS */
.ac-works-grid {
    gap: 2,8rem !important;
}
.ac-luxembourg {
    width:100vw;
    margin-left:calc(50% - 50vw);
    min-height:320px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    background:#292a27;
    color:#fff;
}

.ac-luxembourg-image {
    height:320px;
    overflow:hidden;
}

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

.ac-luxembourg-content {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:2.5rem 5vw;
}
.ac-luxembourg-module {
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.ac-luxembourg-module > .card-body {
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.ac-luxembourg-content h2 {
    color:#fff!important;
}

.ac-luxembourg-link {
    color:#fff!important;
}
.ac-luxembourg {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    min-height:250px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
}

.ac-luxembourg-image {
    height:250px;
    overflow:hidden;
}

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

.ac-luxembourg-content {
    padding:2rem 3rem;
}
.ac-luxembourg {
    width:1180px!important;
    max-width:calc(100% - 2rem)!important;
    margin:0 auto!important;
}
body.itemid-101 .container-bottom-a {
    background:#292a27!important;
}
body.itemid-101 .container-bottom-a {
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    background:#292a27!important;
}
@media (min-width:992px) {

    .ac-artist-intro-image {
        width:590px!important;
        height:250px!important;
        max-width:none!important;
        transform:none!important;
        overflow:hidden;
    }

    .ac-artist-intro-image img {
        display:block;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover;
    }

}
@media (min-width:992px) {
    .ac-artist-intro-image {
        transform:translateX(-37px)!important;
    }
}
/* =========================================================
   LUXEMBOURG · TABLET
   ========================================================= */

@media (max-width:991.98px) {

    .ac-luxembourg {
        width:100%!important;
        max-width:none!important;
        grid-template-columns:1fr!important;
    }

    .ac-luxembourg-image {
        height:280px!important;
    }

    .ac-luxembourg-content {
        padding:2.5rem 2rem!important;
    }

}


/* =========================================================
   LUXEMBOURG · MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .ac-luxembourg-image {
        height:220px!important;
    }

    .ac-luxembourg-content {
        padding:2.2rem 1.25rem 2.5rem!important;
    }

    .ac-luxembourg-content h2 {
        font-size:2.2rem!important;
        line-height:1.05!important;
    }

}
/* =========================================================
   FOOTER · ANTONIO CAMBA
   ========================================================= */

.ac-footer-module,
.ac-footer-module > .card-body {
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.ac-footer {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:2.2rem 2rem 1.6rem;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:start;
    column-gap:3rem;
    row-gap:1.2rem;

    color:#292a27;
    background:#f4f0e8;
}

/* Marca */

.ac-footer-brand {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.8rem;
    font-weight:400;
    letter-spacing:.14em;
    line-height:1.2;
}

/* Navegación */

.ac-footer-nav {
    display:flex;
    align-items:center;
    gap:1.5rem;
}

.ac-footer-nav a,
.ac-footer-social a {
    color:#292a27!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.58rem;
    font-weight:400;
    letter-spacing:.12em;
    line-height:1.2;
    text-decoration:none!important;
    text-transform:uppercase;
}

/* Redes */

.ac-footer-social {
    display:flex;
    align-items:center;
    gap:1rem;
}

.ac-footer-social a:last-child {
    text-transform:none;
}

/* Copyright */

.ac-footer-copy {
    grid-column:1 / -1;
    padding-top:1rem;
    border-top:1px solid rgba(41,42,39,.15);

    color:#6c6a63;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.56rem;
    letter-spacing:.08em;
}

/* =========================================================
   FOOTER · TABLET
   ========================================================= */

@media (max-width:991.98px) {

    .ac-footer {
        grid-template-columns:1fr auto;
    }

    .ac-footer-social {
        grid-column:2;
    }

    .ac-footer-copy {
        grid-column:1 / -1;
    }
}

/* =========================================================
   FOOTER · MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .ac-footer {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:1.15rem;
        padding:2rem 1.25rem 1.4rem;
    }

    .ac-footer-nav {
        flex-wrap:wrap;
        gap:.8rem 1.2rem;
    }

    .ac-footer-social {
        gap:1rem;
    }

    .ac-footer-copy {
        width:100%;
        padding-top:.9rem;
    }
}
/* =========================================================
   FOOTER · VERSIÓN COMPACTA Y CENTRADA
   ========================================================= */

.ac-footer {
    width:100%;
    max-width:none!important;
    margin:0 auto!important;
    padding:.9rem 1.25rem .65rem!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.65rem!important;

    text-align:center;
}

/* Marca + enlaces + redes */

.ac-footer-brand,
.ac-footer-nav,
.ac-footer-social {
    display:flex;
    align-items:center;
    justify-content:center;
}

.ac-footer-brand {
    line-height:1;
}

.ac-footer-nav {
    gap:1.3rem;
}

.ac-footer-social {
    gap:1rem;
}

/* Copyright */

.ac-footer-copy {
    width:auto!important;
    grid-column:auto!important;
    margin:0!important;
    padding:.55rem 0 0!important;

    border-top:1px solid rgba(41,42,39,.12);

    text-align:center;
    line-height:1;
}

/* Unificar todo en una línea visual */

.ac-footer-brand,
.ac-footer-nav a,
.ac-footer-social a {
    line-height:1!important;
}

/* Móvil */

@media (max-width:767px) {

    .ac-footer {
        gap:.75rem!important;
        padding:.9rem 1.25rem .7rem!important;
    }

    .ac-footer-nav {
        flex-wrap:wrap;
        gap:.65rem 1rem;
        justify-content:center;
    }

}
/* =========================================================
   FOOTER · LÍNEA ÚNICA
   ========================================================= */

.ac-footer-module,
.ac-footer-module > .card-body {
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.ac-footer {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:.75rem 1rem .7rem!important;
    background:#f4f0e8!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
}

.ac-footer-line {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:.55rem;
    text-align:center;
    color:#6c6a63;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.52rem;
    font-weight:400;
    letter-spacing:.10em;
    line-height:1.2;
    text-transform:uppercase;
}

.ac-footer-line a {
    color:#6c6a63!important;
    text-decoration:none!important;
}

.ac-footer-line a:hover,
.ac-footer-line a:focus {
    color:#292a27!important;
}

/* Separadores */

.ac-footer-line a::before,
.ac-footer-line span + span::before {
    content:"·";
    margin-right:.55rem;
    color:rgba(108,106,99,.55);
}
/* =========================================================
   FOOTER · FRANJA FINA
   ========================================================= */

.ac-footer-module {
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.ac-footer-module > .card-body {
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.ac-footer {
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    margin:0!important;
    padding:0 1rem!important;
    box-sizing:border-box!important;

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

    background:#f4f0e8!important;
    border-top:1px solid rgba(41,42,39,.14)!important;
}

.ac-footer-line {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;

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

    color:#6c6a63!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:.50rem!important;
    font-weight:400!important;
    letter-spacing:.10em!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.ac-footer-line span,
.ac-footer-line a {
    color:#6c6a63!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:.50rem!important;
    font-weight:400!important;
    letter-spacing:.10em!important;
    line-height:1!important;
    text-decoration:none!important;
}

.ac-footer-line > * + *::before {
    content:"·";
    margin-right:.55rem;
    color:rgba(108,106,99,.45);
}

.ac-footer-line a:hover {
    color:#292a27!important;
}

@media (max-width:767px) {

    .ac-footer {
        height:auto!important;
        min-height:42px!important;
        padding:.7rem 1rem!important;
    }

    .ac-footer-line {
        white-space:normal!important;
        flex-wrap:wrap!important;
        line-height:1.6!important;
    }

}
/* =========================================================
   FOOTER · AJUSTE FINAL DE PROPORCIÓN
   ========================================================= */

.ac-footer-module {
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

.ac-footer {
    width:100vw!important;
    max-width:none!important;
    height:30px!important;
    min-height:0!important;
    padding:0 1rem!important;
    
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.ac-footer-line {
    width:100%!important;
    margin:0!important;
    
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    
    color:#6c6a63!important;
    font-size:.60rem!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-align:center!important;
}

.ac-footer-line span,
.ac-footer-line a {
    font-size:.60rem!important;
    letter-spacing:.08em!important;
    line-height:1!important;
}
/* =========================================================
   FOOTER · ELIMINAR ALTURA EXTERIOR
   ========================================================= */

.container-footer {
    margin:0!important;
    padding:0!important;
    min-height:0!important;
}

.container-footer > .grid-child {
    margin:0!important;
    padding:0!important;
    min-height:0!important;
}

.ac-footer {
    height:42px!important;
    min-height:0!important;
    padding:0 1rem!important;
    margin:0!important;
}
/* =========================================================
   ACTUAL · SEMILLAS · HERO
   ========================================================= */

.ac-actual-hero {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:3.8rem 2rem 4rem;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:.85fr 1.15fr;
    align-items:center;
    gap:4.5rem;

    background:#f4f0e8;
}

.ac-actual-hero-content {
    max-width:430px;
}

.ac-actual-hero-kicker {
    margin:0 0 1rem;

    color:#6c6a63;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.68rem;
    font-weight:400;
    letter-spacing:.18em;
    line-height:1.2;
    text-transform:uppercase;
}

.ac-actual-hero-content h1 {
    margin:0 0 1.4rem;

    color:#20211f;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:clamp(3rem,5vw,5.2rem);
    font-weight:300;
    line-height:.95;
    letter-spacing:.08em;
}

.ac-actual-hero-subtitle {
    max-width:360px;
    margin:0;

    color:#555149;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.65;
}

.ac-actual-hero-image {
    width:100%;
    overflow:hidden;
}

.ac-actual-hero-image img {
    display:block;
    width:100%;
    height:420px;
    object-fit:cover;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991.98px) {

    .ac-actual-hero {
        grid-template-columns:1fr;
        gap:2.5rem;
        padding:3.5rem 2rem;
    }

    .ac-actual-hero-content {
        max-width:650px;
    }

    .ac-actual-hero-image img {
        height:360px;
    }
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .ac-actual-hero {
        gap:2rem;
        padding:2.8rem 1.25rem 3.2rem;
    }

    .ac-actual-hero-content h1 {
        font-size:3.2rem;
    }

    .ac-actual-hero-image img {
        height:240px;
    }
}
/* ACTUAL · SEMILLAS · fondo pizarra */

.ac-actual-hero {
    background:#565752 !important;
}

.ac-actual-hero-kicker,
.ac-actual-hero-content h1,
.ac-actual-hero-subtitle {
    color:#ffffff !important;
}

.ac-actual-hero-kicker {
    color:rgba(255,255,255,.72) !important;
}

.ac-actual-hero-subtitle {
    color:rgba(255,255,255,.82) !important;
}
/* =========================================================
   ACTUAL · SEMILLAS · HERO DEFINITIVO
   ========================================================= */

.ac-actual-hero {
    position:relative;
    isolation:isolate;
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    min-height:520px;
    padding:0!important;
    overflow:hidden;
    background:transparent!important;

    display:block;
}

.ac-actual-hero-image {
    width:100%;
    height:520px;
    padding:0!important;
    margin:0!important;
    overflow:hidden;
}

.ac-actual-hero-image img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center 62%;
}

.ac-actual-hero-content {
    position:absolute;
    z-index:3;

    top:50%;
    left:max(5vw, calc((100vw - 1180px) / 2));
    transform:translateY(-50%);

    width:430px;
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    box-sizing:border-box;
}

.ac-actual-hero-kicker {
    margin:0 0 1rem!important;

    color:#252522!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:.68rem!important;
    font-weight:400!important;
    letter-spacing:.19em!important;
    line-height:1.2!important;
    text-transform:uppercase;
}

.ac-actual-hero-content h1 {
    margin:0 0 1.35rem!important;

    color:#1d1d1b!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:clamp(3.4rem,5.2vw,5.4rem)!important;
    font-weight:300!important;
    line-height:.92!important;
    letter-spacing:.06em!important;
}

.ac-actual-hero-subtitle {
    margin:0!important;
    max-width:350px;

    color:#30302d!important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:.98rem!important;
    font-weight:400!important;
    line-height:1.55!important;
}

.ac-actual-hero-subtitle::after {
    content:"";
    display:block;
    width:46px;
    height:1px;
    margin-top:1.6rem;
    background:rgba(37,37,34,.65);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991.98px) {

    .ac-actual-hero,
    .ac-actual-hero-image {
        min-height:470px;
        height:470px;
    }

    .ac-actual-hero-content {
        left:2rem;
        width:390px;
    }

    .ac-actual-hero-content h1 {
        font-size:4.3rem!important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .ac-actual-hero {
        min-height:430px;
    }

    .ac-actual-hero-image {
        height:430px;
    }

    .ac-actual-hero-image img {
        object-position:center 60%;
    }

    .ac-actual-hero-content {
        left:1.25rem;
        top:auto;
        bottom:2.5rem;
        transform:none;
        width:calc(100% - 2.5rem);
    }

    .ac-actual-hero-content h1 {
        font-size:3.25rem!important;
    }

    .ac-actual-hero-subtitle {
        font-size:.94rem!important;
    }
}
.ac-actual-hero-image img {
    object-position:center 82%;
}
.ac-actual-hero-image img {
    object-position:center 74%;
}
/* =========================================================
   ACTUAL · SEMILLAS · TEXTO CONCEPTUAL
   ========================================================= */

.ac-actual-semilllas {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:5rem 2rem;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(0, 1fr);
    gap:5rem;
    align-items:center;

    background:#f3f0e8;
}

.ac-actual-semilllas-text {
    max-width:500px;
}

.ac-actual-section-kicker {
    margin:0 0 1.4rem;

    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.68rem;
    font-weight:400;
    letter-spacing:.18em;
    line-height:1.2;
    color:#6c6a63;
}

.ac-actual-semilllas-text h2 {
    margin:0 0 1.8rem;

    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1.55rem;
    font-weight:300;
    line-height:1.3;
    letter-spacing:.01em;
    color:#252522;
}

.ac-actual-semilllas-text p {
    margin:0 0 1.25rem;

    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.92rem;
    font-weight:400;
    line-height:1.72;
    color:#4f4d47;
}

.ac-actual-semilllas-text p:last-child {
    margin-bottom:0;
}

.ac-actual-semilllas-text strong {
    font-weight:500;
    color:#252522;
}

.ac-actual-semilllas-image {
    width:100%;
}

.ac-actual-semilllas-image img {
    display:block;
    width:100%;
    height:auto;
}

.ac-actual-image-caption {
    margin-top:.55rem;

    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.56rem;
    font-weight:400;
    letter-spacing:.14em;
    line-height:1.3;
    text-transform:uppercase;
    color:#77746d;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991.98px) {

    .ac-actual-semilllas {
        grid-template-columns:1fr;
        gap:3rem;
        padding:4rem 2rem;
    }

    .ac-actual-semilllas-text {
        max-width:700px;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .ac-actual-semilllas {
        padding:3.2rem 1.25rem;
        gap:2.4rem;
    }

    .ac-actual-semilllas-text h2 {
        font-size:1.35rem;
    }

    .ac-actual-semilllas-text p {
        font-size:.94rem;
        line-height:1.65;
    }
}
/* ACTUAL · SEMILLAS · bloque conceptual más compacto */

.ac-actual-semilllas {
    padding:3.5rem 2rem!important;
    gap:3.5rem!important;
    align-items:center;
}

.ac-actual-semilllas-text {
    max-width:480px!important;
}

.ac-actual-semilllas-text h2 {
    font-size:1.35rem!important;
    line-height:1.28!important;
    margin-bottom:1.4rem!important;
}

.ac-actual-semilllas-text p {
    font-size:.86rem!important;
    line-height:1.58!important;
    margin-bottom:1rem!important;
}

.ac-actual-semilllas-image {
    max-width:540px;
    justify-self:end;
}

.ac-actual-image-caption {
    margin-top:.4rem!important;
}
/* ACTUAL · SEMILLAS · fondo pizarra */

.ac-actual-semilllas {
    background:#565752 !important;
    padding-top:0 !important;
    color:#fff !important;
}

.ac-actual-semilllas-text,
.ac-actual-semilllas-text h2,
.ac-actual-semilllas-text p,
.ac-actual-section-kicker {
    color:#fff !important;
}

.ac-actual-section-kicker {
    color:rgba(255,255,255,.68) !important;
}

.ac-actual-semilllas-text strong {
    color:#fff !important;
}

.ac-actual-image-caption {
    color:rgba(255,255,255,.62) !important;
}
/* ACTUAL · SEMILLAS · imagen alineada con HERO */

.ac-actual-semilllas {
    align-items:start !important;
    padding-top:0 !important;
}

.ac-actual-semilllas-image {
    height:570px;
    align-self:start;
    margin-top:0 !important;
}

.ac-actual-semilllas-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.ac-actual-semilllas-text {
    padding-top:3.8rem !important;
}
/* ACTUAL · SEMILLAS · imagen alineada arriba y abajo */

.ac-actual-semilllas {
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-items:stretch !important;
}

.ac-actual-semilllas-text {
    padding-top:3.8rem !important;
    padding-bottom:3.8rem !important;
}

.ac-actual-semilllas-image {
    height:auto !important;
    margin:0 !important;
    align-self:stretch !important;
}

.ac-actual-semilllas-image img {
    display:block;
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}
/* ACTUAL · HERO más estrecho */

.ac-actual-hero {
    min-height:390px !important;
}

.ac-actual-hero-image {
    height:390px !important;
}
/* ACTUAL · HERO realmente a sangre */

.ac-actual-hero {
    width:100vw !important;
    max-width:none !important;
    position:relative !important;
    left:50% !important;
    margin-left:0 !important;
    transform:translateX(-50%) !important;
}
/* ACTUAL · separación visual entre cabecera y HERO */

body.itemid-103 .ac-actual-hero {
    border-top:2px solid #565752 !important;
}
/* ACTUAL · HERO · recuperar la zona de color */

.ac-actual-hero-image img {
    object-position:center top !important;
}
/* ACTUAL · HERO · subtítulo */

.ac-hero-description {
    font-size:1.08rem !important;
    font-weight:600 !important;
    line-height:1.55 !important;
}
/* ACTUAL — mejorar lectura del texto del hero */
.ac-actual-hero {
    position:relative!important;
}

.ac-actual-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        rgba(41,42,39,.78) 0%,
        rgba(41,42,39,.58) 24%,
        rgba(41,42,39,.30) 42%,
        rgba(41,42,39,.08) 58%,
        rgba(41,42,39,0) 72%
    );
}

.ac-actual-hero-content {
    z-index:3!important;
}

.ac-actual-hero-kicker,
.ac-actual-hero h1,
.ac-actual-hero-subtitle {
    text-shadow:0 2px 10px rgba(0,0,0,.28);
}
/* ACTUAL — mejorar contraste del texto del hero */
.ac-actual-hero-kicker,
.ac-actual-hero h1,
.ac-actual-hero-subtitle {
    color:#f4f2ed!important;
}

.ac-actual-hero-subtitle {
    font-size:1.08rem!important;
    font-weight:600!important;
    line-height:1.5!important;
}
/* ACTUAL — fondo SEMILLAS a sangre sin alterar la retícula */
.ac-actual-semilllas {
    position:relative!important;
    isolation:isolate!important;
    background:transparent!important;
}

.ac-actual-semilllas::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    z-index:-1;
    pointer-events:none;
    background:#565752;
}
/* ACTUAL · LAS PREGUNTAS */
.ac-actual-preguntas {
    position:relative;
    width:100%;
    margin:0;
    padding:5rem 5vw 5.5rem;
    background:#f3f0e9;
    color:#292a27;
    box-sizing:border-box;
}

.ac-actual-preguntas-inner {
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.ac-actual-preguntas .ac-actual-section-kicker {
    margin:0 0 2.8rem;
    color:#66655f;
    font-size:.68rem;
    font-weight:500;
    letter-spacing:.22em;
    line-height:1.2;
    text-transform:uppercase;
}

.ac-actual-preguntas-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:6rem;
    row-gap:3.6rem;
}

.ac-actual-pregunta {
    margin:0;
    color:#292a27;
    font-size:1.18rem;
    font-weight:400;
    line-height:1.65;
}

@media (max-width:767px) {

    .ac-actual-preguntas {
        padding:4rem 1.25rem 4.5rem;
    }

    .ac-actual-preguntas .ac-actual-section-kicker {
        margin-bottom:2.2rem;
    }

    .ac-actual-preguntas-grid {
        grid-template-columns:1fr;
        row-gap:2.4rem;
    }

    .ac-actual-pregunta {
        font-size:1.08rem;
        line-height:1.6;
    }

}
/* ACTUAL · contraste del título LAS PREGUNTAS */
.ac-actual-preguntas .ac-actual-section-kicker {
    color:#66655f!important;
}
/* ACTUAL · LAS PREGUNTAS — composición imagen + texto */
.ac-actual-preguntas {
    display:grid!important;
    grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#f3f0e9!important;
    color:#292a27!important;
    box-sizing:border-box;
}

.ac-actual-preguntas-image {
    min-width:0;
    height:100%;
    overflow:hidden;
}

.ac-actual-preguntas-image img {
    display:block;
    width:100%!important;
    height:100%!important;
    min-height:520px;
    object-fit:cover;
    object-position:center center;
}

.ac-actual-preguntas-content {
    min-width:0;
    padding:4.2rem 6vw 4.5rem 5vw;
    box-sizing:border-box;
}

.ac-actual-preguntas-content .ac-actual-section-kicker {
    margin:0 0 2.8rem;
    color:#66655f!important;
    font-size:.68rem;
    font-weight:500;
    letter-spacing:.22em;
    line-height:1.2;
    text-transform:uppercase;
}

.ac-actual-preguntas-list {
    display:flex;
    flex-direction:column;
    gap:1.45rem;
}

.ac-actual-pregunta {
    margin:0;
    color:#292a27!important;
    font-size:1.16rem;
    font-weight:400;
    line-height:1.55;
}

@media (max-width:767px) {

    .ac-actual-preguntas {
        display:block!important;
    }

    .ac-actual-preguntas-image img {
        min-height:0;
        height:auto!important;
        aspect-ratio:1.5 / 1;
        object-fit:cover;
    }

    .ac-actual-preguntas-content {
        padding:3.5rem 1.25rem 4rem;
    }

    .ac-actual-preguntas-content .ac-actual-section-kicker {
        margin-bottom:2.2rem;
    }

    .ac-actual-preguntas-list {
        gap:1.6rem;
    }

    .ac-actual-pregunta {
        font-size:1.05rem;
        line-height:1.55;
    }

}
/* ACTUAL · LAS PREGUNTAS — ajuste de proporción y ritmo */

@media (min-width:768px) {

    .ac-actual-preguntas {
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        padding:0!important;
    }

    .ac-actual-preguntas-content {
        padding:3rem 5vw 3rem 4.5vw!important;
    }

    .ac-actual-preguntas-content .ac-actual-section-kicker {
        margin-bottom:2.1rem!important;
    }

    .ac-actual-preguntas-list {
        gap:1rem!important;
    }

    .ac-actual-pregunta {
        font-size:1.08rem!important;
        line-height:1.48!important;
    }

    .ac-actual-preguntas-image img {
        min-height:0!important;
        height:100%!important;
    }

}
/* ACTUAL · LAS PREGUNTAS — versión cenefa */
@media (min-width:768px) {

    .ac-actual-preguntas {
        height:330px!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    .ac-actual-preguntas-image {
        height:330px!important;
    }

    .ac-actual-preguntas-image img {
        height:330px!important;
        min-height:0!important;
        object-fit:cover!important;
    }

    .ac-actual-preguntas-content {
        height:330px!important;
        padding:2.2rem 4.5vw 2rem 4vw!important;
        overflow:hidden!important;
    }

    .ac-actual-preguntas-content .ac-actual-section-kicker {
        margin-bottom:1.35rem!important;
    }

    .ac-actual-preguntas-list {
        gap:.72rem!important;
    }

    .ac-actual-pregunta {
        font-size:.96rem!important;
        line-height:1.32!important;
    }

}
/* ACTUAL · LAS PREGUNTAS — ajuste final de altura */
@media (min-width:768px) {

    .ac-actual-preguntas,
    .ac-actual-preguntas-image,
    .ac-actual-preguntas-image img,
    .ac-actual-preguntas-content {
        height:280px!important;
    }

    .ac-actual-preguntas-content {
        padding-top:1.7rem!important;
        padding-bottom:1.5rem!important;
    }

    .ac-actual-preguntas-content .ac-actual-section-kicker {
        margin-bottom:1.1rem!important;
    }
}
/* ACTUAL · EL PROCESO */
@media (min-width:768px) {

    .ac-actual-proceso {
        position:relative!important;
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        height:420px!important;
        overflow:hidden!important;
        background:#f3f0e9!important;
    }

    .ac-actual-proceso-image {
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        overflow:hidden!important;
    }

    .ac-actual-proceso-image img {
        display:block;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

    .ac-actual-proceso-content {
        position:relative!important;
        z-index:2!important;
        width:min(520px, 42vw);
        height:100%;
        margin-left:max(4vw, calc((100vw - 1440px) / 2));
        padding:3rem 0;
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .ac-actual-proceso-content .ac-actual-section-kicker {
        margin:0 0 1.4rem;
        color:#3f3d38!important;
        font-size:.68rem;
        font-weight:500;
        letter-spacing:.22em;
        line-height:1.2;
        text-transform:uppercase;
    }

    .ac-actual-proceso-text {
        color:#292a27!important;
    }

    .ac-actual-proceso-text p {
        margin:0 0 1rem;
        font-size:.92rem;
        line-height:1.55;
    }

    .ac-actual-proceso-text p:last-child {
        margin-bottom:0;
    }

    .ac-actual-proceso-final {
        font-weight:600;
    }

}

@media (max-width:767px) {

    .ac-actual-proceso {
        position:relative;
        width:100%!important;
        margin:0!important;
        background:#f3f0e9;
    }

    .ac-actual-proceso-image img {
        display:block;
        width:100%!important;
        height:auto!important;
    }

    .ac-actual-proceso-content {
        padding:2.8rem 1.25rem 3.5rem;
    }

    .ac-actual-proceso-content .ac-actual-section-kicker {
        margin-bottom:1.4rem;
    }

    .ac-actual-proceso-text p {
        margin-bottom:1rem;
        font-size:1rem;
        line-height:1.6;
    }

}
/* ACTUAL · EL PROCESO — ajuste de altura y lectura */
@media (min-width:768px) {

    .ac-actual-proceso {
        height:330px!important;
    }

    .ac-actual-proceso-image,
    .ac-actual-proceso-image img {
        height:330px!important;
    }

    .ac-actual-proceso-content {
        height:330px!important;
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important;
    }

    .ac-actual-proceso-content .ac-actual-section-kicker {
        margin-bottom:1rem!important;
    }

    .ac-actual-proceso-text p {
        margin-bottom:.7rem!important;
        font-size:1rem!important;
        line-height:1.42!important;
    }

    .ac-actual-proceso-final {
        font-weight:600!important;
    }
}
/* ACTUAL · EL PROCESO — presencia y alineación */
@media (min-width:768px) {

    .ac-actual-proceso-content {
        width:min(650px, 44vw)!important;
        margin-left:max(7.5vw, calc((100vw - 1280px) / 2))!important;
        padding-top:1.4rem!important;
        padding-bottom:1.4rem!important;
    }

    .ac-actual-proceso-content .ac-actual-section-kicker {
        margin-bottom:1.1rem!important;
    }

    .ac-actual-proceso-text p {
        font-size:1.12rem!important;
        line-height:1.42!important;
        margin-bottom:.7rem!important;
    }
}
/* ACTUAL · EL PROCESO — degradado + ajuste de texto */
@media (min-width:768px) {

    .ac-actual-proceso::after {
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;

        background:linear-gradient(
            90deg,
            rgba(243,240,233,.97) 0%,
            rgba(243,240,233,.92) 38%,
            rgba(243,240,233,.72) 55%,
            rgba(243,240,233,.28) 68%,
            rgba(243,240,233,0) 80%
        );
    }

    .ac-actual-proceso-content {
        z-index:2!important;
        width:min(650px,42vw)!important;
        margin-left:max(11.5vw, calc((100vw - 1180px) / 2))!important;
    }

    .ac-actual-proceso-text p {
        font-size:1.04rem!important;
        line-height:1.43!important;
    }

}
/* ACTUAL · EL PROCESO — texto más estrecho, sin degradado */
@media (min-width:768px) {

    .ac-actual-proceso::after {
        display:none!important;
    }

    .ac-actual-proceso-content {
        width:min(560px,38vw)!important;
        margin-left:max(11.5vw, calc((100vw - 1180px) / 2))!important;
    }

    .ac-actual-proceso-text p {
        font-size:1.04rem!important;
        line-height:1.42!important;
        margin-bottom:.7rem!important;
    }

}
/* ACTUAL · EL PROCESO — texto más grande, estrecho y centrado */
@media (min-width:768px) {

    .ac-actual-proceso-content {
        width:min(500px,34vw)!important;
        margin-left:max(14vw, calc((100vw - 1120px) / 2))!important;
    }

    .ac-actual-proceso-text p {
        font-size:1.16rem!important;
        line-height:1.38!important;
        margin-bottom:.65rem!important;
    }

    .ac-actual-proceso-final {
        line-height:1.3!important;
    }

}
/* ACTUAL · CENEFA DEL TALLER */
@media (min-width:768px) {

    .ac-actual-taller-strip {
        display:grid!important;
        grid-template-columns:repeat(5,1fr)!important;
        width:100vw!important;
        height:140px!important;
        margin-left:calc(50% - 50vw)!important;
        padding:0!important;
        gap:0!important;
        overflow:hidden!important;
    }

    .ac-actual-taller-image {
        min-width:0;
        height:140px!important;
        overflow:hidden!important;
    }

    .ac-actual-taller-image img {
        display:block;
        width:100%!important;
        height:140px!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}

@media (max-width:767px) {

    .ac-actual-taller-strip {
        display:grid!important;
        grid-template-columns:repeat(2,1fr)!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        gap:0!important;
        overflow:hidden!important;
    }

    .ac-actual-taller-image {
        height:110px!important;
        overflow:hidden!important;
    }

    .ac-actual-taller-image img {
        display:block;
        width:100%!important;
        height:110px!important;
        object-fit:cover!important;
    }

}
/* ACTUAL · OBRAS DE SEMILLAS */
.ac-actual-obras {
    width:100%;
    margin:0;
    padding:4rem 5vw 4.2rem;
    background:#f3f0e9;
    color:#292a27;
    box-sizing:border-box;
}

.ac-actual-obras-intro {
    max-width:1180px;
    margin:0 auto 2.6rem;
    display:grid;
    grid-template-columns:260px minmax(0,1fr) auto;
    align-items:end;
    gap:2.5rem;
}

.ac-actual-obras-intro .ac-actual-section-kicker {
    margin:0;
    color:#66655f!important;
    font-size:.68rem;
    font-weight:500;
    letter-spacing:.22em;
    line-height:1.2;
    text-transform:uppercase;
}

.ac-actual-obras-intro p {
    max-width:520px;
    margin:0;
    color:#555149;
    font-size:.92rem;
    line-height:1.6;
}

.ac-actual-obras-link {
    display:inline-flex;
    align-items:center;
    gap:.8rem;
    color:#292a27!important;
    font-size:.66rem;
    font-weight:500;
    letter-spacing:.14em;
    line-height:1;
    text-decoration:none!important;
    text-transform:uppercase;
    white-space:nowrap;
}

.ac-actual-obras-link span {
    font-size:1rem;
    line-height:1;
}

.ac-actual-obras-grid {
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1.4rem;
}

.ac-actual-obra-item {
    min-width:0;
}

.ac-actual-obra-image {
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#fff;
}

.ac-actual-obra-image img {
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover;
}

.ac-actual-obra-caption {
    margin-top:.7rem;
    color:#68655e;
    font-size:.62rem;
    line-height:1.45;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ac-actual-obra-caption div:first-child {
    color:#292a27;
    margin-bottom:.12rem;
}

@media (max-width:767px) {

    .ac-actual-obras {
        padding:3.5rem 1.25rem 4rem;
    }

    .ac-actual-obras-intro {
        display:block;
        margin-bottom:2rem;
    }

    .ac-actual-obras-intro p {
        margin-top:1rem;
    }

    .ac-actual-obras-link {
        margin-top:1.2rem;
    }

    .ac-actual-obras-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:1.6rem 1rem;
    }

    .ac-actual-obra-caption {
        font-size:.56rem;
    }
}
/* ACTUAL · OBRAS — forzar fila de cuatro obras */
@media (min-width:768px) {

    .ac-actual-obras-grid {
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        width:100%!important;
        max-width:1180px!important;
    }

    .ac-actual-obra-item {
        width:100%!important;
        min-width:0!important;
    }

}
/* ACTUAL · OBRAS DE SEMILLAS — fila definitiva */
@media (min-width:992px) {

    .ac-actual-obras-grid {
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:flex-start!important;
        width:100%!important;
        max-width:1180px!important;
        margin:0 auto!important;
        gap:1.4rem!important;
    }

    .ac-actual-obras-grid > .ac-actual-obra-item {
        display:block!important;
        flex:0 0 calc((100% - 4.2rem) / 4)!important;
        width:calc((100% - 4.2rem) / 4)!important;
        max-width:none!important;
        margin:0!important;
    }

}
/* ACTUAL · OBRAS DE SEMILLAS — forzar fila mediante bloques flotantes */
@media (min-width:992px) {

    .ac-actual-obras-grid {
        display:block!important;
        width:100%!important;
        max-width:1180px!important;
        margin:0 auto!important;
        font-size:0!important;
    }

    .ac-actual-obras-grid::after {
        content:"";
        display:block;
        clear:both;
    }

    .ac-actual-obras-grid > .ac-actual-obra-item {
        display:block!important;
        float:left!important;
        width:calc(25% - 1.05rem)!important;
        margin:0 1.4rem 0 0!important;
        vertical-align:top!important;
        box-sizing:border-box!important;
    }

    .ac-actual-obras-grid > .ac-actual-obra-item:nth-child(4) {
        margin-right:0!important;
    }

    .ac-actual-obra-caption {
        font-size:.62rem!important;
    }

}
/* ACTUAL · OBRAS DE SEMILLAS — versión compacta oscura */
@media (min-width:992px) {

    .ac-actual-obras {
        padding:2.2rem 5vw 2.5rem!important;
        background:#565752!important;
        color:#fff!important;
    }

    .ac-actual-obras-intro {
        max-width:1180px!important;
        margin:0 auto 1.7rem!important;
        grid-template-columns:220px minmax(0,1fr) auto!important;
        gap:2rem!important;
        align-items:center!important;
    }

    .ac-actual-obras-intro .ac-actual-section-kicker {
        color:rgba(255,255,255,.72)!important;
    }

    .ac-actual-obras-intro p {
        color:rgba(255,255,255,.78)!important;
        font-size:.82rem!important;
        line-height:1.4!important;
    }

    .ac-actual-obras-link {
        color:#fff!important;
        font-size:.62rem!important;
    }

    .ac-actual-obras-grid {
        max-width:1080px!important;
        margin:0 auto!important;
        gap:1.2rem!important;
    }

    .ac-actual-obra-image {
        aspect-ratio:1 / 1!important;
        background:#292a27!important;
    }

    .ac-actual-obra-caption {
        margin-top:.5rem!important;
        color:rgba(255,255,255,.62)!important;
        font-size:.56rem!important;
        line-height:1.35!important;
    }

    .ac-actual-obra-caption div:first-child {
        color:#fff!important;
    }
}
/* ACTUAL · OBRAS DE SEMILLAS — compactar ligeramente */
@media (min-width:992px) {

    .ac-actual-obras {
        padding-top:1.7rem!important;
        padding-bottom:1.9rem!important;
    }

    .ac-actual-obras-intro {
        margin-bottom:1.35rem!important;
    }

    .ac-actual-obras-grid {
        max-width:1000px!important;
        gap:1.1rem!important;
    }

}
/* ACTUAL · OBRAS DE SEMILLAS — fondo a sangre y versión más fina */
@media (min-width:992px) {

    .ac-actual-obras {
        position:relative!important;
        isolation:isolate!important;
        background:transparent!important;
        padding-top:1.35rem!important;
        padding-bottom:1.45rem!important;
    }

    .ac-actual-obras::before {
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:50%;
        width:100vw;
        transform:translateX(-50%);
        z-index:-1;
        background:#565752;
    }

    .ac-actual-obras-intro {
        margin-bottom:1.05rem!important;
    }

    .ac-actual-obras-grid {
        max-width:980px!important;
        gap:1rem!important;
    }

    .ac-actual-obra-caption {
        margin-top:.4rem!important;
    }
}
/* ACTUAL · ENLACE A LA SERIE COMPLETA */
@media (min-width:992px) {

    .ac-actual-obras-link {
        font-size:.76rem!important;
        font-weight:500!important;
        letter-spacing:.15em!important;
    }

    .ac-actual-obras-link span {
        font-size:1.15rem!important;
    }
}
/* ACTUAL · fondo oscuro igual que la portada */
.ac-actual-semilllas,
.ac-actual-obras {
    background: linear-gradient(
        135deg,
        #353631 0%,
        #292a27 55%,
        #20211f 100%
    ) !important;
}

.ac-actual-semilllas::before,
.ac-actual-obras::before {
    background: linear-gradient(
        135deg,
        #353631 0%,
        #292a27 55%,
        #20211f 100%
    ) !important;
}
/* PRESENTACIÓN · primer bloque */
@media (min-width: 992px) {

    .ac-presentacion-intro {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background: #f3f0e9 !important;
    }

    .ac-presentacion-intro-image {
        min-width: 0 !important;
        height: 560px !important;
        overflow: hidden !important;
    }

    .ac-presentacion-intro-image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .ac-presentacion-intro-content {
        min-width: 0 !important;
        height: 560px !important;
        padding: 5rem 6vw 4.5rem 5vw !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .ac-presentacion-section-kicker {
        font-size: .68rem !important;
        letter-spacing: .18em !important;
        text-transform: uppercase !important;
        margin-bottom: 1.2rem !important;
        color: #565752 !important;
    }

    .ac-presentacion-intro h1 {
        margin: 0 0 .5rem !important;
        font-family: var(--ac-font-serif) !important;
        font-size: clamp(3rem, 4.5vw, 5rem) !important;
        line-height: .95 !important;
        font-weight: 400 !important;
        color: #292a27 !important;
    }

    .ac-presentacion-subtitle {
        margin-bottom: 2rem !important;
        font-size: .72rem !important;
        letter-spacing: .22em !important;
        text-transform: uppercase !important;
        color: #565752 !important;
    }

    .ac-presentacion-intro-text {
        max-width: 560px !important;
    }

    .ac-presentacion-intro-text p {
        margin: 0 0 1rem !important;
        font-size: 1rem !important;
        line-height: 1.55 !important;
        color: #292a27 !important;
    }

}
/* PRESENTACIÓN · bloque 01 */
@media (min-width:992px) {

    .ac-presentacion-lugares {
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        padding:0!important;
        background:#f3f0e9!important;
        color:#292a27!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-lugares-content {
        max-width:1180px!important;
        margin:0 auto!important;
        padding:4.8rem 5vw 5rem!important;
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:90px minmax(0,1fr)!important;
        column-gap:2.5rem!important;
        align-items:start!important;
    }

    .ac-presentacion-index {
        grid-column:1!important;
        font-size:.68rem!important;
        letter-spacing:.16em!important;
        color:#8b8b84!important;
        padding-top:.55rem!important;
    }

    .ac-presentacion-lugares-content .ac-presentacion-section-kicker {
        grid-column:2!important;
        margin:0 0 .9rem!important;
    }

    .ac-presentacion-lugares-content h2 {
        grid-column:2!important;
        margin:0 0 1.8rem!important;
        max-width:760px!important;
        font-family:var(--ac-font-serif)!important;
        font-size:clamp(2.4rem,4vw,4.2rem)!important;
        line-height:1.02!important;
        font-weight:400!important;
        color:#292a27!important;
    }

    .ac-presentacion-lugares-content p {
        grid-column:2!important;
        max-width:760px!important;
        margin:0 0 1.05rem!important;
        font-size:1.03rem!important;
        line-height:1.62!important;
        color:#292a27!important;
    }

}
@media (min-width:992px) {

    .ac-presentacion-lugares-content h2 {
        font-family:var(--ac-font-serif)!important;
        font-size:clamp(2.7rem,3.5vw,3.7rem)!important;
        line-height:1.04!important;
        max-width:820px!important;
        font-weight:400!important;
    }

}
/* PRESENTACIÓN · bloque 01 con imagen */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        max-width:1180px!important;
        margin:0 auto!important;
        padding:4.8rem 5vw 5rem!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;
        column-gap:4.5rem!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-lugares-text {
        min-width:0!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-index {
        margin-bottom:1.4rem!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-section-kicker {
        margin-bottom:.9rem!important;
    }

    .ac-presentacion-lugares-text h2 {
        margin:0 0 1.8rem!important;
        max-width:650px!important;
        font-family:var(--ac-font-serif)!important;
        font-size:clamp(2.5rem,3.4vw,3.7rem)!important;
        line-height:1.05!important;
        font-weight:400!important;
        color:#292a27!important;
    }

    .ac-presentacion-lugares-text p {
        max-width:650px!important;
        margin:0 0 1.05rem!important;
        font-size:1.03rem!important;
        line-height:1.62!important;
        color:#292a27!important;
    }

    .ac-presentacion-lugares-image {
        min-width:0!important;
        height:470px!important;
        overflow:hidden!important;
    }

    .ac-presentacion-lugares-image img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · compactar bloques iniciales */

@media (min-width:992px) {

    .ac-presentacion-intro-image,
    .ac-presentacion-intro-content {
        height:430px!important;
    }

    .ac-presentacion-intro-content {
        padding:3.2rem 5vw 3rem 4.5vw!important;
    }

    .ac-presentacion-lugares-content {
        padding-top:3.2rem!important;
        padding-bottom:3.2rem!important;
    }

    .ac-presentacion-lugares-image {
        height:340px!important;
    }

}
/* PRESENTACIÓN · reducir altura del bloque de apertura */

@media (min-width:992px) {
    .ac-presentacion-intro-image,
    .ac-presentacion-intro-content {
        height:360px!important;
    }

    .ac-presentacion-intro-content {
        padding:2.5rem 5vw 2.3rem 4.5vw!important;
    }
}
/* PRESENTACIÓN · compactar bloque 01 */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        padding-top:2.3rem!important;
        padding-bottom:2.3rem!important;
    }

    .ac-presentacion-lugares-image {
        height:280px!important;
    }

    .ac-presentacion-lugares-text h2 {
        font-size:clamp(2.3rem,3.1vw,3.3rem)!important;
        line-height:1.05!important;
        margin-bottom:1.3rem!important;
    }

    .ac-presentacion-lugares-text p {
        font-size:.96rem!important;
        line-height:1.5!important;
        margin-bottom:.8rem!important;
    }

}
/* PRESENTACIÓN · bloque 01 · imagen a sangre */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        grid-template-columns:minmax(0,1fr) minmax(0,46%)!important;
        column-gap:0!important;
        align-items:stretch!important;
    }

    .ac-presentacion-lugares-text {
        max-width:760px!important;
        padding:3.2rem 5vw 3.2rem max(5vw, calc((100vw - 1180px) / 2))!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-lugares-text h2 {
        max-width:680px!important;
        font-size:clamp(2.3rem,3vw,3.3rem)!important;
        line-height:1.05!important;
        margin-bottom:1.3rem!important;
    }

    .ac-presentacion-lugares-text p {
        max-width:680px!important;
        font-size:.96rem!important;
        line-height:1.5!important;
    }

    .ac-presentacion-lugares-image {
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        overflow:hidden!important;
        align-self:stretch!important;
    }

    .ac-presentacion-lugares-image img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 01 · versión más delgada */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        grid-template-columns:minmax(0,1fr) minmax(0,46%)!important;
    }

    .ac-presentacion-lugares-text {
        padding:2.2rem 4.5vw 2.2rem max(5vw,calc((100vw - 1180px) / 2))!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-index {
        margin-bottom:.8rem!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-section-kicker {
        margin-bottom:.65rem!important;
    }

    .ac-presentacion-lugares-text h2 {
        font-size:2.35rem!important;
        line-height:1.02!important;
        margin-bottom:1rem!important;
        max-width:600px!important;
    }

    .ac-presentacion-lugares-text p {
        font-size:.91rem!important;
        line-height:1.42!important;
        margin-bottom:.65rem!important;
        max-width:610px!important;
    }

    .ac-presentacion-lugares-image,
    .ac-presentacion-lugares-image img {
        height:225px!important;
        min-height:225px!important;
    }

}
/* PRESENTACIÓN · bloque 01 · compactación definitiva */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        grid-template-columns:minmax(0,1fr) 46%!important;
        align-items:stretch!important;
    }

    .ac-presentacion-lugares-text {
        padding:1.8rem 4.5vw 1.8rem max(5vw,calc((100vw - 1180px) / 2))!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-index {
        margin-bottom:.45rem!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-section-kicker {
        margin-bottom:.45rem!important;
    }

    .ac-presentacion-lugares-text h2 {
        font-size:2.05rem!important;
        line-height:1.04!important;
        margin-bottom:.8rem!important;
        max-width:560px!important;
    }

    .ac-presentacion-lugares-text p {
        font-size:.88rem!important;
        line-height:1.38!important;
        margin-bottom:.55rem!important;
        max-width:590px!important;
    }

    .ac-presentacion-lugares-image {
        height:310px!important;
        min-height:310px!important;
        align-self:stretch!important;
    }

    .ac-presentacion-lugares-image img {
        height:310px!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 01 · proporción definitiva */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        grid-template-columns:45% 55%!important;
        align-items:stretch!important;
    }

    .ac-presentacion-lugares-text {
        padding:1.8rem 4vw 1.8rem max(5vw,calc((100vw - 1180px) / 2))!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-index {
        margin-bottom:.35rem!important;
    }

    .ac-presentacion-lugares-text .ac-presentacion-section-kicker {
        margin-bottom:.45rem!important;
        font-size:.62rem!important;
    }

    .ac-presentacion-lugares-text h2 {
        font-size:1.95rem!important;
        line-height:1.03!important;
        margin-bottom:.75rem!important;
        max-width:520px!important;
    }

    .ac-presentacion-lugares-text p {
        font-size:.85rem!important;
        line-height:1.4!important;
        margin-bottom:.5rem!important;
        max-width:560px!important;
    }

    .ac-presentacion-lugares-image {
        height:260px!important;
        min-height:260px!important;
    }

    .ac-presentacion-lugares-image img {
        height:260px!important;
        width:100%!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 01 · igualar altura texto / imagen */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        align-items:stretch!important;
    }

    .ac-presentacion-lugares-image {
        height:auto!important;
        min-height:0!important;
        align-self:stretch!important;
        overflow:hidden!important;
    }

    .ac-presentacion-lugares-image img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 01 · altura editorial fija */

@media (min-width:992px) {

    .ac-presentacion-lugares-content {
        height:330px!important;
        min-height:330px!important;
        max-height:330px!important;
    }

    .ac-presentacion-lugares-text {
        height:330px!important;
        box-sizing:border-box!important;
        padding-top:1.8rem!important;
        padding-bottom:1.8rem!important;
    }

    .ac-presentacion-lugares-image {
        height:330px!important;
        min-height:330px!important;
        max-height:330px!important;
        overflow:hidden!important;
    }

    .ac-presentacion-lugares-image img {
        width:100%!important;
        height:330px!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 02 · investigación multidisciplinar */

@media (min-width:992px) {

    .ac-presentacion-lenguajes {
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        background:#292a27!important;
        color:#f3f0e9!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-lenguajes-content {
        max-width:1180px!important;
        margin:0 auto!important;
        min-height:285px!important;
        padding:2.2rem 5vw!important;
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:42% 58%!important;
        gap:2.5rem!important;
        align-items:center!important;
    }

    .ac-presentacion-lenguajes-text {
        min-width:0!important;
    }

    .ac-presentacion-lenguajes-text .ac-presentacion-index {
        margin-bottom:.45rem!important;
        color:rgba(243,240,233,.55)!important;
    }

    .ac-presentacion-lenguajes-text .ac-presentacion-section-kicker {
        margin-bottom:.55rem!important;
        color:rgba(243,240,233,.65)!important;
        font-size:.62rem!important;
    }

    .ac-presentacion-lenguajes-text h2 {
        margin:0 0 1rem!important;
        max-width:520px!important;
        font-family:var(--ac-font-serif)!important;
        font-size:2.15rem!important;
        line-height:1.03!important;
        font-weight:400!important;
        color:#f3f0e9!important;
    }

    .ac-presentacion-lenguajes-text p {
        max-width:520px!important;
        margin:0 0 .65rem!important;
        font-size:.86rem!important;
        line-height:1.42!important;
        color:rgba(243,240,233,.82)!important;
    }

    .ac-presentacion-media-line {
        margin-top:.75rem!important;
        max-width:540px!important;
        font-size:.56rem!important;
        line-height:1.65!important;
        letter-spacing:.16em!important;
        color:rgba(243,240,233,.58)!important;
    }

    .ac-presentacion-lenguajes-images {
        min-width:0!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:.65rem!important;
        align-items:stretch!important;
    }

    .ac-presentacion-lenguajes-image {
        min-width:0!important;
        height:150px!important;
        overflow:hidden!important;
        background:#111!important;
    }

    .ac-presentacion-lenguajes-image img {
        display:block!important;
        width:100%!important;
        height:150px!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 02 · imágenes verticales */

@media (min-width:992px) {

    .ac-presentacion-lenguajes-images {
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:.7rem!important;
        align-items:stretch!important;
    }

    .ac-presentacion-lenguajes-image {
        aspect-ratio:4 / 5!important;
        height:auto!important;
        overflow:hidden!important;
        background:#111!important;
    }

    .ac-presentacion-lenguajes-image img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 02 · imágenes altas */

@media (min-width:992px) {

    .ac-presentacion-lenguajes-content {
        align-items:center!important;
    }

    .ac-presentacion-lenguajes-images {
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:.65rem!important;
        align-items:center!important;
    }

    .ac-presentacion-lenguajes-image {
        height:380px!important;
        aspect-ratio:auto!important;
        overflow:hidden!important;
        background:#111!important;
    }

    .ac-presentacion-lenguajes-image img {
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

}
/* PRESENTACIÓN · bloque 03 · la pintura */

@media (min-width:992px) {

    .ac-presentacion-pintura {
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        background:#f3f0e9!important;
        color:#292a27!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-pintura-content {
        max-width:1180px!important;
        margin:0 auto!important;
        min-height:290px!important;
        padding:2.2rem 5vw!important;
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:50% 50%!important;
        align-items:center!important;
    }

    .ac-presentacion-pintura-text {
        padding-right:4vw!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-pintura-text .ac-presentacion-index {
        margin-bottom:.45rem!important;
        color:#8b8b84!important;
    }

    .ac-presentacion-pintura-text .ac-presentacion-section-kicker {
        margin-bottom:.55rem!important;
        font-size:.62rem!important;
        color:#565752!important;
    }

    .ac-presentacion-pintura-text h2 {
        margin:0 0 .9rem!important;
        max-width:560px!important;
        font-family:var(--ac-font-serif)!important;
        font-size:2.25rem!important;
        line-height:1.03!important;
        font-weight:400!important;
        color:#292a27!important;
    }

    .ac-presentacion-pintura-text p {
        max-width:590px!important;
        margin:0 0 .65rem!important;
        font-size:.88rem!important;
        line-height:1.42!important;
        color:#292a27!important;
    }

    .ac-presentacion-cita {
        min-width:0!important;
        padding:0 2vw 0 4vw!important;
        box-sizing:border-box!important;
    }

    .ac-presentacion-cita blockquote {
        margin:0!important;
        max-width:520px!important;
        font-family:var(--ac-font-serif)!important;
        font-size:clamp(2.1rem,3.1vw,3.3rem)!important;
        line-height:1.08!important;
        font-style:italic!important;
        font-weight:400!important;
        color:#292a27!important;
    }

    .ac-presentacion-cita-line {
        width:42px!important;
        height:1px!important;
        margin-top:1.5rem!important;
        background:#565752!important;
    }

}
/* PRESENTACIÓN · bloque 03 · muy compacto */

@media (min-width:992px) {

    .ac-presentacion-pintura-content {
        min-height:0!important;
        height:auto!important;
        padding:1.4rem 5vw 1.5rem!important;
        align-items:center!important;
    }

    .ac-presentacion-pintura-text {
        padding-right:2.5vw!important;
    }

    .ac-presentacion-pintura-text .ac-presentacion-index {
        margin-bottom:.2rem!important;
    }

    .ac-presentacion-pintura-text .ac-presentacion-section-kicker {
        margin-bottom:.35rem!important;
    }

    .ac-presentacion-pintura-text h2 {
        font-size:1.85rem!important;
        line-height:1.02!important;
        margin-bottom:.6rem!important;
        max-width:520px!important;
    }

    .ac-presentacion-pintura-text p {
        font-size:.78rem!important;
        line-height:1.32!important;
        margin-bottom:.4rem!important;
        max-width:570px!important;
    }

    .ac-presentacion-cita {
        padding:0 1.5vw 0 3vw!important;
    }

    .ac-presentacion-cita blockquote {
        font-size:clamp(1.7rem,2.3vw,2.35rem)!important;
        line-height:1.04!important;
        max-width:430px!important;
    }

    .ac-presentacion-cita-line {
        margin-top:.8rem!important;
    }

}
/* =========================================================
   PRESENTACIÓN · BLOQUE 04 · SEMILLAS
   ========================================================= */

@media (min-width: 992px) {

    .ac-presentacion-semillas {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 !important;

        background: #292a27 !important;
        color: #f3f0e9 !important;

        overflow: hidden !important;
    }

    .ac-presentacion-semillas-content {
        width: 100% !important;
        max-width: none !important;

        height: 330px !important;
        min-height: 330px !important;
        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: 48% 52% !important;
        gap: 0 !important;

        align-items: stretch !important;
    }


    /* =====================================================
       TEXTO · IZQUIERDA
       ===================================================== */

    .ac-presentacion-semillas-text {
        height: 330px !important;

        padding-top: 1.6rem !important;
        padding-bottom: 1.6rem !important;

        /* misma línea editorial que el bloque superior */
        padding-left: max(
            1.25rem,
            calc((100vw - 1180px) / 2)
        ) !important;

        padding-right: 3rem !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        color: #f3f0e9 !important;
    }

    .ac-presentacion-semillas-text .ac-presentacion-index {
        margin: 0 0 .35rem !important;

        color: rgba(243,240,233,.48) !important;

        font-size: .68rem !important;
        line-height: 1.2 !important;
    }

    .ac-presentacion-semillas-text .ac-presentacion-section-kicker {
        margin: 0 0 .5rem !important;

        color: rgba(243,240,233,.68) !important;

        font-family: var(--ac-font-sans) !important;
        font-size: .62rem !important;
        letter-spacing: .18em !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }

    .ac-presentacion-semillas-text h2 {
        margin: 0 0 .8rem !important;

        color: #f3f0e9 !important;

        font-family: var(--ac-font-serif) !important;
        font-size: 2.25rem !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    .ac-presentacion-semillas-text p {
        max-width: 500px !important;

        margin: 0 0 .55rem !important;

        color: rgba(243,240,233,.84) !important;

        font-family: var(--ac-font-sans) !important;
        font-size: .82rem !important;
        line-height: 1.38 !important;
    }

    .ac-presentacion-link {
        display: inline-flex !important;
        align-items: center !important;
        gap: .7rem !important;

        width: max-content !important;

        margin-top: .4rem !important;

        color: #f3f0e9 !important;

        font-family: var(--ac-font-sans) !important;
        font-size: .62rem !important;
        font-weight: 600 !important;
        letter-spacing: .14em !important;
        line-height: 1 !important;

        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    .ac-presentacion-link span {
        font-size: .95rem !important;
        line-height: 1 !important;
    }


    /* =====================================================
       OBRA · DERECHA
       ===================================================== */

    .ac-presentacion-semillas-image {
        width: 100% !important;
        height: 330px !important;
        min-height: 330px !important;

        overflow: hidden !important;
    }

    .ac-presentacion-semillas-image img {
        display: block !important;

        width: 100% !important;
        height: 330px !important;
        max-width: none !important;

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

}
/* PRESENTACIÓN · BLOQUE 04 · ajuste de retícula + obra completa */

@media (min-width:992px) {

    /* TEXTO: desplazar hasta la retícula de los bloques superiores */

    .ac-presentacion-semillas-text {
        padding-left:calc(
            max(1.25rem,calc((100vw - 1180px) / 2))
            + 4vw
        ) !important;
    }


    /* OBRA: mostrar la fotografía completa */

    .ac-presentacion-semillas-image {
        height:330px !important;
        min-height:330px !important;
        overflow:hidden !important;

        background:#292a27 !important;

        display:flex !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
    }

    .ac-presentacion-semillas-image img {
        display:block !important;

        width:auto !important;
        height:330px !important;

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

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

        transform:none !important;
    }

}
@media (min-width:992px) {
    .ac-presentacion-semillas-text {
        padding-left:calc(
            max(1.25rem,calc((100vw - 1180px) / 2))
            + 5vw
        ) !important;
    }
}
@media (min-width:992px) {

    .ac-presentacion-semillas-image {
        height:350px!important;
        min-height:350px!important;
        align-items:flex-start!important;
    }

    .ac-presentacion-semillas-image img {
        height:350px!important;
        width:auto!important;
        max-width:none!important;
        max-height:none!important;
    }

}
/* PRESENTACIÓN · BLOQUE 04 · ampliar presencia de la obra */

@media (min-width:992px) {

    .ac-presentacion-semillas-image img {
        height:410px!important;
        width:auto!important;
        max-width:none!important;
        max-height:none!important;

        object-fit:contain!important;
        object-position:left top!important;
    }

}
/* PRESENTACIÓN · BLOQUE 04 · mostrar obra completa */

@media (min-width:992px) {

    .ac-presentacion-semillas-content {
        height:410px!important;
        min-height:410px!important;
    }

    .ac-presentacion-semillas-text {
        height:410px!important;
    }

    .ac-presentacion-semillas-image {
        height:410px!important;
        min-height:410px!important;
    }

    .ac-presentacion-semillas-image img {
        height:410px!important;
        width:auto!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:left top!important;
    }

}
/* PRESENTACIÓN · BLOQUE 04 · aumentar presencia del texto */

@media (min-width:992px) {

    .ac-presentacion-semillas-text h2 {
        font-size:2.65rem!important;
        line-height:1!important;
        margin-bottom:1rem!important;
    }

    .ac-presentacion-semillas-text p {
        max-width:520px!important;
        font-size:.98rem!important;
        line-height:1.5!important;
        margin-bottom:.75rem!important;
    }

    .ac-presentacion-link {
        margin-top:.55rem!important;
        font-size:.66rem!important;
    }

}
/* =========================================================
   PRESENTACIÓN · BLOQUE 05 · DESDE ANDALUCÍA HACIA EUROPA
   ========================================================= */

@media (min-width:992px) {

    .ac-presentacion-europa {
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        padding:0!important;

        background:#f3f0e8!important;
        color:#292a27!important;

        overflow:hidden!important;
    }

    .ac-presentacion-europa-content {
        width:100%!important;
        max-width:none!important;

        height:360px!important;
        min-height:360px!important;

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

        display:grid!important;
        grid-template-columns:48% 52%!important;
        gap:0!important;

        align-items:stretch!important;
    }


    /* =====================================================
       TEXTO · IZQUIERDA
       ===================================================== */

    .ac-presentacion-europa-text {
        height:360px!important;

        padding-top:1.8rem!important;
        padding-bottom:1.8rem!important;

        padding-left:calc(
            max(1.25rem,calc((100vw - 1180px) / 2))
            + 5vw
        )!important;

        padding-right:3rem!important;

        box-sizing:border-box!important;

        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;

        color:#292a27!important;
    }

    .ac-presentacion-europa-text .ac-presentacion-index {
        margin:0 0 .35rem!important;

        color:rgba(41,42,39,.5)!important;

        font-size:.68rem!important;
        line-height:1.2!important;
    }

    .ac-presentacion-europa-text .ac-presentacion-section-kicker {
        margin:0 0 .5rem!important;

        color:rgba(41,42,39,.68)!important;

        font-family:var(--ac-font-sans)!important;
        font-size:.62rem!important;
        letter-spacing:.18em!important;
        line-height:1.2!important;
        text-transform:uppercase!important;
    }

    .ac-presentacion-europa-text h2 {
        margin:0 0 .9rem!important;

        color:#292a27!important;

        font-family:var(--ac-font-serif)!important;
        font-size:2.45rem!important;
        font-weight:400!important;
        line-height:1!important;
        letter-spacing:0!important;
    }

    .ac-presentacion-europa-text p {
        max-width:520px!important;

        margin:0 0 .65rem!important;

        color:rgba(41,42,39,.82)!important;

        font-family:var(--ac-font-sans)!important;
        font-size:.88rem!important;
        line-height:1.42!important;
    }

    .ac-presentacion-europa-meta {
        margin-top:.65rem!important;

        color:rgba(41,42,39,.58)!important;

        font-family:var(--ac-font-sans)!important;
        font-size:.57rem!important;
        letter-spacing:.22em!important;
        line-height:1.5!important;
    }


    /* =====================================================
       FOTOGRAFÍA · DERECHA
       ===================================================== */

    .ac-presentacion-europa-image {
        width:100%!important;
        height:360px!important;
        min-height:360px!important;

        overflow:hidden!important;
    }

    .ac-presentacion-europa-image img {
        display:block!important;

        width:100%!important;
        height:360px!important;
        max-width:none!important;

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

}
/* PRESENTACIÓN · APERTURA · mismo fondo mineral que la portada */

.ac-presentacion-intro {
    position: relative !important;
    isolation: isolate !important;

    background: transparent !important;
}

/* Fondo continuo detrás de foto + texto */
.ac-presentacion-intro::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -1 !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.20) 0%,
            rgba(247,243,235,.07) 26%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 34%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        ) !important;
}
/* =========================================================
   PRESENTACIÓN · APERTURA
   Fondo mineral como la portada
   ========================================================= */

.ac-presentacion-intro {
    position: relative !important;
    isolation: isolate !important;

    background: transparent !important;
}

/* Fondo continuo */
.ac-presentacion-intro::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -1 !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            circle at 76% 42%,
            rgba(247,243,235,.18) 0%,
            rgba(247,243,235,.07) 28%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 32%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        ) !important;
}


/* La foto conserva exactamente su posición */
.ac-presentacion-intro-image {
    position: relative !important;
    z-index: 1 !important;
}


/* Texto */
.ac-presentacion-intro-content {
    position: relative !important;
    z-index: 2 !important;
}


/* PRESENTACIÓN: separarla ligeramente del borde superior */
.ac-presentacion-intro-content .ac-presentacion-section-kicker {
    position: relative !important;
    top: 8px !important;
}
/* =========================================================
   TRAYECTORIA · DISEÑO EDITORIAL
   Basado en el boceto de Photoshop
   ========================================================= */


/* ---------------------------------------------------------
   1. LIMPIAR EL CONTENEDOR DEL ARTÍCULO
   --------------------------------------------------------- */

body:has(.ac-trayectoria) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-trayectoria) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   2. BASE
   --------------------------------------------------------- */

.ac-trayectoria {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);
}

.ac-trayectoria p {
    margin-top: 0;
}


/* ---------------------------------------------------------
   3. CABECERA · FONDO MINERAL
   --------------------------------------------------------- */

.ac-trayectoria-intro {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 2.8rem 5vw 2.2rem;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        190px;

    column-gap: 4rem;
    align-items: start;

    background: transparent;
}


/* Fondo exactamente en la línea visual de la portada */

.ac-trayectoria-intro::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}


/* ---------------------------------------------------------
   4. CABECERA · CONTENIDO
   --------------------------------------------------------- */

.ac-trayectoria-intro-main {
    width: 100%;
    max-width: 920px;

    margin: 0 auto 0 0;
}


/* GRAN TÍTULO */

.ac-trayectoria-kicker {
    margin: 0 0 .45rem;

    color: var(--ac-negro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(3.4rem, 5.3vw, 5.2rem);
    font-weight: 400;

    line-height: .92;
    letter-spacing: -.025em;
}


/* SUBTÍTULO */

.ac-trayectoria-intro-main h1 {
    margin: 0 0 1.45rem;

    color: #5c5850;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(1.3rem, 2vw, 1.75rem);
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: 0;
}


/* TEXTO INTRODUCTORIO */

.ac-trayectoria-intro-main > p {
    max-width: 780px;

    margin: 0;

    color: #3f3c36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: .88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   5. ÍNDICE LATERAL
   --------------------------------------------------------- */

.ac-trayectoria-index {
    align-self: start;

    padding-left: 1.35rem;

    border-left: 1px solid rgba(41,42,39,.35);

    color: #4d4942;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .56rem;
    font-weight: 400;

    line-height: 1.85;
    letter-spacing: .10em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   6. CRONOLOGÍA
   --------------------------------------------------------- */

.ac-trayectoria-series {
    width: min(1180px, 90vw);

    margin: 0 auto;

    background: var(--ac-caliza);
}


/* Cada etapa */

.ac-trayectoria-series-item {
    display: grid;

    grid-template-columns:
        150px
        minmax(0, 1fr)
        145px
        82px;

    column-gap: 2rem;

    align-items: center;

    padding: 1.25rem 0;

    border-top: 1px solid rgba(41,42,39,.17);
}


/* ---------------------------------------------------------
   7. FECHAS
   --------------------------------------------------------- */

.ac-trayectoria-series-years {
    display: flex;
    flex-direction: column;

    color: #77736b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 2.15rem;
    font-weight: 400;

    line-height: .92;
    letter-spacing: -.025em;
}

.ac-trayectoria-years-line {
    margin: .15rem 0;

    font-size: 1.5rem;
}


/* ---------------------------------------------------------
   8. TEXTO DE CADA ETAPA
   --------------------------------------------------------- */

.ac-trayectoria-series-content {
    min-width: 0;
}

.ac-trayectoria-series-content h2 {
    margin: 0 0 .35rem;

    color: var(--ac-negro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 1.35rem;
    font-weight: 400;

    line-height: 1.05;
    letter-spacing: -.01em;
}

.ac-trayectoria-series-content p {
    max-width: 620px;

    margin: 0;

    color: #555149;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: .75rem;
    line-height: 1.42;
}


/* ---------------------------------------------------------
   9. METADATOS
   --------------------------------------------------------- */

.ac-trayectoria-series-meta {
    display: flex;
    flex-wrap: wrap;

    gap: .8rem 1.1rem;

    margin-top: .65rem;

    color: #77736b;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .49rem;
    line-height: 1.2;

    letter-spacing: .10em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   10. IMÁGENES · CUADRADAS
   --------------------------------------------------------- */

.ac-trayectoria-series-image {
    width: 145px;
    height: 145px;

    overflow: hidden;

    background: #ddd8ce;
}

.ac-trayectoria-series-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ---------------------------------------------------------
   11. VER OBRA
   --------------------------------------------------------- */

.ac-trayectoria-series-link {
    justify-self: end;
}

.ac-trayectoria-series-link a,
.ac-trayectoria-series-link > span {
    display: inline-flex;
    align-items: center;
    gap: .55rem;

    color: #24231f !important;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .53rem;
    font-weight: 400;

    line-height: 1;

    letter-spacing: .11em;

    text-decoration: none !important;
    text-transform: uppercase;

    white-space: nowrap;
}

.ac-trayectoria-series-link a:hover {
    color: #77736b !important;
}

.ac-trayectoria-series-link span {
    font-size: .85rem;
    letter-spacing: 0;
}


/* ---------------------------------------------------------
   12. DOCUMENTACIÓN COMPLEMENTARIA
   --------------------------------------------------------- */

.ac-trayectoria-documentacion {
    width: min(1180px, 90vw);

    margin: 1rem auto 0;

    padding: 2rem 0 2.3rem;

    border-top: 1px solid rgba(41,42,39,.22);
}


/* Cabecera */

.ac-trayectoria-documentacion-header h2 {
    margin: 0 0 .3rem;

    color: var(--ac-negro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 1.55rem;
    font-weight: 400;

    line-height: 1;
    letter-spacing: -.015em;
}

.ac-trayectoria-documentacion-header p {
    margin: 0 0 1.45rem;

    color: #6d6961;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: .7rem;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   13. CINCO COLUMNAS
   --------------------------------------------------------- */

.ac-trayectoria-documentacion-grid {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 0;
}


.ac-trayectoria-documentacion-item {
    min-width: 0;

    padding: 0 1.15rem;

    border-left: 1px solid rgba(41,42,39,.17);
}

.ac-trayectoria-documentacion-item:first-child {
    padding-left: 0;
    border-left: 0;
}


/* Títulos */

.ac-trayectoria-documentacion-item h3 {
    margin: 0 0 .7rem;

    color: #292823;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .63rem;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: .12em;

    text-transform: uppercase;
}


/* Texto */

.ac-trayectoria-documentacion-item p {
    min-height: 3.1rem;

    margin: 0 0 1rem;

    color: #6b675f;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .62rem;
    line-height: 1.55;
}


/* Enlaces */

.ac-trayectoria-documentacion-item a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;

    color: #292823 !important;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .49rem;
    font-weight: 400;

    line-height: 1;

    letter-spacing: .10em;

    text-decoration: none !important;
    text-transform: uppercase;
}

.ac-trayectoria-documentacion-item a:hover {
    color: #77736b !important;
}

.ac-trayectoria-documentacion-item a span {
    font-size: .8rem;
    letter-spacing: 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-trayectoria-intro {
        grid-template-columns: 1fr;
        row-gap: 2rem;

        padding:
            3rem
            2rem
            2.3rem;
    }

    .ac-trayectoria-intro-main {
        max-width: 800px;
    }

    .ac-trayectoria-index {
        display: flex;
        flex-wrap: wrap;

        gap: .2rem 1.2rem;

        padding-left: 0;

        border-left: 0;
        border-top: 1px solid rgba(41,42,39,.25);

        padding-top: .8rem;
    }

    .ac-trayectoria-series {
        width: min(1180px, calc(100% - 4rem));
    }

    .ac-trayectoria-series-item {
        grid-template-columns:
            105px
            minmax(0, 1fr)
            125px
            auto;

        column-gap: 1.5rem;
    }

    .ac-trayectoria-series-years {
        font-size: 1.7rem;
    }

    .ac-trayectoria-series-image {
        width: 125px;
        height: 125px;
    }

    .ac-trayectoria-documentacion {
        width: min(1180px, calc(100% - 4rem));
    }

    .ac-trayectoria-documentacion-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        row-gap: 1.4rem;
    }

    .ac-trayectoria-documentacion-item:nth-child(3) {
        border-left: 0;
        padding-left: 0;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767.98px) {

    .ac-trayectoria-intro {
        padding:
            2.4rem
            1.25rem
            1.8rem;
    }

    .ac-trayectoria-kicker {
        font-size: 3.15rem;
    }

    .ac-trayectoria-intro-main h1 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .ac-trayectoria-intro-main > p {
        font-size: .79rem;
        line-height: 1.48;
    }

    .ac-trayectoria-index {
        font-size: .52rem;
        line-height: 1.8;
    }

    .ac-trayectoria-series {
        width: calc(100% - 2.5rem);
    }

    .ac-trayectoria-series-item {
        grid-template-columns: 1fr;
        gap: .8rem;

        padding: 1.4rem 0;
    }

    .ac-trayectoria-series-years {
        flex-direction: row;
        align-items: baseline;
        gap: .35rem;

        font-size: 1.55rem;
    }

    .ac-trayectoria-years-line {
        margin: 0;
        font-size: 1.1rem;
    }

    .ac-trayectoria-series-content h2 {
        font-size: 1.15rem;
    }

    .ac-trayectoria-series-content p {
        font-size: .73rem;
    }

    .ac-trayectoria-series-meta {
        font-size: .45rem;
        line-height: 1.4;
    }

    .ac-trayectoria-series-image {
        width: 120px;
        height: 120px;
    }

    .ac-trayectoria-series-link {
        justify-self: start;
    }

    .ac-trayectoria-documentacion {
        width: calc(100% - 2.5rem);
        padding-top: 1.7rem;
    }

    .ac-trayectoria-documentacion-header h2 {
        font-size: 1.3rem;
    }

    .ac-trayectoria-documentacion-grid {
        grid-template-columns: 1fr;
        row-gap: 0;

        border-top: 1px solid rgba(41,42,39,.15);
    }

    .ac-trayectoria-documentacion-item,
    .ac-trayectoria-documentacion-item:nth-child(3) {
        padding:
            1rem 0;

        border-left: 0;
        border-bottom: 1px solid rgba(41,42,39,.15);
    }

    .ac-trayectoria-documentacion-item p {
        min-height: 0;
    }

}
/* =========================================================
   TRAYECTORIA · AJUSTE DE TIPOGRAFÍA Y TAMAÑOS
   ========================================================= */

/* Tipografía general coherente con el sitio */
.ac-trayectoria {
    font-family: var(--ac-font-sans) !important;
}

/* ---------------------------------------------------------
   CABECERA
   --------------------------------------------------------- */

.ac-trayectoria-intro-main h1,
.ac-trayectoria-intro-main > p {
    font-family: var(--ac-font-serif) !important;
}

.ac-trayectoria-intro-main h1 {
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
}

.ac-trayectoria-intro-main > p {
    max-width: 820px !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

.ac-trayectoria-index {
    font-family: var(--ac-font-sans) !important;
    font-size: .62rem !important;
    line-height: 1.9 !important;
}


/* ---------------------------------------------------------
   CRONOLOGÍA
   --------------------------------------------------------- */

/* Fechas: serif editorial */
.ac-trayectoria-series-years {
    font-family: var(--ac-font-serif) !important;
    font-size: 2.35rem !important;
    line-height: .95 !important;
}

.ac-trayectoria-years-line {
    font-size: 1.5rem !important;
}


/* Títulos de las investigaciones */
.ac-trayectoria-series-content h2 {
    font-family: var(--ac-font-serif) !important;
    font-size: 1.55rem !important;
    line-height: 1.08 !important;
}


/* Texto */
.ac-trayectoria-series-content p {
    font-family: var(--ac-font-sans) !important;
    font-size: .88rem !important;
    line-height: 1.48 !important;
    max-width: 660px !important;
}


/* Metadatos */
.ac-trayectoria-series-meta {
    font-family: var(--ac-font-sans) !important;
    font-size: .57rem !important;
    line-height: 1.35 !important;
}


/* Enlace */
.ac-trayectoria-series-link a,
.ac-trayectoria-series-link > span {
    font-family: var(--ac-font-sans) !important;
    font-size: .58rem !important;
}


/* ---------------------------------------------------------
   DOCUMENTACIÓN
   --------------------------------------------------------- */

.ac-trayectoria-documentacion-header h2 {
    font-family: var(--ac-font-serif) !important;
    font-size: 1.7rem !important;
}

.ac-trayectoria-documentacion-header p {
    font-family: var(--ac-font-sans) !important;
    font-size: .78rem !important;
    line-height: 1.5 !important;
}

.ac-trayectoria-documentacion-item h3 {
    font-family: var(--ac-font-sans) !important;
    font-size: .68rem !important;
}

.ac-trayectoria-documentacion-item p {
    font-family: var(--ac-font-sans) !important;
    font-size: .72rem !important;
    line-height: 1.6 !important;
}

.ac-trayectoria-documentacion-item a {
    font-family: var(--ac-font-sans) !important;
    font-size: .54rem !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767.98px) {

    .ac-trayectoria-intro-main > p {
        font-size: .88rem !important;
    }

    .ac-trayectoria-series-years {
        font-size: 1.7rem !important;
    }

    .ac-trayectoria-series-content h2 {
        font-size: 1.3rem !important;
    }

    .ac-trayectoria-series-content p {
        font-size: .82rem !important;
    }

    .ac-trayectoria-series-meta {
        font-size: .50rem !important;
    }

    .ac-trayectoria-documentacion-item p {
        font-size: .7rem !important;
    }
}
/* =========================================================
   TRAYECTORIA · AJUSTE 2
   Tipografía más limpia y textos más legibles
   ========================================================= */

/* TÍTULO PRINCIPAL · MISMA VOZ SANS DEL SITIO */

.ac-trayectoria-kicker {
    font-family:
        var(--ac-font-sans) !important;

    font-size: clamp(3.2rem, 5.2vw, 5rem) !important;
    font-weight: 300 !important;
    letter-spacing: .055em !important;
    line-height: .95 !important;
}


/* SUBTÍTULO */

.ac-trayectoria-intro-main h1 {
    font-family:
        var(--ac-font-sans) !important;

    font-size: 1.6rem !important;
    font-weight: 300 !important;
    line-height: 1.15 !important;
    letter-spacing: .015em !important;
}


/* TEXTO INTRODUCTORIO */

.ac-trayectoria-intro-main > p {
    font-family:
        var(--ac-font-sans) !important;

    font-size: 1rem !important;
    line-height: 1.45 !important;

    max-width: 850px !important;
}


/* =========================================================
   CRONOLOGÍA
   ========================================================= */

/* Títulos de cada investigación */

.ac-trayectoria-series-content h2 {
    font-family:
        var(--ac-font-sans) !important;

    font-size: 1.48rem !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: .015em !important;

    margin-bottom: .4rem !important;
}


/* Texto de cada investigación */

.ac-trayectoria-series-content p {
    font-family:
        var(--ac-font-sans) !important;

    font-size: .91rem !important;
    line-height: 1.38 !important;

    max-width: 690px !important;
}


/* Metadatos un poco más visibles */

.ac-trayectoria-series-meta {
    font-size: .58rem !important;
    line-height: 1.25 !important;
}


/* =========================================================
   PARA QUE LAS FILAS NO CREZCAN DEMASIADO
   ========================================================= */

.ac-trayectoria-series-item {
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important;
}


/* =========================================================
   DOCUMENTACIÓN
   ========================================================= */

.ac-trayectoria-documentacion-header h2 {
    font-family:
        var(--ac-font-sans) !important;

    font-weight: 300 !important;
    letter-spacing: .04em !important;
}

.ac-trayectoria-documentacion-header p {
    font-size: .76rem !important;
    line-height: 1.4 !important;
}

.ac-trayectoria-documentacion-item h3 {
    font-size: .67rem !important;
}

.ac-trayectoria-documentacion-item p {
    font-size: .70rem !important;
    line-height: 1.48 !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767.98px) {

    .ac-trayectoria-kicker {
        font-size: 3rem !important;
    }

    .ac-trayectoria-series-content h2 {
        font-size: 1.28rem !important;
    }

    .ac-trayectoria-series-content p {
        font-size: .84rem !important;
        line-height: 1.42 !important;
    }
}
/* =========================================================
   TRAYECTORIA · COMPACTAR BLOQUE SUPERIOR
   Acercar contenido al centro
   ========================================================= */

.ac-trayectoria-intro {
    grid-template-columns:
        minmax(0, 820px)
        175px !important;

    column-gap: 3rem !important;

    padding-left: 9vw !important;
    padding-right: 9vw !important;
}


/* Evitar que el texto principal se abra demasiado */

.ac-trayectoria-intro-main {
    max-width: 820px !important;
}


/* El índice se mantiene a la derecha pero más cerca */

.ac-trayectoria-index {
    width: 175px !important;
}


/* En pantallas grandes, centrar ligeramente el conjunto */

@media (min-width: 1200px) {

    .ac-trayectoria-intro {
        padding-left: max(
            5vw,
            calc((100vw - 1180px) / 2)
        ) !important;

        padding-right: max(
            5vw,
            calc((100vw - 1180px) / 2)
        ) !important;
    }
}
/* =========================================================
   TRAYECTORIA · DESCRIPCIONES MÁS LEGIBLES
   ========================================================= */

.ac-trayectoria-series-content p {
    font-size: .98rem !important;
    line-height: 1.42 !important;
    max-width: 700px !important;
}


/* Un poco más de separación respecto al título */

.ac-trayectoria-series-content h2 {
    margin-bottom: .5rem !important;
}


/* Metadatos quedan discretos, pero legibles */

.ac-trayectoria-series-meta {
    margin-top: .7rem !important;
    font-size: .60rem !important;
}


/* En pantallas pequeñas */

@media (max-width: 767.98px) {

    .ac-trayectoria-series-content p {
        font-size: .86rem !important;
        line-height: 1.45 !important;
    }

}
/* =========================================================
   TRAYECTORIA · IGUALAR "VER OBRA"
   ========================================================= */

.ac-trayectoria-series-item:first-child
.ac-trayectoria-series-link a {
    font-size: .68rem !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
}

.ac-trayectoria-series-item:first-child
.ac-trayectoria-series-link a span {
    font-size: .85rem !important;
}
/* =========================================================
   TRAYECTORIA · UNIFICAR VER OBRA
   ========================================================= */

.ac-trayectoria-series-item {
    grid-template-columns:
        150px
        minmax(0, 1fr)
        145px
        105px !important;
}


/* Todos exactamente con la misma apariencia */

.ac-trayectoria-series-link,
.ac-trayectoria-series-link a,
.ac-trayectoria-series-link > span {
    min-width: 105px !important;

    white-space: nowrap !important;

    font-family:
        var(--ac-font-sans) !important;

    font-size: .60rem !important;
    font-weight: 400 !important;

    line-height: 1 !important;
    letter-spacing: .11em !important;

    text-decoration: none !important;
}


/* Flecha */

.ac-trayectoria-series-link a span,
.ac-trayectoria-series-link > span span {
    font-size: .85rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}


/* Alinear todos exactamente igual */

.ac-trayectoria-series-link {
    justify-self: end !important;
    white-space: nowrap !important;
}


/* Tablet */

@media (max-width: 991.98px) {

    .ac-trayectoria-series-item {
        grid-template-columns:
            105px
            minmax(0, 1fr)
            125px
            105px !important;
    }

}


/* Móvil */

@media (max-width: 767.98px) {

    .ac-trayectoria-series-item {
        grid-template-columns: 1fr !important;
    }

    .ac-trayectoria-series-link,
    .ac-trayectoria-series-link a,
    .ac-trayectoria-series-link > span {
        min-width: auto !important;
    }

}
/* =========================================================
   TRAYECTORIA · SEPARAR IMAGEN Y VER OBRA
   ========================================================= */

@media (min-width: 992px) {

    .ac-trayectoria-series-item {
        grid-template-columns:
            150px
            minmax(0, 1fr)
            145px
            110px !important;

        column-gap: 2rem !important;
    }

    .ac-trayectoria-series-image {
        width: 145px !important;
        height: 145px !important;
    }

    .ac-trayectoria-series-link {
        width: 110px !important;
        justify-self: end !important;
        margin-left: 1rem !important;

        white-space: nowrap !important;
    }

    .ac-trayectoria-series-link a,
    .ac-trayectoria-series-link > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;

        white-space: nowrap !important;

        font-size: .60rem !important;
        line-height: 1 !important;
        letter-spacing: .11em !important;
    }

    .ac-trayectoria-series-link a span,
    .ac-trayectoria-series-link > span span {
        font-size: .85rem !important;
    }
}
/* =========================================================
   EXPOSICIONES · DISEÑO EDITORIAL
   Individuales · oscuro
   Colectivas · claro
   ========================================================= */


/* ---------------------------------------------------------
   1. LIMPIAR CONTENEDORES DE JOOMLA
   --------------------------------------------------------- */

body:has(.ac-exposiciones) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-exposiciones) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}

.ac-exposiciones {
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: var(--ac-font-sans) !important;
}


/* =========================================================
   2. CABECERA · FONDO MINERAL
   ========================================================= */

.ac-exposiciones-header {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.8rem 5vw 3.4rem;

    background: transparent;
}

.ac-exposiciones-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 78% 40%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}

.ac-exposiciones-header-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-exposiciones-kicker {
    margin: 0 0 .65rem;

    color: #4e4a43;

    font-size: .62rem;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: .16em;

    text-transform: uppercase;
}

.ac-exposiciones-header h1 {
    margin: 0 0 1.1rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3.3rem, 5.5vw, 5.4rem);
    font-weight: 300;

    line-height: .92;
    letter-spacing: .045em;
}

.ac-exposiciones-header p {
    max-width: 680px;

    margin: 0;

    color: #48443d;

    font-family: var(--ac-font-sans) !important;

    font-size: .98rem;
    line-height: 1.5;
}


/* =========================================================
   3. SECCIONES COMUNES
   ========================================================= */

.ac-exposiciones-section-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-exposiciones-section-header {
    display: grid;

    grid-template-columns: 75px minmax(0, 1fr);

    column-gap: 1.8rem;

    align-items: start;

    padding: 2.8rem 0 2rem;
}

.ac-exposiciones-section-index {
    padding-top: .2rem;

    font-family: var(--ac-font-serif) !important;

    font-size: 2.5rem;
    font-weight: 400;

    line-height: 1;

    letter-spacing: -.02em;
}

.ac-exposiciones-section-kicker {
    margin: 0 0 .35rem;

    font-size: .58rem;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: .16em;

    text-transform: uppercase;
}

.ac-exposiciones-section-header h2 {
    margin: 0 0 .55rem;

    font-family: var(--ac-font-serif) !important;

    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 400;

    line-height: .98;
    letter-spacing: -.02em;
}

.ac-exposiciones-section-header p {
    max-width: 620px;

    margin: 0;

    font-size: .88rem;
    line-height: 1.5;
}


/* =========================================================
   4. INDIVIDUALES · FONDO OSCURO
   ========================================================= */

.ac-exposiciones-individuales {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background:
        linear-gradient(
            135deg,
            #353631 0%,
            #292a27 58%,
            #20211f 100%
        );

    color: #f3f0e9;
}

.ac-exposiciones-individuales .ac-exposiciones-section-index {
    color: rgba(243,240,233,.42);
}

.ac-exposiciones-individuales .ac-exposiciones-section-kicker {
    color: rgba(243,240,233,.62);
}

.ac-exposiciones-individuales .ac-exposiciones-section-header h2 {
    color: #f3f0e9;
}

.ac-exposiciones-individuales .ac-exposiciones-section-header p {
    color: rgba(243,240,233,.72);
}


/* Lista */

.ac-exposiciones-individuales .ac-exposiciones-list {
    border-top: 1px solid rgba(243,240,233,.16);
}

.ac-exposiciones-individuales .ac-exposicion {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    column-gap: 2.5rem;

    padding: 1.05rem 0;

    border-bottom: 1px solid rgba(243,240,233,.13);
}

.ac-exposiciones-individuales .ac-exposicion-year {
    color: rgba(243,240,233,.44);

    font-family: var(--ac-font-serif) !important;

    font-size: 1.55rem;
    font-weight: 400;

    line-height: 1;
}

.ac-exposiciones-individuales .ac-exposicion-data {
    min-width: 0;
}

.ac-exposiciones-individuales .ac-exposicion-data h3 {
    margin: 0 0 .28rem;

    color: #f3f0e9;

    font-family: var(--ac-font-sans) !important;

    font-size: .98rem;
    font-weight: 400;

    line-height: 1.25;
    letter-spacing: .01em;
}

.ac-exposiciones-individuales .ac-exposicion-data p {
    margin: 0;

    color: rgba(243,240,233,.72);

    font-family: var(--ac-font-sans) !important;

    font-size: .79rem;
    line-height: 1.42;
}

.ac-exposiciones-individuales .ac-exposicion-meta {
    margin-top: .35rem;

    color: rgba(243,240,233,.42);

    font-size: .49rem;
    line-height: 1.2;
    letter-spacing: .11em;

    text-transform: uppercase;
}


/* =========================================================
   5. COLECTIVAS · FONDO CLARO
   ========================================================= */

.ac-exposiciones-colectivas {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: var(--ac-caliza);

    color: var(--ac-texto);
}

.ac-exposiciones-colectivas .ac-exposiciones-section-index {
    color: #9a958b;
}

.ac-exposiciones-colectivas .ac-exposiciones-section-kicker {
    color: #6f6a61;
}

.ac-exposiciones-colectivas .ac-exposiciones-section-header h2 {
    color: var(--ac-negro);
}

.ac-exposiciones-colectivas .ac-exposiciones-section-header p {
    color: #625e56;
}


/* Lista */

.ac-exposiciones-colectivas .ac-exposiciones-list {
    border-top: 1px solid rgba(41,42,39,.18);
}

.ac-exposiciones-colectivas .ac-exposicion {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    column-gap: 2.5rem;

    padding: 1.05rem 0;

    border-bottom: 1px solid rgba(41,42,39,.14);
}

.ac-exposiciones-colectivas .ac-exposicion-year {
    color: #8a857b;

    font-family: var(--ac-font-serif) !important;

    font-size: 1.55rem;
    font-weight: 400;

    line-height: 1;
}

.ac-exposiciones-colectivas .ac-exposicion-data {
    min-width: 0;
}

.ac-exposiciones-colectivas .ac-exposicion-data h3 {
    margin: 0 0 .28rem;

    color: #292823;

    font-family: var(--ac-font-sans) !important;

    font-size: .98rem;
    font-weight: 400;

    line-height: 1.25;
    letter-spacing: .01em;
}

.ac-exposiciones-colectivas .ac-exposicion-data p {
    margin: 0;

    color: #646058;

    font-family: var(--ac-font-sans) !important;

    font-size: .79rem;
    line-height: 1.42;
}


/* =========================================================
   6. CIERRE
   ========================================================= */

.ac-exposiciones-footer {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 2.2rem 5vw 2.5rem;

    background: var(--ac-caliza);

    border-top: 1px solid rgba(41,42,39,.14);
}

.ac-exposiciones-footer p {
    width: min(1180px, 90vw);

    margin: 0 auto;

    color: #77736b;

    font-size: .66rem;
    line-height: 1.5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-exposiciones-header {
        padding:
            3rem
            2rem
            2.7rem;
    }

    .ac-exposiciones-section-inner {
        width: calc(100% - 4rem);
    }

    .ac-exposiciones-section-header {
        grid-template-columns: 60px minmax(0,1fr);
        column-gap: 1.3rem;
    }

    .ac-exposiciones-individuales .ac-exposicion,
    .ac-exposiciones-colectivas .ac-exposicion {
        grid-template-columns: 90px minmax(0,1fr);
        column-gap: 1.8rem;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767.98px) {

    .ac-exposiciones-header {
        padding:
            2.4rem
            1.25rem
            2.2rem;
    }

    .ac-exposiciones-header h1 {
        font-size: 3rem;
    }

    .ac-exposiciones-header p {
        font-size: .86rem;
    }

    .ac-exposiciones-section-inner {
        width: calc(100% - 2.5rem);
    }

    .ac-exposiciones-section-header {
        grid-template-columns: 42px minmax(0,1fr);
        column-gap: 1rem;

        padding:
            2rem
            0
            1.5rem;
    }

    .ac-exposiciones-section-index {
        font-size: 1.8rem;
    }

    .ac-exposiciones-section-header h2 {
        font-size: 2.15rem;
    }

    .ac-exposiciones-section-header p {
        font-size: .78rem;
    }

    .ac-exposiciones-individuales .ac-exposicion,
    .ac-exposiciones-colectivas .ac-exposicion {
        grid-template-columns: 62px minmax(0,1fr);

        column-gap: 1rem;

        padding:
            .9rem
            0;
    }

    .ac-exposiciones-individuales .ac-exposicion-year,
    .ac-exposiciones-colectivas .ac-exposicion-year {
        font-size: 1.25rem;
    }

    .ac-exposiciones-individuales .ac-exposicion-data h3,
    .ac-exposiciones-colectivas .ac-exposicion-data h3 {
        font-size: .86rem;
    }

    .ac-exposiciones-individuales .ac-exposicion-data p,
    .ac-exposiciones-colectivas .ac-exposicion-data p {
        font-size: .73rem;
    }

    .ac-exposiciones-individuales .ac-exposicion-meta {
        font-size: .45rem;
    }

    .ac-exposiciones-footer {
        padding:
            1.8rem
            1.25rem
            2rem;
    }

    .ac-exposiciones-footer p {
        width: 100%;
        font-size: .60rem;
    }
}
/* =========================================================
   FERIAS / BIENALES
   Archivo documental
   ========================================================= */


/* ---------------------------------------------------------
   1. LIMPIAR CONTENEDORES DE JOOMLA
   --------------------------------------------------------- */

body:has(.ac-ferias) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-ferias) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}

.ac-ferias {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);

    font-family: var(--ac-font-sans) !important;
}


/* =========================================================
   2. CABECERA · FONDO MINERAL
   ========================================================= */

.ac-ferias-header {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.8rem 5vw 3.4rem;

    background: transparent;
}

.ac-ferias-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 78% 40%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}

.ac-ferias-header-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-ferias-kicker {
    margin: 0 0 .65rem;

    color: #4e4a43;

    font-size: .62rem;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: .16em;

    text-transform: uppercase;
}

.ac-ferias-header h1 {
    margin: 0 0 1.1rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 300;

    line-height: .92;
    letter-spacing: .045em;
}

.ac-ferias-header p {
    max-width: 720px;

    margin: 0;

    color: #48443d;

    font-family: var(--ac-font-sans) !important;

    font-size: .98rem;
    line-height: 1.5;
}


/* =========================================================
   3. BLOQUE PRINCIPAL
   ========================================================= */

.ac-ferias-archivo {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: var(--ac-caliza);

    color: var(--ac-texto);
}

.ac-ferias-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}


/* ---------------------------------------------------------
   Cabecera del archivo
   --------------------------------------------------------- */

.ac-ferias-section-header {
    display: grid;

    grid-template-columns: 175px minmax(0, 1fr);

    column-gap: 2.5rem;

    align-items: start;

    padding: 3rem 0 2rem;

    border-bottom: 1px solid rgba(41,42,39,.18);
}

.ac-ferias-section-index {
    padding-top: .15rem;

    color: #8d887e;

    font-family: var(--ac-font-serif) !important;

    font-size: 1.8rem;
    font-weight: 400;

    line-height: 1;

    letter-spacing: -.02em;
}

.ac-ferias-section-kicker {
    margin: 0 0 .4rem;

    color: #6d685f;

    font-size: .58rem;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: .16em;

    text-transform: uppercase;
}

.ac-ferias-section-intro h2 {
    margin: 0 0 .6rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif) !important;

    font-size: clamp(1.9rem, 3vw, 2.8rem);
    font-weight: 400;

    line-height: 1;
    letter-spacing: -.015em;
}

.ac-ferias-section-intro p {
    max-width: 690px;

    margin: 0;

    color: #625e56;

    font-family: var(--ac-font-sans) !important;

    font-size: .86rem;
    line-height: 1.5;
}


/* =========================================================
   4. LISTADO
   ========================================================= */

.ac-ferias-list {
    width: 100%;

    border-top: 0;
}


/* ---------------------------------------------------------
   Cada feria / bienal
   --------------------------------------------------------- */

.ac-feria {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr)
        230px;

    column-gap: 2.4rem;

    align-items: center;

    padding: 1.05rem 0;

    border-bottom: 1px solid rgba(41,42,39,.14);
}


/* Año */

.ac-feria-year {
    color: #8b867c;

    font-family: var(--ac-font-serif) !important;

    font-size: 1.55rem;
    font-weight: 400;

    line-height: 1;
}


/* Datos */

.ac-feria-data {
    min-width: 0;
}

.ac-feria-data h3 {
    margin: 0 0 .25rem;

    color: #292823;

    font-family: var(--ac-font-sans) !important;

    font-size: .98rem;
    font-weight: 400;

    line-height: 1.28;

    letter-spacing: .005em;
}

.ac-feria-data p {
    margin: 0;

    color: #666158;

    font-family: var(--ac-font-sans) !important;

    font-size: .79rem;
    line-height: 1.42;
}


/* Etiqueta derecha */

.ac-feria-note {
    justify-self: end;

    max-width: 230px;

    color: #8a857b;

    font-family: var(--ac-font-sans) !important;

    font-size: .48rem;
    font-weight: 400;

    line-height: 1.35;

    letter-spacing: .10em;

    text-align: right;
    text-transform: uppercase;
}


/* =========================================================
   5. BIENALES · DISTINCIÓN SUTIL
   ========================================================= */

.ac-feria-bienal {
    background: rgba(216,210,197,.20);
}

.ac-feria-bienal .ac-feria-year {
    color: #777167;
}

.ac-feria-bienal .ac-feria-data h3 {
    font-weight: 500;
}

.ac-feria-bienal .ac-feria-note {
    color: #5f5a52;
}


/* =========================================================
   6. ESTAMPA · REGISTRO RECURRENTE
   ========================================================= */

.ac-feria-recurrente {
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;

    background: rgba(235,231,222,.55);
}

.ac-feria-recurrente .ac-feria-year {
    font-size: 1.25rem;
}

.ac-feria-recurrente .ac-feria-data h3 {
    font-weight: 500;
}

.ac-feria-recurrente .ac-feria-note {
    color: #6e695f;
}


/* =========================================================
   7. CIERRE
   ========================================================= */

.ac-ferias-footer {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 2.2rem 5vw 2.5rem;

    background: var(--ac-caliza);

    border-top: 1px solid rgba(41,42,39,.14);
}

.ac-ferias-footer-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-ferias-footer p {
    margin: 0;

    color: #77736b;

    font-family: var(--ac-font-sans) !important;

    font-size: .64rem;
    line-height: 1.5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-ferias-header {
        padding:
            3rem
            2rem
            2.7rem;
    }

    .ac-ferias-inner,
    .ac-ferias-footer-inner,
    .ac-ferias-header-inner {
        width: calc(100% - 4rem);
    }

    .ac-ferias-section-header {
        grid-template-columns:
            130px
            minmax(0,1fr);

        column-gap: 1.8rem;
    }

    .ac-feria {
        grid-template-columns:
            90px
            minmax(0,1fr)
            180px;

        column-gap: 1.7rem;
    }

    .ac-feria-note {
        max-width: 180px;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767.98px) {

    .ac-ferias-header {
        padding:
            2.4rem
            1.25rem
            2.2rem;
    }

    .ac-ferias-header-inner,
    .ac-ferias-inner,
    .ac-ferias-footer-inner {
        width: calc(100% - 2.5rem);
    }

    .ac-ferias-header h1 {
        font-size: 2.9rem;
    }

    .ac-ferias-header p {
        font-size: .84rem;
    }

    .ac-ferias-section-header {
        grid-template-columns:
            1fr;

        row-gap: .7rem;

        padding:
            2rem
            0
            1.45rem;
    }

    .ac-ferias-section-index {
        font-size: 1.45rem;
    }

    .ac-ferias-section-intro h2 {
        font-size: 2rem;
    }

    .ac-ferias-section-intro p {
        font-size: .77rem;
    }

    .ac-feria {
        grid-template-columns:
            62px
            minmax(0,1fr);

        column-gap: 1rem;

        align-items: start;

        padding:
            .9rem
            0;
    }

    .ac-feria-year {
        font-size: 1.2rem;
    }

    .ac-feria-data h3 {
        font-size: .85rem;
    }

    .ac-feria-data p {
        font-size: .72rem;
    }

    .ac-feria-note {
        grid-column: 2;

        justify-self: start;

        max-width: none;

        margin-top: .3rem;

        font-size: .46rem;

        text-align: left;
    }

    .ac-feria-recurrente .ac-feria-year {
        font-size: 1.1rem;
    }

    .ac-ferias-footer {
        padding:
            1.8rem
            1.25rem
            2rem;
    }

    .ac-ferias-footer p {
        font-size: .59rem;
    }
}
/* =========================================================
   FERIAS / BIENALES · TEXTO DERECHO MÁS LEGIBLE
   ========================================================= */

.ac-feria-note {
    font-size: .68rem !important;
    line-height: 1.35 !important;
    letter-spacing: .08em !important;
    max-width: 260px !important;
}


/* La etiqueta de bienales puede tener algo más de presencia */

.ac-feria-bienal .ac-feria-note {
    font-size: .69rem !important;
    font-weight: 400 !important;
}


/* Registro recurrente */

.ac-feria-recurrente .ac-feria-note {
    font-size: .66rem !important;
}


/* Móvil */

@media (max-width: 767.98px) {

    .ac-feria-note {
        font-size: .54rem !important;
        line-height: 1.35 !important;
        letter-spacing: .07em !important;
    }
}
/* =========================================================
   COLECCIONES · ARCHIVO
   ========================================================= */

body:has(.ac-colecciones) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-colecciones) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.ac-colecciones {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);

    font-family: var(--ac-font-sans);
}


/* =========================================================
   CABECERA
   ========================================================= */

.ac-colecciones-header {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.8rem 5vw 3.4rem;

    background: transparent;
}

.ac-colecciones-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background:
        radial-gradient(
            circle at 76% 46%,
            rgba(247,243,235,0.13) 0%,
            rgba(247,243,235,0.04) 28%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 67%,
            var(--ac-piedra-hero-oscura) 100%
        );
}

.ac-colecciones-header-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-colecciones-kicker {
    margin-bottom: 0.8rem;

    color: #3f3d38;

    font-size: 0.62rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    line-height: 1.2;

    text-transform: uppercase;
}

.ac-colecciones-header h1 {
    margin: 0 0 1rem;

    color: var(--ac-negro) !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    font-weight: 300 !important;
    line-height: 0.95 !important;
    letter-spacing: 0.06em !important;
}

.ac-colecciones-header p {
    max-width: 620px;
    margin: 0;

    color: #48453e;

    font-size: 0.92rem;
    line-height: 1.65;
}


/* =========================================================
   ARCHIVO
   ========================================================= */

.ac-colecciones-archivo {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: var(--ac-caliza);
}

.ac-colecciones-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}


/* =========================================================
   CABECERA DE SECCIÓN
   ========================================================= */

.ac-colecciones-section-header {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 1fr);

    gap: 2.5rem;

    align-items: end;

    padding: 3rem 0 2rem;

    border-bottom: 1px solid rgba(29,29,27,0.16);
}

.ac-colecciones-section-index {
    color: #777167;

    font-family: var(--ac-font-serif);

    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.05;
}

.ac-colecciones-section-intro h2 {
    margin: 0 0 0.45rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif);

    font-size: clamp(1.7rem, 2.5vw, 2.5rem);

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

    letter-spacing: -0.01em;
}

.ac-colecciones-section-intro p {
    max-width: 560px;
    margin: 0;

    color: #6c6a63;

    font-size: 0.82rem;
    line-height: 1.55;
}


/* =========================================================
   CADA COLECCIÓN
   ========================================================= */

.ac-coleccion {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.3rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.12);
}

.ac-coleccion-numero {
    color: #8b867c;

    font-family: var(--ac-font-serif);

    font-size: 1.35rem;
    font-weight: 400;

    line-height: 1;
}

.ac-coleccion-data h3 {
    margin: 0 0 0.25rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans);

    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.35;

    letter-spacing: 0.03em;
}

.ac-coleccion-data p {
    margin: 0;

    color: #706c64;

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-colecciones-header {
        padding: 3.2rem 2rem 3rem;
    }

    .ac-colecciones-inner,
    .ac-colecciones-header-inner {
        width: auto;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .ac-colecciones-section-header {
        grid-template-columns:
            145px
            minmax(0, 1fr);

        gap: 2rem;
    }

    .ac-coleccion {
        grid-template-columns:
            90px
            minmax(0, 1fr);

        gap: 2rem;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-colecciones-header {
        padding: 2.8rem 1.25rem 2.7rem;
    }

    .ac-colecciones-inner,
    .ac-colecciones-header-inner {
        width: auto;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .ac-colecciones-header h1 {
        font-size: 2.8rem !important;
    }

    .ac-colecciones-section-header {
        display: block;

        padding-top: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .ac-colecciones-section-index {
        margin-bottom: 1.1rem;

        font-size: 1.35rem;
    }

    .ac-colecciones-section-intro h2 {
        font-size: 1.9rem;
    }

    .ac-coleccion {
        grid-template-columns: 55px minmax(0,1fr);

        gap: 1.25rem;

        padding: 1.1rem 0;
    }

    .ac-coleccion-numero {
        font-size: 1.1rem;
    }

    .ac-coleccion-data h3 {
        font-size: 0.9rem;
    }

    .ac-coleccion-data p {
        font-size: 0.73rem;
    }
}
/* =========================================================
   PREMIOS Y BECAS · ARCHIVO
   ========================================================= */

body:has(.ac-premios-becas) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-premios-becas) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.ac-premios-becas {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);

    font-family: var(--ac-font-sans);
}


/* =========================================================
   CABECERA
   ========================================================= */

.ac-premios-becas-header {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.8rem 5vw 3.4rem;

    background: transparent;
}

.ac-premios-becas-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background:
        radial-gradient(
            circle at 76% 46%,
            rgba(247,243,235,0.13) 0%,
            rgba(247,243,235,0.04) 28%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 67%,
            var(--ac-piedra-hero-oscura) 100%
        );
}

.ac-premios-becas-header-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-premios-becas-kicker {
    margin-bottom: 0.8rem;

    color: #3f3d38;

    font-size: 0.62rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    line-height: 1.2;

    text-transform: uppercase;
}

.ac-premios-becas-header h1 {
    margin: 0 0 1rem;

    color: var(--ac-negro) !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    font-weight: 300 !important;
    line-height: 0.95 !important;
    letter-spacing: 0.06em !important;
}

.ac-premios-becas-header p {
    max-width: 650px;
    margin: 0;

    color: #48453e;

    font-size: 0.92rem;
    line-height: 1.65;
}


/* =========================================================
   ARCHIVO
   ========================================================= */

.ac-premios-becas-archivo {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: var(--ac-caliza);
}

.ac-premios-becas-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}


/* =========================================================
   CABECERAS DE SECCIÓN
   ========================================================= */

.ac-premios-becas-section-header {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 1fr);

    gap: 2.5rem;

    align-items: end;

    padding: 3rem 0 2rem;

    border-bottom: 1px solid rgba(29,29,27,0.16);
}

.ac-premios-becas-section-header-becas {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(29,29,27,0.16);
}

.ac-premios-becas-section-index {
    color: #777167;

    font-family: var(--ac-font-serif);

    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.05;
}

.ac-premios-becas-section-intro h2 {
    margin: 0 0 0.45rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif);

    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 400;
    line-height: 1;

    letter-spacing: -0.01em;
}

.ac-premios-becas-section-intro p {
    max-width: 580px;
    margin: 0;

    color: #6c6a63;

    font-size: 0.82rem;
    line-height: 1.55;
}


/* =========================================================
   PREMIOS
   ========================================================= */

.ac-premio {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.3rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.12);
}

.ac-premio-year {
    color: #8b867c;

    font-family: var(--ac-font-serif);

    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1;
}

.ac-premio-data h3 {
    margin: 0 0 0.25rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans);

    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.35;

    letter-spacing: 0.03em;
}

.ac-premio-data p {
    margin: 0;

    color: #706c64;

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   SUBSECCIÓN · SELECCIONES
   ========================================================= */

.ac-premios-becas-subsection {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 1fr);

    gap: 2.5rem;

    align-items: center;

    margin-top: 2.4rem;
    padding: 1.8rem 0 1.3rem;

    border-top: 1px solid rgba(29,29,27,0.16);
}

.ac-premios-becas-subsection-title {
    color: #777167;

    font-family: var(--ac-font-sans);

    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.18em;

    text-transform: uppercase;
}

.ac-premios-becas-subsection-text p {
    max-width: 580px;
    margin: 0;

    color: #6c6a63;

    font-size: 0.8rem;
    line-height: 1.55;
}


/* =========================================================
   SELECCIONES
   ========================================================= */

.ac-seleccion {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.15rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.10);
}

.ac-seleccion-year {
    color: #989187;

    font-family: var(--ac-font-serif);

    font-size: 1.35rem;
    line-height: 1;
}

.ac-seleccion-data h3 {
    margin: 0 0 0.2rem;

    color: #2d2d29;

    font-family: var(--ac-font-sans);

    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.35;

    letter-spacing: 0.025em;
}

.ac-seleccion-data p {
    margin: 0;

    color: #777269;

    font-size: 0.76rem;
    line-height: 1.45;
}


/* =========================================================
   BECAS
   ========================================================= */

.ac-beca {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.3rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.12);
}

.ac-beca-year {
    color: #8b867c;

    font-family: var(--ac-font-serif);

    font-size: 1.55rem;
    line-height: 1;
}

.ac-beca-data h3 {
    margin: 0 0 0.25rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans);

    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.35;

    letter-spacing: 0.03em;
}

.ac-beca-data p {
    margin: 0;

    color: #706c64;

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-premios-becas-header {
        padding: 3.2rem 2rem 3rem;
    }

    .ac-premios-becas-inner,
    .ac-premios-becas-header-inner {
        width: auto;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .ac-premios-becas-section-header,
    .ac-premios-becas-subsection {
        grid-template-columns:
            145px
            minmax(0, 1fr);

        gap: 2rem;
    }

    .ac-premio,
    .ac-seleccion,
    .ac-beca {
        grid-template-columns:
            90px
            minmax(0, 1fr);

        gap: 2rem;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-premios-becas-header {
        padding: 2.8rem 1.25rem 2.7rem;
    }

    .ac-premios-becas-inner,
    .ac-premios-becas-header-inner {
        width: auto;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .ac-premios-becas-header h1 {
        font-size: 2.8rem !important;
    }

    .ac-premios-becas-section-header {
        display: block;

        padding-top: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .ac-premios-becas-section-header-becas {
        margin-top: 1.5rem;
    }

    .ac-premios-becas-section-index {
        margin-bottom: 1.1rem;

        font-size: 1.35rem;
    }

    .ac-premios-becas-section-intro h2 {
        font-size: 1.9rem;
    }

    .ac-premios-becas-subsection {
        display: block;

        margin-top: 1.8rem;
        padding-top: 1.5rem;
    }

    .ac-premios-becas-subsection-title {
        margin-bottom: 0.8rem;
    }

    .ac-premio,
    .ac-seleccion,
    .ac-beca {
        grid-template-columns:
            55px
            minmax(0,1fr);

        gap: 1.25rem;

        padding: 1.1rem 0;
    }

    .ac-premio-year,
    .ac-beca-year {
        font-size: 1.1rem;
    }

    .ac-seleccion-year {
        font-size: 1rem;
    }

    .ac-premio-data h3,
    .ac-beca-data h3 {
        font-size: 0.9rem;
    }

    .ac-seleccion-data h3 {
        font-size: 0.86rem;
    }

    .ac-premio-data p,
    .ac-beca-data p,
    .ac-seleccion-data p {
        font-size: 0.73rem;
    }
}
/* =========================================================
   PREMIOS Y BECAS · AJUSTE VISUAL 01
   ========================================================= */

/* Retirar el texto auxiliar de las cabeceras de sección */
.ac-premios-becas-section-intro p {
    display: none !important;
}


/* Dar algo más de espacio a la columna izquierda */
.ac-premios-becas-section-header,
.ac-premios-becas-subsection {
    grid-template-columns:
        205px
        minmax(0, 1fr) !important;

    gap: 2.5rem !important;
}


/* Texto de los registros · más legible */
.ac-premio-data h3,
.ac-beca-data h3 {
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
}

.ac-premio-data p,
.ac-beca-data p {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}


/* Selecciones · mismo criterio */
.ac-seleccion-data h3 {
    font-size: 1rem !important;
    line-height: 1.4 !important;
}

.ac-seleccion-data p {
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
}
/* =========================================================
   PREMIOS Y BECAS · RESTAURAR TEXTO INTRODUCTORIO
   ========================================================= */

.ac-premios-becas-section-intro p {
    display: block !important;
    margin: 0.55rem 0 0 !important;

    color: #6c6a63 !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
}
/* =========================================================
   PREMIOS Y BECAS · EVITAR SOLAPAMIENTO DEFINITIVO
   ========================================================= */

.ac-premios-becas-section-header {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    column-gap: 3.5rem !important;
    align-items: start !important;
}

.ac-premios-becas-section-index {
    width: 100% !important;
    max-width: 230px !important;

    font-size: 1.45rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;

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

.ac-premios-becas-section-intro {
    min-width: 0 !important;
    padding-left: 0 !important;
}
/* =========================================================
   TALLERES / DOCENCIA · ARCHIVO
   ========================================================= */

body:has(.ac-talleres-docencia) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-talleres-docencia) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.ac-talleres-docencia {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);

    font-family: var(--ac-font-sans);
}


/* =========================================================
   CABECERA
   ========================================================= */

.ac-talleres-docencia-header {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 3.8rem 5vw 3.4rem;

    background: transparent;
}

.ac-talleres-docencia-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background:
        radial-gradient(
            circle at 76% 46%,
            rgba(247,243,235,0.13) 0%,
            rgba(247,243,235,0.04) 28%,
            transparent 58%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 67%,
            var(--ac-piedra-hero-oscura) 100%
        );
}

.ac-talleres-docencia-header-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}

.ac-talleres-docencia-kicker {
    margin-bottom: 0.8rem;

    color: #3f3d38;

    font-size: 0.62rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    line-height: 1.2;

    text-transform: uppercase;
}

.ac-talleres-docencia-header h1 {
    margin: 0 0 1rem;

    color: var(--ac-negro) !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    font-weight: 300 !important;
    line-height: 0.95 !important;
    letter-spacing: 0.06em !important;
}

.ac-talleres-docencia-header p {
    max-width: 650px;
    margin: 0;

    color: #48453e;

    font-size: 0.92rem;
    line-height: 1.65;
}


/* =========================================================
   ARCHIVO
   ========================================================= */

.ac-talleres-docencia-archivo {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: var(--ac-caliza);
}

.ac-talleres-docencia-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}


/* =========================================================
   CABECERA DE SECCIÓN
   ========================================================= */

.ac-talleres-docencia-section-header {
    display: grid;

    grid-template-columns:
        250px
        minmax(0, 1fr);

    gap: 3rem;

    align-items: start;

    padding: 3rem 0 2rem;

    border-bottom: 1px solid rgba(29,29,27,0.16);
}

.ac-talleres-docencia-section-index {
    color: #777167;

    font-family: var(--ac-font-serif);

    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: 0;
}

.ac-talleres-docencia-section-intro h2 {
    margin: 0 0 0.45rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif);

    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 400;
    line-height: 1;

    letter-spacing: -0.01em;
}

.ac-talleres-docencia-section-intro p {
    max-width: 580px;
    margin: 0;

    color: #6c6a63;

    font-size: 0.82rem;
    line-height: 1.55;
}


/* =========================================================
   FORMACIÓN
   ========================================================= */

.ac-formacion {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.3rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.12);
}

.ac-formacion-year {
    color: #8b867c;

    font-family: var(--ac-font-serif);

    font-size: 1.55rem;
    line-height: 1;
}

.ac-formacion-data h3,
.ac-taller-data h3 {
    margin: 0 0 0.25rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-sans);

    font-size: 1.08rem;
    font-weight: 500;
    line-height: 1.35;

    letter-spacing: 0.03em;
}

.ac-formacion-data p,
.ac-taller-data p {
    margin: 0;

    color: #706c64;

    font-size: 0.88rem;
    line-height: 1.5;
}


/* =========================================================
   SUBSECCIÓN · SEMINARIOS Y TALLERES
   ========================================================= */

.ac-talleres-docencia-subsection {
    display: grid;

    grid-template-columns:
        250px
        minmax(0, 1fr);

    gap: 3rem;

    align-items: center;

    margin-top: 2.4rem;
    padding: 1.8rem 0 1.3rem;

    border-top: 1px solid rgba(29,29,27,0.16);
}

.ac-talleres-docencia-subsection-title {
    color: #777167;

    font-family: var(--ac-font-sans);

    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.18em;

    text-transform: uppercase;
}

.ac-talleres-docencia-subsection-text p {
    max-width: 580px;
    margin: 0;

    color: #6c6a63;

    font-size: 0.82rem;
    line-height: 1.55;
}


/* =========================================================
   TALLERES
   ========================================================= */

.ac-taller {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    gap: 2.4rem;

    align-items: center;

    padding: 1.3rem 0;

    border-bottom: 1px solid rgba(29,29,27,0.12);
}

.ac-taller-year {
    color: #8b867c;

    font-family: var(--ac-font-serif);

    font-size: 1.55rem;
    line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-talleres-docencia-header {
        padding: 3.2rem 2rem 3rem;
    }

    .ac-talleres-docencia-inner,
    .ac-talleres-docencia-header-inner {
        width: auto;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .ac-talleres-docencia-section-header,
    .ac-talleres-docencia-subsection {
        grid-template-columns:
            205px
            minmax(0, 1fr);

        gap: 2.5rem;
    }

    .ac-formacion,
    .ac-taller {
        grid-template-columns:
            90px
            minmax(0, 1fr);

        gap: 2rem;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-talleres-docencia-header {
        padding: 2.8rem 1.25rem 2.7rem;
    }

    .ac-talleres-docencia-inner,
    .ac-talleres-docencia-header-inner {
        width: auto;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .ac-talleres-docencia-header h1 {
        font-size: 2.8rem !important;
    }

    .ac-talleres-docencia-section-header {
        display: block;

        padding-top: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .ac-talleres-docencia-section-index {
        margin-bottom: 1.1rem;

        font-size: 1.35rem;
    }

    .ac-talleres-docencia-section-intro h2 {
        font-size: 1.9rem;
    }

    .ac-talleres-docencia-subsection {
        display: block;

        margin-top: 1.8rem;
        padding-top: 1.5rem;
    }

    .ac-talleres-docencia-subsection-title {
        margin-bottom: 0.8rem;
    }

    .ac-formacion,
    .ac-taller {
        grid-template-columns:
            55px
            minmax(0,1fr);

        gap: 1.25rem;

        padding: 1.1rem 0;
    }

    .ac-formacion-year,
    .ac-taller-year {
        font-size: 1.1rem;
    }

    .ac-formacion-data h3,
    .ac-taller-data h3 {
        font-size: 0.94rem;
    }

    .ac-formacion-data p,
    .ac-taller-data p {
        font-size: 0.76rem;
    }
}
/* =========================================================
   DOCUMENTACIÓN COMPLEMENTARIA · NAVEGACIÓN DE TRAYECTORIA
   ========================================================= */

.ac-documentacion-complementaria {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 4.2rem 0 3.6rem;

    background:
        linear-gradient(
            135deg,
            #292a27 0%,
            #20211f 58%,
            #181917 100%
        );

    color: var(--ac-blanco);
}

.ac-documentacion-inner {
    width: min(1180px, 90vw);
    margin: 0 auto;
}


/* ---------------------------------------------------------
   Cabecera
   --------------------------------------------------------- */

.ac-documentacion-header {
    display: grid;

    grid-template-columns:
        250px
        minmax(0, 1fr);

    gap: 3rem;

    align-items: start;

    padding-bottom: 2rem;

    border-bottom: 1px solid rgba(255,255,255,0.16);
}

.ac-documentacion-kicker {
    color: rgba(255,255,255,0.48);

    font-size: 0.62rem;
    font-weight: 400;
    letter-spacing: 0.20em;
    line-height: 1.2;

    text-transform: uppercase;
}

.ac-documentacion-header h2 {
    margin: 0 0 0.65rem;

    color: var(--ac-blanco) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(1.7rem, 2.6vw, 2.5rem) !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    letter-spacing: 0.045em !important;
}

.ac-documentacion-header p {
    max-width: 620px;
    margin: 0;

    color: rgba(255,255,255,0.62);

    font-size: 0.84rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   Navegación
   --------------------------------------------------------- */

.ac-documentacion-nav {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 0;

    margin-top: 1.8rem;

    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.ac-documentacion-item {
    display: flex;

    flex-direction: column;

    min-width: 0;

    padding: 1.15rem 1.2rem 1.3rem;

    border-right: 1px solid rgba(255,255,255,0.10);

    color: var(--ac-blanco) !important;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        padding 0.2s ease;
}

.ac-documentacion-item:first-child {
    padding-left: 0;
}

.ac-documentacion-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.ac-documentacion-item:hover,
.ac-documentacion-item:focus {
    background: rgba(255,255,255,0.05);
}


.ac-documentacion-title {
    margin-bottom: 0.55rem;

    color: rgba(255,255,255,0.92);

    font-size: 0.72rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    line-height: 1.25;

    text-transform: uppercase;
}

.ac-documentacion-desc {
    min-height: 2.8rem;

    color: rgba(255,255,255,0.50);

    font-size: 0.68rem;
    line-height: 1.45;
}

.ac-documentacion-link {
    margin-top: 1rem;

    color: rgba(255,255,255,0.78);

    font-size: 0.58rem;
    font-weight: 400;
    letter-spacing: 0.13em;
    line-height: 1.2;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   Volver a Trayectoria
   --------------------------------------------------------- */

.ac-documentacion-back {
    padding-top: 2rem;

    text-align: center;
}

.ac-documentacion-back a {
    color: rgba(255,255,255,0.58) !important;

    font-size: 0.60rem;
    font-weight: 400;
    letter-spacing: 0.16em;

    text-decoration: none !important;
    text-transform: uppercase;
}

.ac-documentacion-back a:hover,
.ac-documentacion-back a:focus {
    color: var(--ac-blanco) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-documentacion-complementaria {
        padding: 3.6rem 0 3rem;
    }

    .ac-documentacion-inner {
        width: auto;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .ac-documentacion-header {
        grid-template-columns:
            190px
            minmax(0, 1fr);

        gap: 2.2rem;
    }

    .ac-documentacion-nav {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .ac-documentacion-item:nth-child(2),
    .ac-documentacion-item:nth-child(4) {
        border-right: 0;
    }

    .ac-documentacion-item:nth-child(n+3) {
        border-top: 1px solid rgba(255,255,255,0.10);
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-documentacion-complementaria {
        padding: 3rem 0 2.6rem;
    }

    .ac-documentacion-inner {
        width: auto;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .ac-documentacion-header {
        display: block;

        padding-bottom: 1.6rem;
    }

    .ac-documentacion-kicker {
        margin-bottom: 0.8rem;
    }

    .ac-documentacion-header h2 {
        font-size: 1.8rem !important;
    }

    .ac-documentacion-header p {
        font-size: 0.78rem;
    }

    .ac-documentacion-nav {
        display: block;

        margin-top: 1.3rem;
    }

    .ac-documentacion-item,
    .ac-documentacion-item:first-child,
    .ac-documentacion-item:last-child {
        padding: 1rem 0;

        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

    .ac-documentacion-item:last-child {
        border-bottom: 0;
    }

    .ac-documentacion-desc {
        min-height: auto;
    }

    .ac-documentacion-link {
        margin-top: 0.7rem;
    }

    .ac-documentacion-back {
        padding-top: 1.5rem;
    }
}
/* =========================================================
   PRENSA — ARCHIVO EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIMPIAR CONTENEDORES DE JOOMLA
   Igual que TRAYECTORIA / FERIAS / EXPOSICIONES
   --------------------------------------------------------- */

body:has(.ac-prensa) .container-component > main {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-prensa) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   2. CONTENEDOR GENERAL
   --------------------------------------------------------- */

.ac-prensa {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);
}


/* ---------------------------------------------------------
   3. CABECERA PRENSA
   Mismo sistema visual que TRAYECTORIA / FERIAS
   --------------------------------------------------------- */

.ac-prensa-hero {
    position: relative;
    isolation: isolate;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 2.8rem 5vw 2.2rem;

    background: transparent;
}


/* Fondo mineral a sangre */

.ac-prensa-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.ac-prensa-hero h1 {
    margin: 0 0 1rem 0;

    color: var(--ac-negro) !important;

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

    font-size: clamp(2.8rem, 5vw, 5.5rem) !important;

    font-weight: 300 !important;

    line-height: 1 !important;

    letter-spacing: .08em !important;
}


/* ---------------------------------------------------------
   INTRO
   --------------------------------------------------------- */

.ac-prensa-hero .ac-prensa-intro {
    max-width: 820px;
    margin: 0 !important;
}

.ac-prensa-hero .ac-prensa-intro p {
    margin: 0;

    color: var(--ac-texto);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: 1.08rem;
    line-height: 1.65;
}

.ac-prensa-hero .ac-prensa-intro-secondary {
    max-width: 720px;

    margin-top: .9rem !important;

    color: var(--ac-texto-suave) !important;

    font-size: .94rem !important;
    line-height: 1.6 !important;
}


/* ---------------------------------------------------------
   ESPACIO ENTRE CABECERA Y ARCHIVO
   --------------------------------------------------------- */

.ac-prensa-hero {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   4. AÑOS
   --------------------------------------------------------- */

.ac-prensa-year {
    margin: 3.2rem 0 0;

    padding: 0 0 .9rem 0;

    color: var(--ac-texto);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .78rem;

    font-weight: 400;

    line-height: 1;

    letter-spacing: .16em;

    text-transform: uppercase;

    border-bottom: 1px solid rgba(41,42,39,.20);
}


/* ---------------------------------------------------------
   5. CADA REFERENCIA
   --------------------------------------------------------- */

.ac-prensa-item {
    display: grid;

    grid-template-columns:
        92px
        minmax(145px, .52fr)
        minmax(0, 1.7fr)
        128px;

    column-gap: 1.8rem;

    align-items: start;

    padding: 1.55rem 0 1.6rem;

    border-bottom: 1px solid rgba(41,42,39,.11);
}


/* ---------------------------------------------------------
   FECHA
   --------------------------------------------------------- */

.ac-prensa-date {
    padding-top: .2rem;

    color: var(--ac-texto-suave);

    font-size: .74rem;

    line-height: 1.3;

    letter-spacing: .10em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   MEDIO
   --------------------------------------------------------- */

.ac-prensa-medium {
    padding-top: .1rem;

    color: var(--ac-texto-suave);

    font-size: .74rem;

    line-height: 1.45;

    letter-spacing: .12em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   TITULAR
   --------------------------------------------------------- */

.ac-prensa-content h3 {
    margin: 0 0 .4rem;

    color: var(--ac-negro);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: 1.12rem;

    font-weight: 400;

    line-height: 1.42;

    letter-spacing: .03em;
}

.ac-prensa-content h3 a {
    color: inherit;

    text-decoration: none;
}

.ac-prensa-content h3 a:hover,
.ac-prensa-content h3 a:focus {
    color: var(--ac-pizarra);

    text-decoration: underline;

    text-underline-offset: .18em;
}


/* ---------------------------------------------------------
   DESCRIPCIÓN
   --------------------------------------------------------- */

.ac-prensa-text {
    max-width: 720px;

    margin: 0;

    color: var(--ac-texto-suave);

    font-size: .95rem;

    line-height: 1.65;

    opacity: 1;
}


/* ---------------------------------------------------------
   ENLACE
   --------------------------------------------------------- */

.ac-prensa-link {
    justify-self: end;
    align-self: start;

    padding-top: .15rem;

    color: var(--ac-negro) !important;

    font-size: .60rem;

    font-weight: 400;

    line-height: 1.3;

    letter-spacing: .14em;

    text-transform: uppercase;

    text-decoration: none !important;

    white-space: nowrap;
}

.ac-prensa-link:hover,
.ac-prensa-link:focus {
    color: var(--ac-pizarra) !important;
}


/* ---------------------------------------------------------
   NOTA FINAL
   --------------------------------------------------------- */

.ac-prensa-note {
    max-width: 760px;

    margin-top: 3.5rem;

    color: var(--ac-texto-suave);

    font-size: .78rem;

    line-height: 1.7;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-prensa-item {
        grid-template-columns:
            82px
            minmax(0, 1fr)
            120px;

        gap: 1.5rem;
    }

    .ac-prensa-medium {
        grid-column: 2 / 4;
        grid-row: 1;

        margin-bottom: .35rem;
    }

    .ac-prensa-content {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .ac-prensa-link {
        grid-column: 3;
        grid-row: 2;

        align-self: end;

        margin-top: 1rem;
    }

    .ac-prensa-hero {
        padding: 2.8rem 2rem 2.3rem;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-prensa-hero {
        padding: 2.8rem 1.25rem 2.8rem;
    }

    .ac-prensa-hero h1 {
        font-size: 3.2rem !important;
    }

    .ac-prensa-hero .ac-prensa-intro p {
        font-size: 1rem;
    }

    .ac-prensa-hero .ac-prensa-intro-secondary {
        font-size: .88rem !important;
    }

    .ac-prensa-year {
        margin-top: 2.8rem;
    }

    .ac-prensa-item {
        display: block;

        padding: 1.25rem 0 1.4rem;
    }

    .ac-prensa-date,
    .ac-prensa-medium {
        margin-bottom: .45rem;
    }

    .ac-prensa-content h3 {
        font-size: 1.05rem;
        line-height: 1.4;
    }

    .ac-prensa-text {
        font-size: .92rem;
    }

    .ac-prensa-link {
        display: inline-block;

        margin-top: .8rem;
    }

}
/* =========================================================
   PRENSA — PARCHE ÚNICO
   Igualar estructura a TRAYECTORIA
   ========================================================= */


/* ---------------------------------------------------------
   1. QUITAR EL ENVOLTORIO DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-prensa) .container-component > main,
body:has(.ac-prensa) .container-component > main > .item-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   2. PRENSA A SANGRE
   --------------------------------------------------------- */

.ac-prensa {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding: 0 !important;

    background: var(--ac-caliza);
}


/* ---------------------------------------------------------
   3. FRANJA SUPERIOR
   --------------------------------------------------------- */

.ac-prensa-hero {
    position: relative;
    isolation: isolate;

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

    margin: 0 !important;

    padding: 2.8rem 5vw 2.6rem !important;

    background: transparent !important;
}


/* Fondo mineral EXACTAMENTE con el lenguaje de la web */

.ac-prensa-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}


/* ---------------------------------------------------------
   4. CONTENIDO DE LA FRANJA
   Alineado con la retícula editorial
   --------------------------------------------------------- */

.ac-prensa-hero h1,
.ac-prensa-hero .ac-prensa-intro {
    width: min(1180px, calc(100vw - 10vw));

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

.ac-prensa-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;

    color: var(--ac-negro) !important;

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

    font-size: clamp(3.4rem, 5.3vw, 5.2rem) !important;

    font-weight: 300 !important;

    line-height: .92 !important;

    letter-spacing: -.025em !important;
}

.ac-prensa-hero .ac-prensa-intro {
    max-width: 1180px !important;
}

.ac-prensa-hero .ac-prensa-intro p {
    max-width: 820px;

    margin: 0 !important;

    font-size: 1.08rem;

    line-height: 1.65;
}

.ac-prensa-hero .ac-prensa-intro-secondary {
    max-width: 720px;

    margin-top: .9rem !important;

    font-size: .95rem !important;

    line-height: 1.6 !important;

    color: var(--ac-texto-suave) !important;
}


/* ---------------------------------------------------------
   5. ARCHIVO INTERIOR
   --------------------------------------------------------- */

.ac-prensa-year,
.ac-prensa-item,
.ac-prensa-note {
    width: min(1180px, calc(100vw - 10vw));

    max-width: none !important;

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


/* ---------------------------------------------------------
   6. AUMENTAR LIGERAMENTE LA ESCALA TIPOGRÁFICA
   --------------------------------------------------------- */

.ac-prensa-year {
    margin-top: 3.4rem !important;

    font-size: .80rem !important;
}

.ac-prensa-date {
    font-size: .75rem !important;
}

.ac-prensa-medium {
    font-size: .76rem !important;
}

.ac-prensa-content h3 {
    font-size: 1.16rem !important;
    line-height: 1.42 !important;
    font-weight: 400 !important;
}

.ac-prensa-text {
    font-size: .98rem !important;
    line-height: 1.65 !important;
}

.ac-prensa-link {
    font-size: .61rem !important;
}


/* ---------------------------------------------------------
   7. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-prensa-hero {
        padding: 2.8rem 2rem 2.5rem !important;
    }

    .ac-prensa-hero h1,
    .ac-prensa-hero .ac-prensa-intro,
    .ac-prensa-year,
    .ac-prensa-item,
    .ac-prensa-note {
        width: auto !important;

        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

}


/* ---------------------------------------------------------
   8. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-prensa-hero {
        padding: 2.8rem 1.25rem 2.8rem !important;
    }

    .ac-prensa-hero h1,
    .ac-prensa-hero .ac-prensa-intro,
    .ac-prensa-year,
    .ac-prensa-item,
    .ac-prensa-note {
        width: auto !important;

        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }

    .ac-prensa-hero h1 {
        font-size: 3.2rem !important;
    }

}
/* =========================================================
   PRENSA — PARCHE DEFINITIVO
   Fondo a sangre + tipografía más grande
   ========================================================= */


/* ---------------------------------------------------------
   CABECERA
   --------------------------------------------------------- */

.ac-prensa-hero {
    position: relative !important;
    isolation: isolate !important;

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

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

    padding: 2.8rem 0 2.6rem !important;

    background: transparent !important;
}


/* ---------------------------------------------------------
   FONDO A SANGRE
   Exactamente el sistema utilizado en ACTUAL
   --------------------------------------------------------- */

.ac-prensa-hero::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 100vw;

    transform: translateX(-50%);

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        );
}


/* ---------------------------------------------------------
   TÍTULO PRENSA
   --------------------------------------------------------- */

.ac-prensa-hero h1 {
    margin: 0 0 1.1rem !important;

    color: var(--ac-negro) !important;

    font-size: clamp(3.6rem, 5.3vw, 5.5rem) !important;

    font-weight: 300 !important;

    line-height: .92 !important;

    letter-spacing: -.025em !important;
}


/* ---------------------------------------------------------
   TEXTO DE CABECERA
   --------------------------------------------------------- */

.ac-prensa-hero .ac-prensa-intro {
    max-width: 820px !important;

    margin: 0 !important;
}

.ac-prensa-hero .ac-prensa-intro p {
    margin: 0 !important;

    font-size: 1.12rem !important;

    line-height: 1.65 !important;
}

.ac-prensa-hero .ac-prensa-intro-secondary {
    max-width: 760px !important;

    margin-top: 1rem !important;

    font-size: .98rem !important;

    line-height: 1.6 !important;
}


/* ---------------------------------------------------------
   AÑOS
   --------------------------------------------------------- */

.ac-prensa-year {
    font-size: .86rem !important;

    margin-top: 3.5rem !important;
}


/* ---------------------------------------------------------
   FECHA
   --------------------------------------------------------- */

.ac-prensa-date {
    font-size: .80rem !important;
}


/* ---------------------------------------------------------
   MEDIO
   --------------------------------------------------------- */

.ac-prensa-medium {
    font-size: .80rem !important;
}


/* ---------------------------------------------------------
   TITULAR DE CADA REFERENCIA
   --------------------------------------------------------- */

.ac-prensa-content h3 {
    font-size: 1.24rem !important;

    line-height: 1.4 !important;

    font-weight: 400 !important;

    letter-spacing: .02em !important;
}


/* ---------------------------------------------------------
   TEXTO DESCRIPTIVO
   --------------------------------------------------------- */

.ac-prensa-text {
    max-width: 760px !important;

    font-size: 1.02rem !important;

    line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   ENLACE
   --------------------------------------------------------- */

.ac-prensa-link {
    font-size: .66rem !important;
}


/* ---------------------------------------------------------
   MÁS AIRE VERTICAL
   --------------------------------------------------------- */

.ac-prensa-item {
    padding-top: 1.7rem !important;

    padding-bottom: 1.75rem !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-prensa-hero {
        padding: 2.8rem 2rem 2.6rem !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-prensa-hero {
        padding: 2.8rem 1.25rem 2.8rem !important;
    }

    .ac-prensa-hero h1 {
        font-size: 3.2rem !important;
    }

    .ac-prensa-content h3 {
        font-size: 1.10rem !important;
    }

    .ac-prensa-text {
        font-size: .95rem !important;
    }

}
/* =========================================================
   PRENSA — PARCHE FINAL SIN BORRAR NADA
   ========================================================= */


/* =========================================================
   1. LIBERAR LA COLUMNA DE CASSIOPEIA
   ========================================================= */

body:has(.ac-prensa) .site-grid > .grid-child:has(.ac-prensa) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* El contenedor que contiene el artículo */

body:has(.ac-prensa) .container-component {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Main */

body:has(.ac-prensa) .container-component > main {
    width: 100% !important;
    max-width: none !important;

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


/* Item page */

body:has(.ac-prensa) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* =========================================================
   2. PRENSA COMPLETA A SANGRE
   ========================================================= */

body:has(.ac-prensa) .ac-prensa {
    width: 100% !important;
    max-width: none !important;

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


/* =========================================================
   3. FRANJA SUPERIOR
   ========================================================= */

body:has(.ac-prensa) .ac-prensa-hero {
    position: relative !important;
    isolation: isolate !important;

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

    margin: 0 !important;

    padding: 2.8rem 0 2.6rem !important;

    background: transparent !important;

    overflow: visible !important;
}


/* Fondo a sangre */

body:has(.ac-prensa) .ac-prensa-hero::before {
    content: "";

    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    left: 50% !important;

    width: 100vw !important;

    transform: translateX(-50%) !important;

    z-index: -1 !important;

    pointer-events: none !important;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(247,243,235,.14) 0%,
            rgba(247,243,235,.05) 30%,
            transparent 60%
        ),
        linear-gradient(
            100deg,
            var(--ac-piedra-hero-clara) 0%,
            var(--ac-piedra-hero-media) 30%,
            #bdb3a4 68%,
            var(--ac-piedra-hero-oscura) 100%
        ) !important;
}


/* =========================================================
   4. RETÍCULA INTERIOR
   ========================================================= */

body:has(.ac-prensa) .ac-prensa-hero h1,
body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro,
body:has(.ac-prensa) .ac-prensa-year,
body:has(.ac-prensa) .ac-prensa-item,
body:has(.ac-prensa) .ac-prensa-note {
    width: min(1180px, 90vw) !important;

    max-width: 1180px !important;

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


/* =========================================================
   5. TÍTULO Y TEXTO
   ========================================================= */

body:has(.ac-prensa) .ac-prensa-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 1.1rem !important;

    font-size: clamp(3.6rem, 5.3vw, 5.5rem) !important;
    font-weight: 300 !important;

    line-height: .92 !important;

    letter-spacing: -.025em !important;
}

body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro {
    margin-bottom: 0 !important;
}

body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro p {
    max-width: 820px !important;

    font-size: 1.12rem !important;

    line-height: 1.65 !important;
}

body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro-secondary {
    max-width: 760px !important;

    margin-top: 1rem !important;

    font-size: .98rem !important;

    line-height: 1.6 !important;
}


/* =========================================================
   6. TEXTO DEL ARCHIVO — UN POCO MAYOR
   ========================================================= */

body:has(.ac-prensa) .ac-prensa-year {
    font-size: .86rem !important;
}

body:has(.ac-prensa) .ac-prensa-date {
    font-size: .80rem !important;
}

body:has(.ac-prensa) .ac-prensa-medium {
    font-size: .80rem !important;
}

body:has(.ac-prensa) .ac-prensa-content h3 {
    font-size: 1.24rem !important;

    line-height: 1.4 !important;

    font-weight: 400 !important;
}

body:has(.ac-prensa) .ac-prensa-text {
    font-size: 1.02rem !important;

    line-height: 1.65 !important;
}


/* =========================================================
   7. TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    body:has(.ac-prensa) .ac-prensa-hero {
        padding: 2.8rem 0 2.6rem !important;
    }

    body:has(.ac-prensa) .ac-prensa-hero h1,
    body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro,
    body:has(.ac-prensa) .ac-prensa-year,
    body:has(.ac-prensa) .ac-prensa-item,
    body:has(.ac-prensa) .ac-prensa-note {
        width: calc(100% - 4rem) !important;

        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}


/* =========================================================
   8. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    body:has(.ac-prensa) .ac-prensa-hero {
        padding: 2.8rem 0 2.8rem !important;
    }

    body:has(.ac-prensa) .ac-prensa-hero h1,
    body:has(.ac-prensa) .ac-prensa-hero .ac-prensa-intro,
    body:has(.ac-prensa) .ac-prensa-year,
    body:has(.ac-prensa) .ac-prensa-item,
    body:has(.ac-prensa) .ac-prensa-note {
        width: calc(100% - 2.5rem) !important;

        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }

    body:has(.ac-prensa) .ac-prensa-hero h1 {
        font-size: 3.2rem !important;
    }

    body:has(.ac-prensa) .ac-prensa-content h3 {
        font-size: 1.10rem !important;
    }

    body:has(.ac-prensa) .ac-prensa-text {
        font-size: .95rem !important;
    }
}
/* =========================================================
   PRENSA — RECUPERAR ALINEACIÓN ORIGINAL DEL LISTADO
   ========================================================= */

.ac-prensa-item {
    column-gap: 1.4rem !important;
}
/* ==========================================================
   CONTACTO · ANTONIO CAMBA
   Página Joomla nativa · itemid-107
   ========================================================== */

/* ----------------------------------------------------------
   1. OCULTAR EL "ANTONIO CAMBA" QUE GENERA JOOMLA
   ---------------------------------------------------------- */

body.itemid-107 .com-contact > .page-header {
    display: none;
}


/* ----------------------------------------------------------
   2. CONTENEDOR GENERAL
   ---------------------------------------------------------- */

body.itemid-107 .com-contact {
    max-width: 100%;
    margin: 0;
}


/* ----------------------------------------------------------
   3. CABECERA DE CONTACTO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "hero hero"
        "photo info";
    column-gap: 4rem;
    row-gap: 3.5rem;

    max-width: 1320px;
    margin: 0 auto;
    padding: 0 0 4rem;
}


/* Título CONTACTO */

body.itemid-107 .com-contact__container > h2 {
    grid-area: hero;

    margin: 0;
    padding: 4.2rem 0 3.8rem;

    background: #d6cdbd;

    font-family: inherit;
    font-size: clamp(4rem, 6vw, 6.5rem);
    font-weight: 300;
    line-height: 0.95;
    letter-spacing: -0.035em;

    color: #111;
}


/* Subtítulo */

body.itemid-107 .com-contact__container > h2::after {
    content: "Para información sobre obra, exposiciones, proyectos y colaboraciones.";

    display: block;

    margin-top: 1.6rem;

    max-width: 850px;

    font-family: inherit;
    font-size: clamp(1.15rem, 1.7vw, 1.6rem);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;

    color: #555;
}


/* ----------------------------------------------------------
   4. FOTOGRAFÍA
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container::before {
    content: "";

    grid-area: photo;

    display: block;

    width: 100%;
    min-height: 720px;

    background-image: url("/images/antonio-camba/antonio-camba-retrato-contacto.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


/* ----------------------------------------------------------
   5. INFORMACIÓN DE CONTACTO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__info {
    grid-area: info;

    align-self: start;

    padding-top: 0.5rem;
}


/* Título pequeño */

body.itemid-107 .com-contact__info::before {
    content: "INFORMACIÓN DE CONTACTO";

    display: block;

    margin-bottom: 1.2rem;

    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;

    color: #111;
}


/* Línea editorial */

body.itemid-107 .com-contact__info::after {
    content: "";

    display: block;

    width: 20px;
    height: 1px;

    margin-top: -0.75rem;
    margin-bottom: 2rem;

    background: #222;
}


/* Lista de datos */

body.itemid-107 .com-contact__address {
    display: grid;
    grid-template-columns: 1.5rem 1fr;

    margin: 0;
    padding: 0;
}


/* Ocultar etiquetas invisibles de Joomla */

body.itemid-107 .com-contact__address .jicons-icons {
    display: none;
}


/* Iconos */

body.itemid-107 .com-contact__address dt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    margin: 0;
    padding: 0.15rem 0 0;

    color: #111;
}


/* Texto */

body.itemid-107 .com-contact__address dd {
    margin: 0 0 0.75rem;
    padding: 0;

    font-size: 1rem;
    line-height: 1.55;

    color: #222;
}


/* Ciudad */

body.itemid-107 .contact-suburb,
body.itemid-107 .contact-state,
body.itemid-107 .contact-country {
    display: block;
}


/* Separación antes del email */

body.itemid-107 .contact-emailto {
    display: inline-block;
    margin-top: 0.8rem;
}


/* Enlaces */

body.itemid-107 .contact-emailto,
body.itemid-107 .contact-webpage,
body.itemid-107 .contact-webpage a,
body.itemid-107 .contact-emailto a {
    color: #222;
}


/* Web */

body.itemid-107 .contact-webpage {
    display: inline-block;
    margin-top: 0.1rem;
}


/* ----------------------------------------------------------
   6. BLOQUE FORMULARIO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact > h2:not(.com-contact__container > h2) {
    max-width: 1320px;
    margin: 0 auto;

    padding: 2.2rem 0 1.4rem;

    border-top: 1px solid rgba(0,0,0,0.15);

    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;

    color: #111;
}


/* ----------------------------------------------------------
   7. FORMULARIO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__form {
    max-width: 1320px;
    margin: 0 auto;

    padding: 0 0 6rem;
}


body.itemid-107 #contact-form {
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}


/* Ocultar leyenda Joomla */

body.itemid-107 #contact-form legend {
    display: none;
}


/* Ocultar aviso "* Campo requerido" */

body.itemid-107 #contact-form .field-spacer {
    display: none;
}


/* Cada campo */

body.itemid-107 #contact-form .control-group {
    margin: 0 0 1.8rem;
    padding: 0;
}


/* Etiquetas */

body.itemid-107 #contact-form .control-label {
    margin: 0 0 0.4rem;
    padding: 0;
}


body.itemid-107 #contact-form .control-label label {
    display: block;

    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #555;
}


/* Quitar asteriscos */

body.itemid-107 #contact-form .star,
body.itemid-107 #contact-form .red {
    display: none;
}


/* Controles */

body.itemid-107 #contact-form .controls {
    margin: 0;
    padding: 0;
}


/* Inputs y textarea */

body.itemid-107 #contact-form input.form-control,
body.itemid-107 #contact-form textarea.form-control {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0 0 0.7rem;

    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.35);
    border-radius: 0;

    background: transparent;

    box-shadow: none;
    outline: none;

    font-family: inherit;
    font-size: 1rem;
    line-height: 1.4;

    color: #111;
}


/* Altura del mensaje */

body.itemid-107 #contact-form textarea.form-control {
    min-height: 130px;
    resize: vertical;
}


/* Foco */

body.itemid-107 #contact-form input.form-control:focus,
body.itemid-107 #contact-form textarea.form-control:focus {
    border-bottom-color: #111;
    box-shadow: none;
}


/* ----------------------------------------------------------
   8. NOMBRE + EMAIL EN DOS COLUMNAS
   ---------------------------------------------------------- */

body.itemid-107 #contact-form .control-group:nth-child(2),
body.itemid-107 #contact-form .control-group:nth-child(3) {
    width: calc(50% - 1rem);
    display: inline-block;
    vertical-align: top;
}


body.itemid-107 #contact-form .control-group:nth-child(2) {
    margin-right: 1.5rem;
}


/* ----------------------------------------------------------
   9. OCULTAR "ENVÍEME UNA COPIA"
   ---------------------------------------------------------- */

body.itemid-107 #contact-form .control-group:has(#jform_contact_email_copy) {
    display: none;
}


/* ----------------------------------------------------------
   10. BOTÓN
   ---------------------------------------------------------- */

body.itemid-107 #contact-form > .control-group:last-child {
    margin-top: 0.5rem;
}


body.itemid-107 #contact-form button.btn-primary {
    min-width: 150px;

    padding: 0.9rem 1.5rem;

    border: 1px solid #222;
    border-radius: 0;

    background: transparent;

    color: #111;

    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    box-shadow: none;
}


body.itemid-107 #contact-form button.btn-primary:hover {
    background: #222;
    color: #fff;
}


/* ----------------------------------------------------------
   11. ICONOS DE CONTACTO
   ---------------------------------------------------------- */

body.itemid-107 .icon-address::before,
body.itemid-107 .icon-envelope::before,
body.itemid-107 .icon-home::before {
    font-size: 0.9rem;
    color: #111;
}


/* ----------------------------------------------------------
   12. TABLET / MÓVIL
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    body.itemid-107 .com-contact__container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "hero"
            "photo"
            "info";

        row-gap: 2.5rem;
    }

    body.itemid-107 .com-contact__container > h2 {
        padding: 3rem 1.5rem;
    }

    body.itemid-107 .com-contact__container::before {
        min-height: auto;
        aspect-ratio: 1 / 1.25;
    }

    body.itemid-107 .com-contact__info {
        padding: 0 1.5rem;
    }

    body.itemid-107 .com-contact > h2:not(.com-contact__container > h2),
    body.itemid-107 .com-contact__form {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    body.itemid-107 #contact-form .control-group:nth-child(2),
    body.itemid-107 #contact-form .control-group:nth-child(3) {
        width: 100%;
        display: block;
        margin-right: 0;
    }
}


@media (max-width: 600px) {

    body.itemid-107 .com-contact__container {
        padding-bottom: 3rem;
    }

    body.itemid-107 .com-contact__container > h2 {
        font-size: 3.2rem;
    }

    body.itemid-107 .com-contact__container > h2::after {
        font-size: 1rem;
        line-height: 1.45;
    }

    body.itemid-107 .com-contact__container::before {
        aspect-ratio: 1 / 1.2;
    }
}
/* ==========================================================
   CONTACTO · AJUSTE 01
   ========================================================== */

/* El bloque empieza exactamente después de la cabecera */
body.itemid-107 .com-contact__container {
    margin-top: 0;
}


/* CONTACTO en mayúsculas */
body.itemid-107 .com-contact__container > h2 {
    text-transform: uppercase;
}


/* Hero un poco más compacto y editorial */
body.itemid-107 .com-contact__container > h2 {
    padding-top: 3.8rem;
    padding-bottom: 3.4rem;
}


/* La fotografía gana presencia */
body.itemid-107 .com-contact__container::before {
    min-height: 780px;
    background-size: cover;
    background-position: center top;
}


/* Información más equilibrada verticalmente */
body.itemid-107 .com-contact__info {
    padding-top: 1rem;
}


/* Un poco más de espacio entre los datos */
body.itemid-107 .com-contact__address dd {
    margin-bottom: 0.95rem;
}


/* La dirección empieza sin el aspecto de lista tradicional */
body.itemid-107 .com-contact__address {
    grid-template-columns: 1.35rem 1fr;
}


/* Enlaces más limpios */
body.itemid-107 .contact-webpage a,
body.itemid-107 .contact-emailto a {
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.25);
}


/* El formulario debe quedar claramente separado */
body.itemid-107 .com-contact__form {
    margin-top: 0;
}
/* ==========================================================
   CONTACTO · AJUSTE 02
   ========================================================== */

/* ----------------------------------------------------------
   FRANJA SUPERIOR A SANGRE
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container > h2 {
    width: 100vw;
    max-width: none;

    margin-left: 50%;
    transform: translateX(-50%);

    box-sizing: border-box;

    padding-top: 3.2rem;
    padding-bottom: 2.8rem;

    /* Mantiene el texto alineado con la retícula de la web */
    padding-left: max(1.5rem, calc((100vw - 1494px) / 2));
    padding-right: max(1.5rem, calc((100vw - 1494px) / 2));

    font-size: clamp(3.8rem, 4.5vw, 5.2rem);
    line-height: 0.95;
    letter-spacing: -0.03em;
}


/* ----------------------------------------------------------
   SUBTÍTULO MÁS DISCRETO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container > h2::after {
    margin-top: 1.25rem;

    max-width: 900px;

    font-size: clamp(1rem, 1.25vw, 1.25rem);
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: 0;
}


/* ----------------------------------------------------------
   UN POCO MENOS DE ALTURA EN LA FRANJA
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container > h2 {
    min-height: 0;
}


/* ----------------------------------------------------------
   MÁS AIRE ENTRE FRANJA Y CONTENIDO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__container {
    row-gap: 3.2rem;
}


/* ----------------------------------------------------------
   EN PANTALLAS MÁS PEQUEÑAS
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    body.itemid-107 .com-contact__container > h2 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;

        font-size: 3.5rem;
    }

    body.itemid-107 .com-contact__container > h2::after {
        font-size: 1.05rem;
    }
}
/* ==========================================================
   CONTACTO · AJUSTE 03
   Alineación de la franja con la retícula de la web
   ========================================================== */

body.itemid-107 .com-contact__container > h2 {
    padding-left: max(20px, 6.5vw);
    padding-right: max(20px, 6.5vw);
}

/* El subtítulo vuelve a texto normal */
body.itemid-107 .com-contact__container > h2::after {
    text-transform: none;
}
/* ==========================================================
   CONTACTO · FORMULARIO EN COLUMNA DERECHA
   SIN TOCAR LA ESTRUCTURA SUPERIOR
   ========================================================== */

body.itemid-107 .com-contact {
    position: relative;
}


/* ----------------------------------------------------------
   TÍTULO "FORMULARIO DE CONTACTO"
   ---------------------------------------------------------- */

body.itemid-107 .com-contact > h2 {
    position: absolute;

    top: 640px;
    left: calc(50% + 2rem);
    right: 6.5vw;

    width: auto;
    max-width: none;

    margin: 0;
    padding: 0;

    border: 0;

    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.22em;
    text-transform: uppercase;

    color: #111;
}


/* pequeña línea editorial */
body.itemid-107 .com-contact > h2::after {
    content: "";

    display: block;

    width: 20px;
    height: 1px;

    margin-top: 1rem;

    background: #222;
}


/* ----------------------------------------------------------
   FORMULARIO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact__form {
    position: absolute;

    top: 690px;
    left: calc(50% + 2rem);
    right: 6.5vw;

    width: auto;
    max-width: none;

    margin: 0;
    padding: 0 0 4rem;
}


/* ----------------------------------------------------------
   LIMPIEZA DEL FORMULARIO
   ---------------------------------------------------------- */

body.itemid-107 #contact-form {
    width: 100%;

    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}


body.itemid-107 #contact-form legend {
    display: none;
}


body.itemid-107 #contact-form .field-spacer {
    display: none;
}


/* ----------------------------------------------------------
   CAMPOS
   ---------------------------------------------------------- */

body.itemid-107 #contact-form .control-group {
    margin-bottom: 1.5rem;
}


body.itemid-107 #contact-form .control-label {
    margin: 0 0 0.45rem;
    padding: 0;
}


body.itemid-107 #contact-form .control-label label {
    display: block;

    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #555;
}


body.itemid-107 #contact-form .star,
body.itemid-107 #contact-form .red {
    display: none;
}


body.itemid-107 #contact-form .controls {
    margin: 0;
    padding: 0;
}


/* inputs */

body.itemid-107 #contact-form input.form-control,
body.itemid-107 #contact-form textarea.form-control {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0 0 0.65rem;

    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.35);
    border-radius: 0;

    background: transparent;

    box-shadow: none;
    outline: none;

    font-family: inherit;
    font-size: 1rem;

    color: #111;
}


body.itemid-107 #contact-form textarea.form-control {
    min-height: 120px;
    resize: vertical;
}


body.itemid-107 #contact-form input.form-control:focus,
body.itemid-107 #contact-form textarea.form-control:focus {
    border-bottom-color: #111;
    box-shadow: none;
}


/* ----------------------------------------------------------
   NOMBRE + EMAIL EN DOS COLUMNAS
   ---------------------------------------------------------- */

body.itemid-107 #contact-form .control-group:nth-child(2),
body.itemid-107 #contact-form .control-group:nth-child(3) {
    display: inline-block;
    vertical-align: top;

    width: calc(50% - 0.8rem);
}


body.itemid-107 #contact-form .control-group:nth-child(2) {
    margin-right: 1.2rem;
}


/* ----------------------------------------------------------
   QUITAR "ENVÍEME UNA COPIA"
   ---------------------------------------------------------- */

body.itemid-107 #contact-form .control-group:has(#jform_contact_email_copy) {
    display: none;
}


/* ----------------------------------------------------------
   BOTÓN
   ---------------------------------------------------------- */

body.itemid-107 #contact-form > .control-group:last-child {
    margin-top: 0.5rem;
}


body.itemid-107 #contact-form button.btn-primary {
    min-width: 145px;

    padding: 0.85rem 1.4rem;

    border: 1px solid #222;
    border-radius: 0;

    background: transparent;

    color: #111;

    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    box-shadow: none;
}


body.itemid-107 #contact-form button.btn-primary:hover {
    background: #222;
    color: #fff;
}


/* ----------------------------------------------------------
   MÓVIL
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    body.itemid-107 .com-contact > h2 {
        position: static;

        width: auto;
        margin: 2rem 1.5rem 1.5rem;
    }

    body.itemid-107 .com-contact__form {
        position: static;

        width: auto;
        margin: 0 1.5rem;

        padding-bottom: 4rem;
    }

    body.itemid-107 #contact-form .control-group:nth-child(2),
    body.itemid-107 #contact-form .control-group:nth-child(3) {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}
/* ==========================================================
   CONTACTO · AJUSTE 04
   Quitar doble scroll y subir ligeramente el formulario
   ========================================================== */

/* Evitar el scroll interno que está generando Cassiopeia */
body.itemid-107 .site-grid,
body.itemid-107 .container-component,
body.itemid-107 main,
body.itemid-107 .com-contact {
    overflow: visible !important;
}

/* Un solo scroll vertical */
body.itemid-107 {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}


/* ----------------------------------------------------------
   SUBIR EL FORMULARIO
   ---------------------------------------------------------- */

body.itemid-107 .com-contact > h2 {
    top: 595px;
}

body.itemid-107 .com-contact__form {
    top: 645px;
}


/* ----------------------------------------------------------
   ASEGURAR ESPACIO AL FINAL DE LA PÁGINA
   ---------------------------------------------------------- */

body.itemid-107 .com-contact {
    min-height: 1250px;
}
/* ==========================================================
   CONTACTO · CORRECCIÓN DOBLE SCROLL
   ========================================================== */

/* El scroll debe pertenecer a la página, no al body */
html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.itemid-107 {
    overflow: visible !important;
}


/* Evitar cualquier scroll interno en los contenedores */
body.itemid-107 .site-grid,
body.itemid-107 .container-component,
body.itemid-107 main,
body.itemid-107 .com-contact {
    overflow: visible !important;
}
/* =========================================================
   OBRA · DISEÑO EDITORIAL
   Página índice de todas las series
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR LOS CONTENEDORES DE CASSIOPEIA
   Igual que TRAYECTORIA
   --------------------------------------------------------- */

body:has(.ac-obra-index) .container-component {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


body:has(.ac-obra-index) .container-component > main {
    width: 100% !important;
    max-width: none !important;

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


body:has(.ac-obra-index) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. BASE
   --------------------------------------------------------- */

.ac-obra-index {
    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--ac-caliza);
    color: var(--ac-texto);
}


.ac-obra-index p {
    margin-top: 0;
}


/* ---------------------------------------------------------
   3. CABECERA OBRA · CARBÓN A SANGRE
   --------------------------------------------------------- */

.ac-obra-hero {
    position: relative;
    isolation: isolate;

    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: 0;

    padding: 2.7rem 5vw 2.6rem;

    background: #292a27;
    color: #ffffff;

    overflow: hidden;
}


/* Contenido interior de la cabecera */

.ac-obra-hero-inner {
    width: min(1180px, 90vw);

    margin: 0 auto;

    padding: 0;
}


/* ---------------------------------------------------------
   4. TÍTULO
   --------------------------------------------------------- */

.ac-obra-hero h1 {
    margin: 0 0 .75rem;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(3.5rem, 5.3vw, 5.2rem);

    font-weight: 400;

    line-height: .92;

    letter-spacing: -.025em;
}


/* ---------------------------------------------------------
   5. FRASE DESTACADA
   --------------------------------------------------------- */

.ac-obra-lead {
    max-width: 780px;

    margin: 0 0 1rem;

    color: rgba(255,255,255,.88);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(1.3rem, 1.8vw, 1.65rem);

    font-weight: 400;

    line-height: 1.25;

    letter-spacing: 0;
}


/* ---------------------------------------------------------
   6. TEXTO INTRODUCTORIO
   --------------------------------------------------------- */

.ac-obra-intro {
    max-width: 820px;

    margin: 0;

    color: rgba(255,255,255,.70);

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .88rem;

    font-weight: 400;

    line-height: 1.55;
}


/* ---------------------------------------------------------
   7. CRONOLOGÍA DE SERIES
   --------------------------------------------------------- */

.ac-obra-series {
    width: min(1180px, 90vw);

    margin: 0 auto;

    background: var(--ac-caliza);
}


/* ---------------------------------------------------------
   8. CADA SERIE
   --------------------------------------------------------- */

.ac-series-row {
    display: grid;

    grid-template-columns:
        150px
        minmax(0, 1fr)
        145px
        82px;

    column-gap: 2rem;

    align-items: center;

    padding: 1.35rem 0;

    border-top: 1px solid rgba(41,42,39,.17);
}


.ac-series-row:first-child {
    border-top: 0;
    padding-top: 1.8rem;
}


.ac-series-row:last-child {
    padding-bottom: 3rem;
}


/* ---------------------------------------------------------
   9. FECHAS
   --------------------------------------------------------- */

.ac-series-years {
    display: flex;
    flex-direction: column;

    color: #77736b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 2.15rem;

    font-weight: 400;

    line-height: .92;

    letter-spacing: -.025em;
}


.ac-series-years i {
    display: block;

    width: 22px;
    height: 1px;

    margin: .28rem 0;

    background: #aaa59b;
}


/* ---------------------------------------------------------
   10. CONTENIDO DE CADA SERIE
   --------------------------------------------------------- */

.ac-series-content {
    min-width: 0;
}


.ac-series-content h2 {
    margin: 0 0 .45rem;

    color: var(--ac-negro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 1.5rem;

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -.01em;
}


.ac-series-content p {
    max-width: 620px;

    margin: 0;

    color: #555149;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .88rem;

    font-weight: 400;

    line-height: 1.48;
}


/* Subseries / particularidades */

.ac-series-content .ac-series-sub {
    margin-top: .5rem;

    color: #77736b;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .72rem;

    line-height: 1.35;
}


/* ---------------------------------------------------------
   11. MINIATURA
   --------------------------------------------------------- */

.ac-series-image {
    width: 145px;
    height: 145px;

    overflow: hidden;

    background: #ddd8ce;
}


.ac-series-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}


.ac-series-image:hover img {
    transform: scale(1.025);
}


/* ---------------------------------------------------------
   12. VER SERIE
   --------------------------------------------------------- */

.ac-series-action {
    justify-self: end;
}


.ac-series-action a {
    display: inline-flex;

    align-items: center;

    gap: .55rem;

    color: #24231f !important;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .58rem;

    font-weight: 400;

    line-height: 1;

    letter-spacing: .12em;

    text-decoration: none !important;

    text-transform: uppercase;

    white-space: nowrap;
}


.ac-series-action a:hover {
    color: #77736b !important;
}


/* ---------------------------------------------------------
   13. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-obra-hero {
        padding: 2.5rem 2rem 2.5rem;
    }

    .ac-obra-hero-inner,
    .ac-obra-series {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .ac-series-row {
        grid-template-columns:
            105px
            minmax(0, 1fr)
            120px
            78px;

        column-gap: 1.4rem;
    }

    .ac-series-years {
        font-size: 1.8rem;
    }

    .ac-series-image {
        width: 120px;
        height: 120px;
    }

}


/* ---------------------------------------------------------
   14. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-obra-hero {
        padding: 2.6rem 1.25rem 2.8rem;
    }


    .ac-obra-hero-inner {
        width: 100%;
    }


    .ac-obra-hero h1 {
        font-size: 3.2rem;
    }


    .ac-obra-lead {
        font-size: 1.15rem;
    }


    .ac-obra-intro {
        font-size: .84rem;
        line-height: 1.55;
    }


    .ac-obra-series {
        width: auto;

        margin: 0 1.25rem;
    }


    .ac-series-row {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "years"
            "content"
            "image"
            "action";

        row-gap: 1rem;

        padding: 2rem 0;
    }


    .ac-series-years {
        grid-area: years;

        flex-direction: row;

        align-items: center;

        gap: .5rem;

        font-size: 1.1rem;
    }


    .ac-series-years i {
        width: 22px;
        height: 1px;

        margin: 0;
    }


    .ac-series-content {
        grid-area: content;
    }


    .ac-series-content h2 {
        font-size: 1.45rem;
    }


    .ac-series-content p {
        max-width: none;

        font-size: .85rem;
    }


    .ac-series-image {
        grid-area: image;

        width: 145px;
        height: 145px;
    }


    .ac-series-action {
        grid-area: action;

        justify-self: start;
    }

}
/* =========================================================
   OBRA · LIBERAR EL CONTENEDOR REAL
   ========================================================= */

.g-item:has(.ac-obra-index) {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding: 0 !important;

    overflow: visible !important;
}


.g-item:has(.ac-obra-index) > .item-content {
    width: 100% !important;
    max-width: none !important;

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

    overflow: visible !important;
}


/* ---------------------------------------------------------
   LA CABECERA YA NO SE DESPLAZA
   --------------------------------------------------------- */

.ac-obra-hero {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    position: static !important;
    left: auto !important;
    transform: none !important;
}


/* ---------------------------------------------------------
   TIPOGRAFÍA CORRECTA DEL SITIO
   --------------------------------------------------------- */

.ac-obra-hero h1,
.ac-obra-lead,
.ac-obra-intro {
    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;
}


.ac-obra-hero h1 {
    font-weight: 300 !important;

    letter-spacing: 0.02em !important;
}


.ac-obra-lead {
    font-weight: 300 !important;
}


.ac-obra-intro {
    font-weight: 400 !important;
}
/* =========================================================
   OBRA · TIPOGRAFÍA DE LAS SERIES
   Misma voz editorial que TRAYECTORIA
   ========================================================= */


/* FECHAS */

.ac-series-years {
    font-family: var(--ac-font-serif) !important;
    font-weight: 400 !important;
}


/* NOMBRE DE LA SERIE */

.ac-series-content h2 {
    font-family: var(--ac-font-serif) !important;
    font-weight: 400 !important;
}


/* DESCRIPCIÓN */

.ac-series-content p {
    font-family: var(--ac-font-sans) !important;
    font-weight: 400 !important;
}


/* NOTA DE SEMILLAS / SUBSERIES */

.ac-series-content .ac-series-sub {
    font-family: var(--ac-font-sans) !important;
    font-weight: 400 !important;
}


/* VER SERIE */

.ac-series-action a {
    font-family: var(--ac-font-sans) !important;
    font-weight: 400 !important;
}
/* =========================================================
   OBRA · LIBERAR LA COLUMNA DE CASSIOPEIA
   MISMA SOLUCIÓN QUE PRENSA
   ========================================================= */

body:has(.ac-obra-index) .site-grid > .grid-child:has(.ac-obra-index) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ---------------------------------------------------------
   CONTENEDOR DEL ARTÍCULO
   --------------------------------------------------------- */

body:has(.ac-obra-index) .container-component {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ---------------------------------------------------------
   MAIN
   --------------------------------------------------------- */

body:has(.ac-obra-index) .container-component > main {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   ITEM PAGE
   --------------------------------------------------------- */

body:has(.ac-obra-index) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.ac-obra-hero {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · PÁGINA DE SERIE
   Estructura base
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR LA COLUMNA DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-tu-tambien-estas)
.site-grid > .grid-child:has(.ac-serie-tu-tambien-estas) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


body:has(.ac-serie-tu-tambien-estas) .container-component {
    width: 100% !important;
    max-width: none !important;

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


body:has(.ac-serie-tu-tambien-estas)
.container-component > main,
body:has(.ac-serie-tu-tambien-estas)
.container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. BASE
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas {
    width: 100%;
    margin: 0;
    padding: 0;

    color: var(--ac-texto);
    background: var(--ac-caliza);
}


.ac-serie-tu-tambien-estas *,
.ac-serie-tu-tambien-estas *::before,
.ac-serie-tu-tambien-estas *::after {
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   3. CABECERA OSCURA
   --------------------------------------------------------- */

.ac-serie-hero {
    width: 100%;

    margin: 0;
    padding: 2.7rem 5vw 2.8rem;

    background: #292a27;
    color: #f3f0e9;
}


.ac-serie-hero-inner {
    width: min(1494px, 90vw);

    margin: 0 auto;
}


.ac-serie-hero h1 {
    margin: 0 0 .65rem;

    color: #f3f0e9 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 4.8vw, 5rem) !important;

    font-weight: 300 !important;

    line-height: .95 !important;

    letter-spacing: .02em !important;
}


.ac-serie-hero p {
    max-width: 760px;

    margin: 0;

    color: rgba(243,240,233,.78);

    font-family: var(--ac-font-sans) !important;

    font-size: 1.05rem;

    font-weight: 400;

    line-height: 1.4;
}


/* ---------------------------------------------------------
   4. GALERÍA
   --------------------------------------------------------- */

.ac-serie-gallery {
    width: 100%;

    margin: 0;
    padding: 3.2rem 0 2.5rem;

    background: var(--ac-caliza);
}


.ac-serie-gallery-inner {
    position: relative;

    width: min(1180px, 90vw);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        315px
        minmax(0, 1fr);

    column-gap: 4rem;

    align-items: start;
}


/* ---------------------------------------------------------
   5. RADIO BUTTONS · OCULTOS
   --------------------------------------------------------- */

.ac-serie-gallery-inner > input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;

    pointer-events: none;
}


/* ---------------------------------------------------------
   6. MINIATURAS
   --------------------------------------------------------- */

.ac-serie-thumbnails {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 1.35rem 1rem;

    align-content: start;
}


.ac-serie-thumb {
    display: block;

    margin: 0;

    cursor: pointer;
}


.ac-serie-thumb img {
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;

    object-fit: cover;

    border: 1px solid transparent;

    transition:
        border-color .2s ease,
        opacity .2s ease;
}


.ac-serie-thumb span {
    display: block;

    margin-top: .32rem;

    color: #77736b;

    font-family: var(--ac-font-sans);

    font-size: .56rem;

    line-height: 1;

    letter-spacing: .08em;
}


/* ---------------------------------------------------------
   7. MINIATURA SELECCIONADA
   --------------------------------------------------------- */

#tte-01:checked ~ .ac-serie-thumbnails .ac-serie-thumb-01 img,
#tte-02:checked ~ .ac-serie-thumbnails .ac-serie-thumb-02 img,
#tte-03:checked ~ .ac-serie-thumbnails .ac-serie-thumb-03 img,
#tte-04:checked ~ .ac-serie-thumbnails .ac-serie-thumb-04 img,
#tte-05:checked ~ .ac-serie-thumbnails .ac-serie-thumb-05 img,
#tte-06:checked ~ .ac-serie-thumbnails .ac-serie-thumb-06 img,
#tte-07:checked ~ .ac-serie-thumbnails .ac-serie-thumb-07 img,
#tte-08:checked ~ .ac-serie-thumbnails .ac-serie-thumb-08 img {
    border-color: #292a27;
}


/* ---------------------------------------------------------
   8. OBRA GRANDE
   --------------------------------------------------------- */

.ac-serie-selected {
    min-width: 0;
}


.ac-serie-work {
    display: none;

    margin: 0;
}


#tte-01:checked ~ .ac-serie-selected .ac-serie-work-01,
#tte-02:checked ~ .ac-serie-selected .ac-serie-work-02,
#tte-03:checked ~ .ac-serie-selected .ac-serie-work-03,
#tte-04:checked ~ .ac-serie-selected .ac-serie-work-04,
#tte-05:checked ~ .ac-serie-selected .ac-serie-work-05,
#tte-06:checked ~ .ac-serie-selected .ac-serie-work-06,
#tte-07:checked ~ .ac-serie-selected .ac-serie-work-07,
#tte-08:checked ~ .ac-serie-selected .ac-serie-work-08 {
    display: block;
}


.ac-serie-work-image {
    width: 100%;
    max-width: 600px;

    margin: 0 auto;
}


.ac-serie-work-image img {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 1 / 1;

    object-fit: cover;
}


/* ---------------------------------------------------------
   9. FICHA DE LA OBRA
   --------------------------------------------------------- */

.ac-serie-work figcaption {
    max-width: 600px;

    margin: .9rem auto 0;
}


.ac-serie-work h2 {
    margin: 0 0 .35rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif) !important;

    font-size: 1.45rem;

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: 0;
}


.ac-serie-work figcaption p {
    margin: 0;

    color: #6c6962;

    font-family: var(--ac-font-sans) !important;

    font-size: .7rem;

    line-height: 1.4;
}


/* ---------------------------------------------------------
   10. NOTA TÉCNICA
   --------------------------------------------------------- */

.ac-serie-note {
    padding: 1.5rem 5vw 3rem;
}


.ac-serie-note-inner {
    width: min(1180px, 90vw);

    margin: 0 auto;

    border-top: 1px solid rgba(41,42,39,.14);

    padding-top: 1rem;
}


.ac-serie-note p {
    max-width: 620px;

    margin: 0;

    color: #77736b;

    font-family: var(--ac-font-sans);

    font-size: .68rem;

    line-height: 1.5;
}


/* ---------------------------------------------------------
   11. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-gallery-inner {
        width: calc(100% - 4rem);

        grid-template-columns:
            260px
            minmax(0, 1fr);

        column-gap: 2.5rem;
    }

}


/* ---------------------------------------------------------
   12. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-hero {
        padding: 2.5rem 1.25rem 2.6rem;
    }


    .ac-serie-hero-inner {
        width: auto;
    }


    .ac-serie-hero h1 {
        font-size: 3rem !important;
    }


    .ac-serie-gallery {
        padding: 2rem 0 2.2rem;
    }


    .ac-serie-gallery-inner {
        width: calc(100% - 2.5rem);

        display: block;
    }


    .ac-serie-thumbnails {
        margin-bottom: 2rem;

        grid-template-columns:
            repeat(4, 1fr);

        gap: .8rem;
    }


    .ac-serie-thumb span {
        font-size: .5rem;
    }


    .ac-serie-work-image {
        max-width: 600px;
    }


    .ac-serie-note {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }


    .ac-serie-note-inner {
        width: 100%;
    }

}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · CABECERA A DOS COLUMNAS
   ========================================================= */

.ac-serie-hero-inner {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    column-gap: 6rem;

    align-items: center;
}


.ac-serie-hero-main {
    min-width: 0;
}


.ac-serie-hero-text {
    max-width: 520px;

    margin-left: auto;
}


.ac-serie-hero-text p {
    margin: 0;

    color: rgba(243,240,233,.72);

    font-family: var(--ac-font-sans) !important;

    font-size: .78rem;

    line-height: 1.6;
}


/* Móvil */

@media (max-width: 767px) {

    .ac-serie-hero-inner {
        grid-template-columns: 1fr;

        row-gap: 1.8rem;
    }

    .ac-serie-hero-text {
        max-width: none;
        margin-left: 0;
    }

}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · MINIATURAS MÁS GRANDES
   ========================================================= */

.ac-serie-gallery-inner {
    grid-template-columns:
        390px
        minmax(0, 1fr);

    column-gap: 3.5rem;
}

.ac-serie-thumbnails {
    grid-template-columns:
        repeat(3, 120px);

    gap: 1.35rem 1rem;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · AJUSTE DE CABECERA Y MINIATURAS
   ========================================================= */


/* Texto conceptual de la derecha */

.ac-serie-hero-text p {
    font-size: .90rem !important;
    line-height: 1.58 !important;
}


/* Eliminar los números bajo las miniaturas */

.ac-serie-thumb span {
    display: none !important;
}
.ac-serie-thumbnails > label.ac-serie-thumb > span {
    display: none !important;
    visibility: hidden !important;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · QUITAR NÚMEROS DE MINIATURAS
   ========================================================= */

.ac-serie-thumb {
    font-size: 0 !important;
}

.ac-serie-thumb span {
    display: none !important;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · FICHA DE LA OBRA
   ========================================================= */

.ac-serie-work figcaption {
    width: 100%;
    max-width: 600px;

    margin: .9rem auto 0;
}


.ac-serie-work h2 {
    margin: 0 0 .35rem;

    color: var(--ac-negro);

    font-family: var(--ac-font-serif) !important;

    font-size: 1.35rem !important;

    font-weight: 400 !important;

    line-height: 1.05 !important;

    letter-spacing: 0 !important;
}


.ac-serie-work figcaption p {
    margin: 0;

    color: #6c6a63;

    font-family: var(--ac-font-sans) !important;

    font-size: .68rem !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · FICHA EN UNA SOLA LÍNEA
   SIN MODIFICAR EL HTML
   ========================================================= */

.ac-serie-work figcaption {
    width: 100%;
    max-width: 600px;

    margin: .8rem auto 0;

    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
}


/* Nombre de la obra */

.ac-serie-work figcaption h2 {
    margin: 0 !important;

    color: var(--ac-negro) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .70rem !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    letter-spacing: .02em !important;

    white-space: nowrap;
}


/* Separador */

.ac-serie-work figcaption h2::after {
    content: " · ";

    color: #77736b;
}


/* Año + técnica + medidas */

.ac-serie-work figcaption p {
    margin: 0 !important;

    color: #6c6a63 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .68rem !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    white-space: nowrap;
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · NAVEGACIÓN SOLO CON CSS
   No modifica el HTML
   ========================================================= */


/* ---------------------------------------------------------
   POSICIÓN BASE DE LOS CONTROLES
   --------------------------------------------------------- */

.ac-serie-gallery-inner {
    position: relative;
}


.ac-serie-thumb::before,
.ac-serie-thumb::after {
    content: "";

    position: absolute;

    top: calc(600px + .95rem);

    z-index: 20;

    display: none;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    color: #4d4a44;

    font-family: var(--ac-font-sans);

    font-size: 1.25rem;

    font-weight: 300;

    line-height: 1;

    cursor: pointer;

    pointer-events: auto;
}


/* ---------------------------------------------------------
   POSICIÓN HORIZONTAL
   Alineadas con el borde derecho de la obra grande
   --------------------------------------------------------- */

.ac-serie-thumb::before {
    right: max(
        0px,
        calc(
            (100% - 390px - 3.5rem - 600px) / 2
            + 48px
        )
    );
}


.ac-serie-thumb::after {
    right: max(
        0px,
        calc(
            (100% - 390px - 3.5rem - 600px) / 2
        )
    );
}


/* ---------------------------------------------------------
   01 SELECCIONADA
   ← 08    02 →
   --------------------------------------------------------- */

#tte-01:checked ~ .ac-serie-thumbnails .ac-serie-thumb-08::before {
    content: "←";
    display: flex;
}

#tte-01:checked ~ .ac-serie-thumbnails .ac-serie-thumb-02::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   02 SELECCIONADA
   ← 01    03 →
   --------------------------------------------------------- */

#tte-02:checked ~ .ac-serie-thumbnails .ac-serie-thumb-01::before {
    content: "←";
    display: flex;
}

#tte-02:checked ~ .ac-serie-thumbnails .ac-serie-thumb-03::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   03 SELECCIONADA
   ← 02    04 →
   --------------------------------------------------------- */

#tte-03:checked ~ .ac-serie-thumbnails .ac-serie-thumb-02::before {
    content: "←";
    display: flex;
}

#tte-03:checked ~ .ac-serie-thumbnails .ac-serie-thumb-04::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   04 SELECCIONADA
   ← 03    05 →
   --------------------------------------------------------- */

#tte-04:checked ~ .ac-serie-thumbnails .ac-serie-thumb-03::before {
    content: "←";
    display: flex;
}

#tte-04:checked ~ .ac-serie-thumbnails .ac-serie-thumb-05::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   05 SELECCIONADA
   ← 04    06 →
   --------------------------------------------------------- */

#tte-05:checked ~ .ac-serie-thumbnails .ac-serie-thumb-04::before {
    content: "←";
    display: flex;
}

#tte-05:checked ~ .ac-serie-thumbnails .ac-serie-thumb-06::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   06 SELECCIONADA
   ← 05    07 →
   --------------------------------------------------------- */

#tte-06:checked ~ .ac-serie-thumbnails .ac-serie-thumb-05::before {
    content: "←";
    display: flex;
}

#tte-06:checked ~ .ac-serie-thumbnails .ac-serie-thumb-07::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   07 SELECCIONADA
   ← 06    08 →
   --------------------------------------------------------- */

#tte-07:checked ~ .ac-serie-thumbnails .ac-serie-thumb-06::before {
    content: "←";
    display: flex;
}

#tte-07:checked ~ .ac-serie-thumbnails .ac-serie-thumb-08::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   08 SELECCIONADA
   ← 07    01 →
   --------------------------------------------------------- */

#tte-08:checked ~ .ac-serie-thumbnails .ac-serie-thumb-07::before {
    content: "←";
    display: flex;
}

#tte-08:checked ~ .ac-serie-thumbnails .ac-serie-thumb-01::after {
    content: "→";
    display: flex;
}


/* ---------------------------------------------------------
   NOTA TÉCNICA · MÁS LEGIBLE
   --------------------------------------------------------- */

.ac-serie-note p {
    max-width: 760px !important;

    margin: 0 !important;

    color: #625e57 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .90rem !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-thumb::before,
    .ac-serie-thumb::after {
        display: none !important;
    }

}
/* ==========================================================
   ESTADOS EMBRIONARIOS · PÁGINA DE SERIE
   ========================================================== */


/* ----------------------------------------------------------
   1. LIBERAR LA COLUMNA DE CASSIOPEIA
   ---------------------------------------------------------- */

body:has(.ac-serie-estados-embrionarios) .site-grid > .grid-child:has(.ac-serie-estados-embrionarios) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


body:has(.ac-serie-estados-embrionarios) .container-component,
body:has(.ac-serie-estados-embrionarios) .container-component > main,
body:has(.ac-serie-estados-embrionarios) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ----------------------------------------------------------
   2. PÁGINA COMPLETA
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios {
    width: 100% !important;
    max-width: none !important;

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


/* ----------------------------------------------------------
   3. CABECERA OSCURA
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-hero {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;

    overflow: hidden !important;
}


.ac-serie-estados-embrionarios .ac-serie-hero-inner {
    width: min(1494px, 90vw) !important;
    max-width: none !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    column-gap: 6rem;

    align-items: center;
}


/* ----------------------------------------------------------
   TÍTULO
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-hero h1 {
    margin: 0 !important;

    color: #f3f0e8 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3.2rem, 5vw, 5rem) !important;

    font-weight: 300 !important;
    line-height: .96 !important;

    letter-spacing: -.025em !important;
}


.ac-serie-estados-embrionarios .ac-serie-hero-meta {
    display: flex;

    align-items: center;

    gap: .9rem;

    margin-top: 1.25rem;

    color: rgba(243,240,232,.82);

    font-family: var(--ac-font-serif) !important;

    font-size: .92rem;

    line-height: 1.3;
}


.ac-serie-estados-embrionarios .ac-serie-hero-text {
    min-width: 0;
}


.ac-serie-estados-embrionarios .ac-serie-hero-text p {
    margin: 0 !important;

    max-width: 470px;

    color: rgba(243,240,232,.82) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .90rem !important;

    line-height: 1.58 !important;

    font-weight: 400 !important;
}


.ac-serie-estados-embrionarios .ac-serie-hero-text strong {
    color: #f3f0e8 !important;

    font-weight: 600 !important;
}


/* ----------------------------------------------------------
   4. GALERÍA
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery {
    width: 100% !important;

    margin: 0 !important;
    padding: 3.8rem 0 5rem !important;

    background: var(--ac-caliza) !important;
}


.ac-serie-estados-embrionarios .ac-serie-gallery-inner {
    width: min(1180px, 90vw) !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        390px
        minmax(0, 1fr);

    column-gap: 3.5rem;

    align-items: start;
}


/* ----------------------------------------------------------
   5. RADIOS OCULTOS
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-thumbnails input[type="radio"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ----------------------------------------------------------
   6. MINIATURAS
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-thumbnails {
    display: grid;

    grid-template-columns: repeat(3, 120px);

    gap: 1.35rem 1rem;

    align-content: start;
}


.ac-serie-estados-embrionarios .ac-serie-thumb {
    display: flex;

    width: 120px;
    height: 120px;

    margin: 0;

    padding: 0;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #e8e4db;

    cursor: pointer;

    border: 0;

    transition:
        opacity .25s ease,
        transform .25s ease;
}


.ac-serie-estados-embrionarios .ac-serie-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    background: #e8e4db;

    transition: transform .3s ease;
}


.ac-serie-estados-embrionarios .ac-serie-thumb:hover {
    opacity: .78;
}


.ac-serie-estados-embrionarios .ac-serie-thumb:hover img {
    transform: scale(1.02);
}


/* Ocultar numeración de las miniaturas */

.ac-serie-estados-embrionarios .ac-serie-thumb span {
    display: none !important;
}


/* ----------------------------------------------------------
   7. OBRA GRANDE
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-selected {
    min-width: 0;
}


.ac-serie-estados-embrionarios .ac-serie-work {
    display: none;

    margin: 0;
    padding: 0;
}


.ac-serie-estados-embrionarios .ac-serie-work img {
    display: block;

    width: 100%;
    max-width: 700px;
    height: auto;

    margin: 0;

    object-fit: contain;
}


/* Activar obra seleccionada */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-01:checked) .ac-serie-work-01,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-02:checked) .ac-serie-work-02,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-03:checked) .ac-serie-work-03,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-04:checked) .ac-serie-work-04,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-05:checked) .ac-serie-work-05,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-06:checked) .ac-serie-work-06,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-07:checked) .ac-serie-work-07,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-work-08 {
    display: block;
}


/* ----------------------------------------------------------
   8. FICHA DE OBRA
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-work figcaption {
    margin-top: .8rem;

    color: var(--ac-texto);
}


.ac-serie-estados-embrionarios .ac-serie-work figcaption h2,
.ac-serie-estados-embrionarios .ac-serie-work figcaption p {
    display: inline;

    margin: 0 !important;
}


.ac-serie-estados-embrionarios .ac-serie-work figcaption h2 {
    font-family: var(--ac-font-serif) !important;

    font-size: .86rem !important;

    font-weight: 400 !important;

    letter-spacing: .02em;
}


.ac-serie-estados-embrionarios .ac-serie-work figcaption p {
    margin-left: .45rem !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .78rem !important;

    color: var(--ac-texto-suave);
}


/* ----------------------------------------------------------
   9. TABLET
   ---------------------------------------------------------- */

@media (max-width: 991px) {

    .ac-serie-estados-embrionarios .ac-serie-hero-inner {
        width: calc(100% - 4rem) !important;

        grid-template-columns: 1fr;

        row-gap: 2rem;
    }

    .ac-serie-estados-embrionarios .ac-serie-hero-text p {
        max-width: 700px;
    }

    .ac-serie-estados-embrionarios .ac-serie-gallery-inner {
        width: calc(100% - 4rem) !important;

        grid-template-columns: 320px minmax(0, 1fr);

        column-gap: 2rem;
    }

    .ac-serie-estados-embrionarios .ac-serie-thumbnails {
        grid-template-columns: repeat(2, 120px);
    }

}


/* ----------------------------------------------------------
   10. MÓVIL
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-estados-embrionarios .ac-serie-hero {
        padding: 2.7rem 1.25rem 2.8rem !important;
    }

    .ac-serie-estados-embrionarios .ac-serie-hero-inner {
        width: 100% !important;

        display: block !important;
    }

    .ac-serie-estados-embrionarios .ac-serie-hero h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-estados-embrionarios .ac-serie-hero-text {
        margin-top: 2rem;
    }

    .ac-serie-estados-embrionarios .ac-serie-gallery {
        padding: 2.8rem 1.25rem 4rem !important;
    }

    .ac-serie-estados-embrionarios .ac-serie-gallery-inner {
        width: 100% !important;

        display: block !important;
    }

    .ac-serie-estados-embrionarios .ac-serie-thumbnails {
        grid-template-columns: repeat(3, 1fr);

        gap: .9rem;

        margin-bottom: 2.5rem;
    }

    .ac-serie-estados-embrionarios .ac-serie-thumb {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .ac-serie-estados-embrionarios .ac-serie-work img {
        max-width: 100%;
    }

}
/* ==========================================================
   ESTADOS EMBRIONARIOS · FLECHAS DE NAVEGACIÓN
   ========================================================== */

.ac-serie-estados-embrionarios .ac-serie-gallery-inner {
    position: relative !important;
}


/* Base de las flechas */

.ac-serie-estados-embrionarios .ac-serie-thumb::before,
.ac-serie-estados-embrionarios .ac-serie-thumb::after {
    position: absolute !important;

    bottom: 1.35rem !important;

    z-index: 20 !important;

    display: none;

    width: 2.5rem;

    color: rgba(41,42,39,.65);

    font-family: var(--ac-font-sans) !important;

    font-size: 1.45rem;

    font-weight: 300;

    line-height: 1;

    text-align: center;

    cursor: pointer;

    transition:
        color .2s ease,
        transform .2s ease;
}


/* ----------------------------------------------------------
   1 → 8 / 1 → 2
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-01:checked) .ac-serie-thumb[for="ee-08"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-01:checked) .ac-serie-thumb[for="ee-02"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-01:checked) .ac-serie-thumb[for="ee-08"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-01:checked) .ac-serie-thumb[for="ee-02"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   2 → 1 / 2 → 3
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-02:checked) .ac-serie-thumb[for="ee-01"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-02:checked) .ac-serie-thumb[for="ee-03"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-02:checked) .ac-serie-thumb[for="ee-01"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-02:checked) .ac-serie-thumb[for="ee-03"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   3 → 2 / 3 → 4
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-03:checked) .ac-serie-thumb[for="ee-02"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-03:checked) .ac-serie-thumb[for="ee-04"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-03:checked) .ac-serie-thumb[for="ee-02"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-03:checked) .ac-serie-thumb[for="ee-04"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   4 → 3 / 4 → 5
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-04:checked) .ac-serie-thumb[for="ee-03"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-04:checked) .ac-serie-thumb[for="ee-05"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-04:checked) .ac-serie-thumb[for="ee-03"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-04:checked) .ac-serie-thumb[for="ee-05"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   5 → 4 / 5 → 6
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-05:checked) .ac-serie-thumb[for="ee-04"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-05:checked) .ac-serie-thumb[for="ee-06"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-05:checked) .ac-serie-thumb[for="ee-04"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-05:checked) .ac-serie-thumb[for="ee-06"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   6 → 5 / 6 → 7
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-06:checked) .ac-serie-thumb[for="ee-05"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-06:checked) .ac-serie-thumb[for="ee-07"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-06:checked) .ac-serie-thumb[for="ee-05"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-06:checked) .ac-serie-thumb[for="ee-07"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   7 → 6 / 7 → 8
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-07:checked) .ac-serie-thumb[for="ee-06"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-07:checked) .ac-serie-thumb[for="ee-08"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-07:checked) .ac-serie-thumb[for="ee-06"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-07:checked) .ac-serie-thumb[for="ee-08"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   8 → 7 / 8 → 1
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb[for="ee-07"]::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb[for="ee-01"]::after {
    display: block !important;
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb[for="ee-07"]::before {
    content: "←";

    left: calc(390px + 3.5rem);
}

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb[for="ee-01"]::after {
    content: "→";

    right: 0;
}


/* ----------------------------------------------------------
   HOVER
   ---------------------------------------------------------- */

.ac-serie-estados-embrionarios .ac-serie-thumb::before:hover,
.ac-serie-estados-embrionarios .ac-serie-thumb::after:hover {
    color: var(--ac-negro);
}
/* ==========================================================
   ESTADOS EMBRIONARIOS · CORRECCIÓN POSICIÓN FLECHAS
   ========================================================== */

.ac-serie-estados-embrionarios .ac-serie-thumb::before,
.ac-serie-estados-embrionarios .ac-serie-thumb::after {
    bottom: auto !important;

    top: 720px !important;

    pointer-events: auto !important;
}


/* La obra nº 8 es horizontal (50 × 70 cm),
   por lo que sus flechas deben subir */

.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb::before,
.ac-serie-estados-embrionarios .ac-serie-gallery:has(#ee-08:checked) .ac-serie-thumb::after {
    top: 475px !important;
}
/* ==========================================================
   ESTADOS EMBRIONARIOS · IGUALAR POSICIÓN DE FLECHAS
   A TÚ TAMBIÉN ESTÁS
   ========================================================== */

.ac-serie-estados-embrionarios .ac-serie-thumb::before {
    left: auto !important;
    right: 150px !important;
}

.ac-serie-estados-embrionarios .ac-serie-thumb::after {
    right: 80px !important;
}
/* ==========================================================
   CONFLICTOS DEL LENGUAJE
   RECONSTRUCCIÓN COMPLETA DESDE CERO
   ========================================================== */


/* ==========================================================
   1. LIBERAR LA PÁGINA DEL CONTENEDOR DE CASSIOPEIA
   ========================================================== */

body:has(.ac-serie-conflictos-del-lenguaje)
.site-grid > .grid-child:has(.ac-serie-conflictos-del-lenguaje) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-conflictos-del-lenguaje)
.container-component,
body:has(.ac-serie-conflictos-del-lenguaje)
.container-component > main,
body:has(.ac-serie-conflictos-del-lenguaje)
.container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   2. PÁGINA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #292a27 !important;
    color: #fff !important;
}


/* ==========================================================
   3. CABECERA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-hero {
    width: 100% !important;
    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-inner {
    width: min(1494px, 90vw) !important;
    max-width: 1494px !important;

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

    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .65fr) !important;
    gap: 6rem !important;
    align-items: start !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-title h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    font-weight: 300 !important;
    line-height: .95 !important;
    letter-spacing: -.025em !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-meta {
    margin-top: .8rem !important;

    color: rgba(255,255,255,.58) !important;
    font-family: var(--ac-font-serif) !important;

    font-size: .95rem !important;
    line-height: 1.2 !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-text {
    padding-top: .25rem !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-text p {
    max-width: 600px !important;
    margin: 0 !important;

    color: rgba(255,255,255,.78) !important;
    font-family: var(--ac-font-sans) !important;

    font-size: .90rem !important;
    line-height: 1.58 !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-hero-text strong {
    color: #fff !important;
    font-weight: 500 !important;
}


/* ==========================================================
   4. GALERÍA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-gallery {
    width: 100% !important;
    margin: 0 !important;
    padding: 2.8rem 0 3.2rem !important;

    background: #292a27 !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-gallery-inner {
    width: min(1180px, 90vw) !important;
    max-width: 1180px !important;

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

    display: grid !important;
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 3.5rem !important;

    align-items: start !important;
}


/* ==========================================================
   5. MINIATURAS
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-thumbnails {
    width: 390px !important;

    display: grid !important;
    grid-template-columns: repeat(3, 120px) !important;
    grid-auto-rows: 120px !important;

    gap: 1.35rem 1rem !important;

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

    align-content: start !important;
}


/* RADIO BUTTONS: INVISIBLES Y SIN OCUPAR ESPACIO */

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input[type="radio"] {
    display: none !important;

    position: absolute !important;

    width: 0 !important;
    height: 0 !important;

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


/* MINIATURA */

.ac-serie-conflictos-del-lenguaje .ac-serie-thumb {
    display: block !important;

    position: relative !important;

    width: 120px !important;
    height: 120px !important;

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

    background: transparent !important;
    border: 0 !important;

    cursor: pointer !important;

    font-size: 0 !important;
    line-height: 0 !important;
}


/* IMAGEN MINIATURA */

.ac-serie-conflictos-del-lenguaje .ac-serie-thumb img {
    display: block !important;

    width: 120px !important;
    height: 120px !important;

    max-width: none !important;

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

    object-fit: cover !important;

    opacity: .68;

    transition: opacity .2s ease, transform .2s ease !important;
}

.ac-serie-conflictos-del-lenguaje .ac-serie-thumb:hover img {
    opacity: 1 !important;
    transform: scale(1.02) !important;
}


/* MINIATURA ACTIVA */

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-01:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-02:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-03:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-04:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-05:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-06:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-07:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-08:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-09:checked + .ac-serie-thumb img,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumbnails
input#cdl-10:checked + .ac-serie-thumb img {
    opacity: 1 !important;
}


/* ==========================================================
   6. ZONA DE OBRA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-selected {
    width: 100% !important;
    min-width: 0 !important;

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


/* TODAS OCULTAS */

.ac-serie-conflictos-del-lenguaje
.ac-serie-selected
.ac-serie-work {
    display: none !important;

    width: 100% !important;

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

    color: #fff !important;
}


/* MOSTRAR LA SELECCIONADA */

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-01:checked)
.ac-serie-work-01,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-02:checked)
.ac-serie-work-02,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-03:checked)
.ac-serie-work-03,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-04:checked)
.ac-serie-work-04,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-05:checked)
.ac-serie-work-05,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-06:checked)
.ac-serie-work-06,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-07:checked)
.ac-serie-work-07,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-08:checked)
.ac-serie-work-08,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-09:checked)
.ac-serie-work-09,

.ac-serie-conflictos-del-lenguaje
.ac-serie-gallery:has(#cdl-10:checked)
.ac-serie-work-10 {
    display: block !important;
}


/* IMAGEN GRANDE */

.ac-serie-conflictos-del-lenguaje .ac-serie-work > img {
    display: block !important;

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

    height: auto !important;

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

    object-fit: contain !important;
}


/* ==========================================================
   7. FICHA TÉCNICA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-work figcaption {
    display: flex !important;

    justify-content: space-between !important;
    align-items: center !important;

    gap: 1.5rem !important;

    margin: .75rem 0 0 !important;
    padding: 0 !important;
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-work
figcaption h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-family: var(--ac-font-sans) !important;

    font-size: .72rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-work
figcaption p {
    margin: 0 !important;

    color: rgba(255,255,255,.55) !important;
    font-family: var(--ac-font-sans) !important;

    font-size: .70rem !important;
    line-height: 1.2 !important;

    text-align: right !important;
}


/* ==========================================================
   8. FLECHAS
   ========================================================== */

.ac-serie-conflictos-del-lenguaje .ac-serie-navigation {
    display: flex !important;

    width: 100% !important;

    margin: .9rem 0 0 !important;
    padding: 0 !important;

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

    gap: 1.8rem !important;
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-navigation label {
    display: inline-flex !important;

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

    width: 24px !important;
    height: 24px !important;

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

    color: rgba(255,255,255,.62) !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1.15rem !important;
    font-weight: 300 !important;

    line-height: 1 !important;

    cursor: pointer !important;
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-navigation label:hover {
    color: #fff !important;
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-nav-prev:hover {
    transform: translateX(-2px);
}

.ac-serie-conflictos-del-lenguaje
.ac-serie-nav-next:hover {
    transform: translateX(2px);
}


/* ==========================================================
   9. IMPORTANTE: ANULAR CUALQUIER FLECHA ANTIGUA
   ========================================================== */

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumb::before,

.ac-serie-conflictos-del-lenguaje
.ac-serie-thumb::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   10. TABLET
   ========================================================== */

@media (max-width: 900px) {

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-hero-inner {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-gallery-inner {
        grid-template-columns: 300px minmax(0,1fr) !important;
        gap: 2.5rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-thumbnails {
        width: 300px !important;

        grid-template-columns: repeat(2, 120px) !important;
    }
}


/* ==========================================================
   11. MÓVIL
   ========================================================== */

@media (max-width: 767px) {

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-hero {
        padding: 2.2rem 1.25rem 2.4rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-hero-inner {
        width: 100% !important;
        display: block !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-hero-text {
        margin-top: 1.8rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-gallery {
        padding: 2rem 1.25rem 2.5rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-gallery-inner {
        width: 100% !important;
        display: block !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-thumbnails {
        width: 100% !important;

        grid-template-columns: repeat(3, 90px) !important;
        grid-auto-rows: 90px !important;

        gap: .9rem !important;

        margin-bottom: 2rem !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-thumb,
    .ac-serie-conflictos-del-lenguaje
    .ac-serie-thumb img {
        width: 90px !important;
        height: 90px !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-work figcaption {
        display: block !important;
    }

    .ac-serie-conflictos-del-lenguaje
    .ac-serie-work figcaption p {
        margin-top: .4rem !important;
        text-align: left !important;
    }
}
/* ==========================================================
   CONFLICTOS DEL LENGUAJE · SISTEMA NUEVO
   ========================================================== */


/* ----------------------------------------------------------
   CONTENEDOR
   ---------------------------------------------------------- */

.ac-cdl {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #292a27 !important;
    color: #fff !important;

    font-family: var(--ac-font-sans) !important;
}

.ac-cdl *,
.ac-cdl *::before,
.ac-cdl *::after {
    box-sizing: border-box;
}


/* ----------------------------------------------------------
   LIBERAR LA PÁGINA DEL CONTENEDOR DE CASSIOPEIA
   ---------------------------------------------------------- */

body:has(.ac-cdl) .site-grid > .grid-child:has(.ac-cdl) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-cdl) .container-component,
body:has(.ac-cdl) .container-component > main,
body:has(.ac-cdl) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ----------------------------------------------------------
   CABECERA
   ---------------------------------------------------------- */

.ac-cdl-hero {
    width: 100% !important;
    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
}

.ac-cdl-hero-inner {
    width: min(1494px, 90vw) !important;
    max-width: 1494px !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, .65fr) !important;

    gap: 6rem !important;

    align-items: start !important;
}

.ac-cdl-title h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;

    font-weight: 300 !important;

    line-height: .95 !important;

    letter-spacing: -.025em !important;
}

.ac-cdl-meta {
    margin-top: .8rem !important;

    color: rgba(255,255,255,.58) !important;

    font-family: var(--ac-font-serif) !important;

    font-size: .95rem !important;

    line-height: 1.2 !important;
}

.ac-cdl-hero-text {
    padding-top: .25rem !important;
}

.ac-cdl-hero-text p {
    max-width: 600px !important;

    margin: 0 !important;

    color: rgba(255,255,255,.78) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .90rem !important;

    line-height: 1.58 !important;
}

.ac-cdl-hero-text strong {
    color: #fff !important;
    font-weight: 500 !important;
}


/* ----------------------------------------------------------
   GALERÍA
   ---------------------------------------------------------- */

.ac-cdl-gallery {
    width: 100% !important;

    margin: 0 !important;
    padding: 2.8rem 0 3.2rem !important;

    background: #292a27 !important;
}

.ac-cdl-gallery-inner {
    width: min(1180px, 90vw) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    display: grid !important;

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

    gap: 3.5rem !important;

    align-items: start !important;
}


/* ----------------------------------------------------------
   RADIOS
   ---------------------------------------------------------- */

.ac-cdl-radio {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0,0,0,0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ----------------------------------------------------------
   MINIATURAS
   ---------------------------------------------------------- */

.ac-cdl-thumbnails {
    width: 390px !important;

    display: grid !important;

    grid-template-columns: repeat(3,120px) !important;

    grid-auto-rows: 120px !important;

    gap: 1.35rem 1rem !important;

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

.ac-cdl-thumb {
    display: block !important;

    width: 120px !important;
    height: 120px !important;

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

    font-size: 0 !important;
    line-height: 0 !important;

    cursor: pointer !important;

    background: transparent !important;
}

.ac-cdl-thumb img {
    display: block !important;

    width: 120px !important;
    height: 120px !important;

    max-width: none !important;

    object-fit: cover !important;

    opacity: .68;

    transition:
        opacity .2s ease,
        transform .2s ease !important;
}

.ac-cdl-thumb:hover img {
    opacity: 1 !important;
    transform: scale(1.02) !important;
}


/* Miniatura activa */

#acdl-01:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-01 img,

#acdl-02:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-02 img,

#acdl-03:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-03 img,

#acdl-04:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-04 img,

#acdl-05:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-05 img,

#acdl-06:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-06 img,

#acdl-07:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-07 img,

#acdl-08:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-08 img,

#acdl-09:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-09 img,

#acdl-10:checked ~ .ac-cdl-gallery
.ac-cdl-thumb-10 img {
    opacity: 1 !important;
}


/* ----------------------------------------------------------
   OBRA GRANDE
   ---------------------------------------------------------- */

.ac-cdl-selected {
    width: 100% !important;
    min-width: 0 !important;
}

.ac-cdl-work {
    display: none !important;

    width: 100% !important;

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


/* Seleccionada */

#acdl-01:checked ~ .ac-cdl-gallery
.ac-cdl-work-01,

#acdl-02:checked ~ .ac-cdl-gallery
.ac-cdl-work-02,

#acdl-03:checked ~ .ac-cdl-gallery
.ac-cdl-work-03,

#acdl-04:checked ~ .ac-cdl-gallery
.ac-cdl-work-04,

#acdl-05:checked ~ .ac-cdl-gallery
.ac-cdl-work-05,

#acdl-06:checked ~ .ac-cdl-gallery
.ac-cdl-work-06,

#acdl-07:checked ~ .ac-cdl-gallery
.ac-cdl-work-07,

#acdl-08:checked ~ .ac-cdl-gallery
.ac-cdl-work-08,

#acdl-09:checked ~ .ac-cdl-gallery
.ac-cdl-work-09,

#acdl-10:checked ~ .ac-cdl-gallery
.ac-cdl-work-10 {
    display: block !important;
}


/* Imagen */

.ac-cdl-work-image {
    display: block !important;

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

    height: auto !important;

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

    object-fit: contain !important;
}


/* ----------------------------------------------------------
   FICHA
   ---------------------------------------------------------- */

.ac-cdl-caption {
    display: flex !important;

    justify-content: space-between !important;
    align-items: center !important;

    gap: 1.5rem !important;

    margin: .75rem 0 0 !important;
    padding: 0 !important;
}

.ac-cdl-caption h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .72rem !important;

    font-weight: 400 !important;

    line-height: 1.2 !important;

    letter-spacing: .12em !important;
}

.ac-cdl-caption p {
    margin: 0 !important;

    color: rgba(255,255,255,.55) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: .70rem !important;

    line-height: 1.2 !important;

    text-align: right !important;
}


/* ----------------------------------------------------------
   FLECHAS
   ---------------------------------------------------------- */

.ac-cdl-navigation {
    display: flex !important;

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

    width: 100% !important;

    height: 28px !important;

    margin: .9rem 0 0 !important;
    padding: 0 !important;

    gap: 1.8rem !important;
}

.ac-cdl-navigation label {
    display: inline-flex !important;

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

    width: 24px !important;
    height: 24px !important;

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

    color: rgba(255,255,255,.62) !important;

    font-family: var(--ac-font-sans) !important;

    font-size: 1.15rem !important;
    font-weight: 300 !important;

    line-height: 1 !important;

    cursor: pointer !important;
}

.ac-cdl-navigation label:hover {
    color: #fff !important;
}

.ac-cdl-navigation .prev:hover {
    transform: translateX(-2px);
}

.ac-cdl-navigation .next:hover {
    transform: translateX(2px);
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    .ac-cdl-hero-inner {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .ac-cdl-gallery-inner {
        grid-template-columns: 300px minmax(0,1fr) !important;
        gap: 2.5rem !important;
    }

    .ac-cdl-thumbnails {
        width: 300px !important;
        grid-template-columns: repeat(2,120px) !important;
    }
}


/* ----------------------------------------------------------
   MÓVIL
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-cdl-hero {
        padding: 2.2rem 1.25rem 2.4rem !important;
    }

    .ac-cdl-hero-inner {
        width: 100% !important;
        display: block !important;
    }

    .ac-cdl-hero-text {
        margin-top: 1.8rem !important;
    }

    .ac-cdl-gallery {
        padding: 2rem 1.25rem 2.5rem !important;
    }

    .ac-cdl-gallery-inner {
        width: 100% !important;
        display: block !important;
    }

    .ac-cdl-thumbnails {
        width: 100% !important;

        grid-template-columns: repeat(3,90px) !important;

        grid-auto-rows: 90px !important;

        gap: .9rem !important;

        margin-bottom: 2rem !important;
    }

    .ac-cdl-thumb,
    .ac-cdl-thumb img {
        width: 90px !important;
        height: 90px !important;
    }

    .ac-cdl-caption {
        display: block !important;
    }

    .ac-cdl-caption p {
        margin-top: .4rem !important;
        text-align: left !important;
    }
}
/* ==========================================================
   CONFLICTOS DEL LENGUAJE · FICHA EN UNA SOLA LÍNEA
   ========================================================== */

.ac-cdl-caption {
    display: flex !important;

    justify-content: flex-start !important;
    align-items: baseline !important;

    gap: .8rem !important;

    margin: .75rem 0 0 !important;
    padding: 0 !important;
}

.ac-cdl-caption h2,
.ac-cdl-caption p {
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

.ac-cdl-caption h2 {
    flex: 0 0 auto !important;
}

.ac-cdl-caption p {
    flex: 0 0 auto !important;
}
/* ==========================================================
   CONFLICTOS DEL LENGUAJE · CABECERA
   ========================================================== */

.ac-cdl-hero {
    background: #292a27 !important;
    padding: 2.7rem 0 2.8rem !important;
}

.ac-cdl-hero-inner {
    width: min(1494px, 90vw) !important;
    max-width: 1494px !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(360px, .58fr) !important;

    gap: 5rem !important;

    align-items: start !important;
}

.ac-cdl-title h1 {
    font-size: clamp(3rem, 4.2vw, 4.6rem) !important;
    line-height: .94 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
}

.ac-cdl-meta {
    margin-top: .9rem !important;
}

.ac-cdl-hero-text {
    padding-top: .35rem !important;
}

.ac-cdl-hero-text p {
    max-width: 560px !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
}/* CONFLICTOS · FONDO SOLO EN LA CABECERA */

.ac-cdl {
    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-cdl-gallery {
    background: var(--ac-caliza) !important;
}

.ac-cdl-hero {
    background: #292a27 !important;
}
/* =========================================================
   CONFLICTOS DEL LENGUAJE · MINIATURAS SIN VELO
   Todas las obras deben verse limpias
   ========================================================= */

.ac-cdl-thumb img {
    opacity: 1 !important;
    filter: none !important;
}
/* =========================================================
   CHAT · CABECERA DE SERIE
   ========================================================= */

body:has(.ac-chat) .site-grid > .grid-child:has(.ac-chat) {
    grid-column: 1 / -1 !important;

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

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-chat) .container-component,
body:has(.ac-chat) .container-component > main,
body:has(.ac-chat) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   CABECERA OSCURA
   --------------------------------------------------------- */

.ac-chat-hero {
    position: relative !important;

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

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

    background: #292a27 !important;
    color: #ffffff !important;
}

.ac-chat-hero-inner {
    width: min(1494px, 90vw);

    margin: 0 auto;

    padding: 2.7rem 0 2.8rem;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.ac-chat-hero h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        var(--ac-font-sans),
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: clamp(3.6rem, 5vw, 5.2rem) !important;

    font-weight: 300 !important;

    line-height: .92 !important;

    letter-spacing: -.025em !important;
}


/* ---------------------------------------------------------
   PERIODO
   --------------------------------------------------------- */

.ac-chat-period {
    margin-top: .65rem;

    color: rgba(255,255,255,.62);

    font-family:
        var(--ac-font-sans),
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    font-size: .72rem;

    font-weight: 400;

    letter-spacing: .12em;
}


/* ---------------------------------------------------------
   LEAD
   --------------------------------------------------------- */

.ac-chat-lead {
    max-width: 760px;

    margin: 1.5rem 0 0 !important;

    color: rgba(255,255,255,.94) !important;

    font-family:
        var(--ac-font-sans),
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 1.05rem !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;
}


/* ---------------------------------------------------------
   TEXTO
   --------------------------------------------------------- */

.ac-chat-intro {
    max-width: 820px;

    margin: .9rem 0 0 !important;

    color: rgba(255,255,255,.72) !important;

    font-family:
        var(--ac-font-sans),
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: .92rem !important;

    font-weight: 400 !important;

    line-height: 1.58 !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-chat-hero-inner {
        width: calc(100% - 2.5rem);

        padding: 2.6rem 0 2.5rem;
    }

    .ac-chat-hero h1 {
        font-size: 3.3rem !important;
    }

    .ac-chat-period {
        font-size: .66rem;
    }

    .ac-chat-lead {
        font-size: .98rem !important;

        margin-top: 1.3rem !important;
    }

    .ac-chat-intro {
        font-size: .88rem !important;

        line-height: 1.55 !important;
    }
}
/* =========================================================
   CHAT · AJUSTE DE CABECERA
   ========================================================= */

.ac-chat-period {
    margin-top: .7rem !important;

    color: rgba(255,255,255,.68) !important;

    font-family: var(--ac-font-serif) !important;

    font-size: .82rem !important;

    font-weight: 400 !important;

    letter-spacing: .06em !important;
}

.ac-chat-lead {
    margin-top: 1.45rem !important;

    font-size: 1.12rem !important;

    line-height: 1.45 !important;
}

.ac-chat-intro {
    margin-top: .8rem !important;

    max-width: 860px !important;

    font-size: .96rem !important;

    line-height: 1.58 !important;
}
/* =========================================================
   CHAT · CABECERA EN DOS COLUMNAS
   ========================================================= */

.ac-chat-hero-inner {
    display: grid !important;

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

    column-gap: 6rem !important;

    align-items: center !important;
}


/* Título */
.ac-chat-hero h1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


/* Periodo */
.ac-chat-period {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


/* Frase */
.ac-chat-lead {
    grid-column: 1 !important;
    grid-row: 3 !important;
}


/* Párrafo */
.ac-chat-intro {
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;

    align-self: center !important;

    margin: 0 !important;

    max-width: 700px !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-chat-hero-inner {
        display: block !important;
    }

    .ac-chat-intro {
        margin-top: .8rem !important;
    }

}
/* =========================================================
   CHAT · MINIATURAS UN POCO MÁS GRANDES
   ========================================================= */

@media (min-width: 992px) {

    .ac-cg-gallery-inner {
        grid-template-columns: 380px minmax(0, 1fr) !important;
    }

}
/* =========================================================
   CHAT · HACER MÁS GRANDE LA OBRA PRINCIPAL
   ========================================================= */

@media (min-width: 992px) {

    .ac-cg-gallery-inner {
        width: min(1280px, 90vw) !important;
    }

}
/* =========================================================
   CHAT · DAR MÁS PRESENCIA A LA OBRA PRINCIPAL
   ========================================================= */

@media (min-width: 992px) {

    .ac-cg-gallery-inner {
        width: min(1320px, 90vw) !important;

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

        gap: 3rem !important;
    }

}/* =========================================================
   CHAT · GALERÍA MÁS AMPLIA
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg {
        width: 100vw !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: 0 !important;
    }

    body:has(.ac-chat) .ac-cg-gallery-inner {
        width: min(1320px, 90vw) !important;
        max-width: none !important;

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

        gap: 3rem !important;

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

}
/* =========================================================
   CHAT · OBRA PRINCIPAL UN POCO MÁS GRANDE
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg-image img {
        max-height: 80vh !important;
    }

}
/* =========================================================
   CHAT · OBRA PRINCIPAL · AJUSTE FINAL DE TAMAÑO
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg-image img {
        max-height: 84vh !important;
    }

}
/* =========================================================
   CHAT · AJUSTE FINAL DE LA GALERÍA
   Acercar la obra principal a las miniaturas
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg-gallery-inner {
        grid-template-columns:
            380px
            minmax(0, 1fr) !important;

        gap: 1.8rem !important;
    }

    body:has(.ac-chat) .ac-cg-image {
        justify-content: flex-start !important;
    }

}
/* =========================================================
   CHAT · OBRA PRINCIPAL · AJUSTE DE ANCHO
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg-selected {
        width: 100% !important;
        min-width: 0 !important;
    }

    body:has(.ac-chat) .ac-cg-image {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    body:has(.ac-chat) .ac-cg-image img {
        width: 100% !important;
        max-width: none !important;
    }

}
/* =========================================================
   CHAT · ACERCAR Y AMPLIAR LA OBRA PRINCIPAL
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-chat) .ac-cg-selected {
        position: relative !important;
        left: -80px !important;

        width: calc(100% + 80px) !important;
    }

    body:has(.ac-chat) .ac-cg-image {
        width: 100% !important;
    }

    body:has(.ac-chat) .ac-cg-image img {
        width: 100% !important;
        max-width: none !important;
    }

}
/* =========================================================
   SILENCIO URBANO · AJUSTE VISUAL
   ========================================================= */

/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-silencio-urbano) .site-grid > .grid-child:has(.ac-serie-silencio-urbano) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-silencio-urbano) .container-component,
body:has(.ac-serie-silencio-urbano) .container-component > main,
body:has(.ac-serie-silencio-urbano) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   2. CABECERA OSCURA
   --------------------------------------------------------- */

.ac-serie-silencio-urbano-hero {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-silencio-urbano-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-silencio-urbano-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-silencio-urbano-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;
    color: rgba(243,240,232,.82) !important;
}

.ac-serie-silencio-urbano-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO DE PRESENTACIÓN
   --------------------------------------------------------- */

.ac-serie-silencio-urbano-text {
    max-width: 700px !important;
}

.ac-serie-silencio-urbano-text p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-silencio-urbano-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-silencio-urbano-gallery {
    width: 100% !important;
    margin: 0 !important;
    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-silencio-urbano-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. IMÁGENES
   --------------------------------------------------------- */

.ac-serie-silencio-urbano-gallery img {
    box-sizing: border-box !important;
}

/* Evita que una obra horizontal/vertical se dispare de tamaño */
.ac-serie-silencio-urbano-gallery .acgallery img {
    max-width: 100% !important;
}


/* ---------------------------------------------------------
   7. RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-silencio-urbano-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-silencio-urbano-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-silencio-urbano-text {
        max-width: none !important;
    }

    .ac-serie-silencio-urbano-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-silencio-urbano-gallery .acgallery {
        width: 100% !important;
    }
}


@media (max-width: 767px) {

    .ac-serie-silencio-urbano-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-silencio-urbano-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-silencio-urbano-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-silencio-urbano-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-silencio-urbano-text p {
        font-size: .92rem !important;
    }

    .ac-serie-silencio-urbano-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   AC GALLERY · SILENCIO URBANO
   TÍTULO Y NAVEGACIÓN MÁS COMPACTOS
   ========================================================= */

body:has(.ac-serie-silencio-urbano) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;
    margin: .75rem auto 0 !important;
}

body:has(.ac-serie-silencio-urbano) .ac-cg-navigation {
    width: fit-content !important;
    margin: .85rem auto 0 !important;
    justify-content: center !important;
    gap: 1.5rem !important;
}
/* =========================================================
   FRONTERAS · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-fronteras) .site-grid > .grid-child:has(.ac-serie-fronteras) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-fronteras) .container-component,
body:has(.ac-serie-fronteras) .container-component > main,
body:has(.ac-serie-fronteras) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-fronteras-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-fronteras-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-fronteras-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-fronteras-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-fronteras-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-fronteras-text {
    max-width: 700px !important;
}

.ac-serie-fronteras-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-fronteras-text p:last-child {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-fronteras-gallery {
    width: 100% !important;

    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-fronteras-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. IMÁGENES
   --------------------------------------------------------- */

.ac-serie-fronteras-gallery img {
    box-sizing: border-box !important;
}

.ac-serie-fronteras-gallery .acgallery img {
    max-width: 100% !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA DE LA OBRA
   --------------------------------------------------------- */

body:has(.ac-serie-fronteras) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-fronteras) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}


/* ---------------------------------------------------------
   9. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-fronteras-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-fronteras-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-fronteras-text {
        max-width: none !important;
    }

    .ac-serie-fronteras-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-fronteras-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   10. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-fronteras-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-fronteras-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-fronteras-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-fronteras-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-fronteras-text p {
        font-size: .92rem !important;
    }

    .ac-serie-fronteras-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   HUELLAS · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-huellas) .site-grid > .grid-child:has(.ac-serie-huellas) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-huellas) .container-component,
body:has(.ac-serie-huellas) .container-component > main,
body:has(.ac-serie-huellas) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-huellas-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-huellas-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-huellas-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-huellas-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-huellas-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-huellas-text {
    max-width: 700px !important;
}

.ac-serie-huellas-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-huellas-text p:last-child {
    margin-bottom: 0 !important;
}

.ac-serie-huellas-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-huellas-gallery {
    width: 100% !important;
    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-huellas-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. IMÁGENES
   --------------------------------------------------------- */

.ac-serie-huellas-gallery img {
    box-sizing: border-box !important;
}

.ac-serie-huellas-gallery .acgallery img {
    max-width: 100% !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA DE LA OBRA
   --------------------------------------------------------- */

body:has(.ac-serie-huellas) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-huellas) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}


/* ---------------------------------------------------------
   9. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-huellas-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-huellas-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-huellas-text {
        max-width: none !important;
    }

    .ac-serie-huellas-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-huellas-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   10. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-huellas-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-huellas-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-huellas-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-huellas-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-huellas-text p {
        font-size: .92rem !important;
    }

    .ac-serie-huellas-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* HUELLAS · OBRA PRINCIPAL UN POCO MÁS GRANDE */

body:has(.ac-serie-huellas) .ac-cg-image img {
    max-height: 100vh !important;
}
/* =========================================================
   AVE FÉNIX · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-ave-fenix) .site-grid > .grid-child:has(.ac-serie-ave-fenix) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-ave-fenix) .container-component,
body:has(.ac-serie-ave-fenix) .container-component > main,
body:has(.ac-serie-ave-fenix) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-ave-fenix-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-ave-fenix-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-ave-fenix-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-ave-fenix-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-ave-fenix-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-ave-fenix-text {
    max-width: 700px !important;
}

.ac-serie-ave-fenix-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-ave-fenix-text p:last-child {
    margin-bottom: 0 !important;
}

.ac-serie-ave-fenix-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-ave-fenix-gallery {
    width: 100% !important;
    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-ave-fenix-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. OBRA PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-ave-fenix) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-ave-fenix) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-ave-fenix) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}


/* ---------------------------------------------------------
   9. IMÁGENES
   --------------------------------------------------------- */

.ac-serie-ave-fenix-gallery img {
    box-sizing: border-box !important;
}

.ac-serie-ave-fenix-gallery .acgallery img {
    max-width: 100% !important;
}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-ave-fenix-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-ave-fenix-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-ave-fenix-text {
        max-width: none !important;
    }

    .ac-serie-ave-fenix-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-ave-fenix-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   11. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-ave-fenix-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-ave-fenix-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-ave-fenix-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-ave-fenix-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-ave-fenix-text p {
        font-size: .92rem !important;
    }

    .ac-serie-ave-fenix-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   CONFLICTOS DEL LENGUAJE · TEXTO Y FLECHAS EN CALIZA
   ========================================================= */

.ac-cdl-gallery .ac-cdl-caption,
.ac-cdl-gallery .ac-cdl-caption h2,
.ac-cdl-gallery .ac-cdl-caption p {
    color: var(--ac-texto) !important;
}

.ac-cdl-gallery a,
.ac-cdl-gallery button {
    color: var(--ac-texto) !important;
}

.ac-cdl-gallery svg {
    color: var(--ac-texto) !important;
    stroke: var(--ac-texto) !important;
}
/* =========================================================
   CONFLICTOS DEL LENGUAJE · FLECHAS EN OSCURO
   ========================================================= */

.ac-cdl-gallery .ac-cg-arrow,
.ac-cdl-gallery .ac-cg-arrow::before,
.ac-cdl-gallery .ac-cg-arrow::after,
.ac-cdl-gallery .ac-cg-arrow *,
.ac-cdl-gallery [class*="arrow"],
.ac-cdl-gallery [class*="arrow"]::before,
.ac-cdl-gallery [class*="arrow"]::after {
    color: var(--ac-texto) !important;
    background-color: transparent !important;
    border-color: var(--ac-texto) !important;
    fill: var(--ac-texto) !important;
    stroke: var(--ac-texto) !important;
    opacity: 1 !important;
    filter: none !important;
}
/* =========================================================
   CONFLICTOS DEL LENGUAJE · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-conflictos) .site-grid > .grid-child:has(.ac-serie-conflictos) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-conflictos) .container-component,
body:has(.ac-serie-conflictos) .container-component > main,
body:has(.ac-serie-conflictos) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-conflictos-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-conflictos-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-conflictos-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-conflictos-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-conflictos-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-conflictos-text {
    max-width: 700px !important;
}

.ac-serie-conflictos-text p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-conflictos-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-conflictos-gallery {
    width: 100% !important;
    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-conflictos-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. OBRA PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-conflictos) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-conflictos) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;

    color: var(--ac-texto) !important;
}

body:has(.ac-serie-conflictos) .ac-cg-caption h2,
body:has(.ac-serie-conflictos) .ac-cg-caption p {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-conflictos) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}

body:has(.ac-serie-conflictos) .ac-cg-arrow {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   9. MINIATURAS
   --------------------------------------------------------- */

.ac-serie-conflictos-gallery .ac-cg-thumb img {
    opacity: 1 !important;
    filter: none !important;
}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-conflictos-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-conflictos-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-conflictos-text {
        max-width: none !important;
    }

    .ac-serie-conflictos-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-conflictos-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   11. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-conflictos-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-conflictos-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-conflictos-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-conflictos-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-conflictos-text p {
        font-size: .92rem !important;
    }

    .ac-serie-conflictos-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   TÚ TAMBIÉN ESTÁS · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-tu-tambien-estas) .site-grid > .grid-child:has(.ac-serie-tu-tambien-estas) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-tu-tambien-estas) .container-component,
body:has(.ac-serie-tu-tambien-estas) .container-component > main,
body:has(.ac-serie-tu-tambien-estas) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-tu-tambien-estas-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-tu-tambien-estas-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-tu-tambien-estas-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas-text {
    max-width: 700px !important;
}

.ac-serie-tu-tambien-estas-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-tu-tambien-estas-text p:last-child {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas-gallery {
    width: 100% !important;

    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-tu-tambien-estas-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. OBRA PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-tu-tambien-estas) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-tu-tambien-estas) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;

    color: var(--ac-texto) !important;
}

body:has(.ac-serie-tu-tambien-estas) .ac-cg-caption h2,
body:has(.ac-serie-tu-tambien-estas) .ac-cg-caption p {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-tu-tambien-estas) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}

body:has(.ac-serie-tu-tambien-estas) .ac-cg-arrow {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   9. MINIATURAS LIMPIAS
   --------------------------------------------------------- */

.ac-serie-tu-tambien-estas-gallery .ac-cg-thumb img {
    opacity: 1 !important;
    filter: none !important;
}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-tu-tambien-estas-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-tu-tambien-estas-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-tu-tambien-estas-text {
        max-width: none !important;
    }

    .ac-serie-tu-tambien-estas-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-tu-tambien-estas-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   11. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-tu-tambien-estas-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-tu-tambien-estas-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-tu-tambien-estas-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-tu-tambien-estas-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-tu-tambien-estas-text p {
        font-size: .92rem !important;
    }

    .ac-serie-tu-tambien-estas-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   ESTADOS EMBRIONARIOS · VERSIÓN EDITORIAL
   ========================================================= */


/* ---------------------------------------------------------
   1. LIBERAR EL CONTENEDOR DE CASSIOPEIA
   --------------------------------------------------------- */

body:has(.ac-serie-estados-embrionarios) .site-grid > .grid-child:has(.ac-serie-estados-embrionarios) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-estados-embrionarios) .container-component,
body:has(.ac-serie-estados-embrionarios) .container-component > main,
body:has(.ac-serie-estados-embrionarios) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   2. CABECERA
   --------------------------------------------------------- */

.ac-serie-estados-embrionarios-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-estados-embrionarios-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   3. TÍTULO
   --------------------------------------------------------- */

.ac-serie-estados-embrionarios-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;

    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-estados-embrionarios-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-estados-embrionarios-lead {
    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   4. TEXTO CURATORIAL
   --------------------------------------------------------- */

.ac-serie-estados-embrionarios-text {
    max-width: 700px !important;
}

.ac-serie-estados-embrionarios-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-estados-embrionarios-text p:last-child {
    margin-bottom: 0 !important;
}

.ac-serie-estados-embrionarios-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   5. GALERÍA
   --------------------------------------------------------- */

.ac-serie-estados-embrionarios-gallery {
    width: 100% !important;
    margin: 0 !important;

    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-estados-embrionarios-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. OBRA PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-estados-embrionarios) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   7. TÍTULO + FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-estados-embrionarios) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;

    color: var(--ac-texto) !important;
}

body:has(.ac-serie-estados-embrionarios) .ac-cg-caption h2,
body:has(.ac-serie-estados-embrionarios) .ac-cg-caption p {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   8. NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-estados-embrionarios) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;

    gap: 1.5rem !important;
}

body:has(.ac-serie-estados-embrionarios) .ac-cg-arrow {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   9. MINIATURAS
   --------------------------------------------------------- */

.ac-serie-estados-embrionarios-gallery .ac-cg-thumb img {
    opacity: 1 !important;
    filter: none !important;
}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .ac-serie-estados-embrionarios-hero {
        padding: 2.8rem 2rem 2.7rem !important;
    }

    .ac-serie-estados-embrionarios-hero-inner {
        width: auto !important;
        margin: 0 !important;

        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .ac-serie-estados-embrionarios-text {
        max-width: none !important;
    }

    .ac-serie-estados-embrionarios-gallery {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ac-serie-estados-embrionarios-gallery .acgallery {
        width: 100% !important;
    }
}


/* ---------------------------------------------------------
   11. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .ac-serie-estados-embrionarios-hero {
        padding: 2.6rem 1.25rem 2.7rem !important;
    }

    .ac-serie-estados-embrionarios-hero-inner {
        gap: 2rem !important;
    }

    .ac-serie-estados-embrionarios-intro h1 {
        font-size: 3.2rem !important;
    }

    .ac-serie-estados-embrionarios-lead {
        margin-top: 1.5rem !important;
    }

    .ac-serie-estados-embrionarios-text p {
        font-size: .92rem !important;
    }

    .ac-serie-estados-embrionarios-gallery {
        padding: 2.5rem 1.25rem 3rem !important;
    }
}
/* =========================================================
   CHAT · TÍTULO Y FLECHAS ALINEADOS CON LA OBRA
   ========================================================= */

body:has(.ac-serie-chat) .ac-cg-caption {
    width: 100% !important;
    max-width: 100% !important;
    margin: .75rem 0 0 !important;
}

body:has(.ac-serie-chat) .ac-cg-navigation {
    width: 100% !important;
    max-width: 100% !important;
    margin: .85rem 0 0 !important;

    display: flex !important;
    justify-content: center !important;
    gap: 1.5rem !important;
}
/* =========================================================
   CHAT · BLOQUE DE OBRA, TÍTULO Y NAVEGACIÓN
   ========================================================= */

body:has(.ac-serie-chat) .ac-cg-work.is-active {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-serie-chat) .ac-cg-work.is-active .ac-cg-image {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ac-serie-chat) .ac-cg-work.is-active .ac-cg-caption {
    margin: .65rem 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: baseline !important;
    gap: .8rem !important;
}

body:has(.ac-serie-chat) .ac-cg-work.is-active .ac-cg-navigation {
    margin: .55rem 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
/* =========================================================
   CHAT · TÍTULO Y FLECHAS BAJO LA IMAGEN
   ========================================================= */

@media (min-width: 992px) {

    body:has(.ac-serie-chat) .ac-cg-caption {
        width: fit-content !important;
        max-width: calc(100% - 446px) !important;
        margin-top: .65rem !important;
        margin-left: 446px !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    body:has(.ac-serie-chat) .ac-cg-navigation {
        width: calc(100% - 446px) !important;
        max-width: none !important;
        margin-top: .55rem !important;
        margin-left: 446px !important;
        margin-right: 0 !important;
        justify-content: space-between !important;
    }

}
/* =========================================================
   CHAT · TÍTULO Y FLECHAS BAJO LA IMAGEN
   ========================================================= */

@media (min-width: 992px) {

    body.ac-menu-serie-chat .ac-cg-caption {
        width: 58% !important;
        margin-left: 20.5% !important;
        margin-right: 0 !important;
        margin-top: .65rem !important;
    }

    body.ac-menu-serie-chat .ac-cg-navigation {
        width: 58% !important;
        margin-left: 20.5% !important;
        margin-right: 0 !important;
        margin-top: .55rem !important;
    }

}
/* =========================================================
   INTRO · VERSIÓN EDITORIAL
   ========================================================= */

/* ---------------------------------------------------------
   FULL BLEED
   --------------------------------------------------------- */

body:has(.ac-serie-intro) .site-grid > .grid-child:has(.ac-serie-intro) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-intro) .container-component,
body:has(.ac-serie-intro) .container-component > main,
body:has(.ac-serie-intro) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.ac-serie-intro-hero {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-intro-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   HERO · IZQUIERDA
   --------------------------------------------------------- */

.ac-serie-intro-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-intro-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-intro-lead {
    max-width: 580px !important;

    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   HERO · TEXTO
   --------------------------------------------------------- */

.ac-serie-intro-text {
    max-width: 700px !important;
}

.ac-serie-intro-text p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-intro-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   GALERÍA
   --------------------------------------------------------- */

.ac-serie-intro-gallery {
    width: 100% !important;
    margin: 0 !important;
    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-intro-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   IMAGEN PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-intro) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   TÍTULO / FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-intro) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;

    color: var(--ac-texto) !important;
}

body:has(.ac-serie-intro) .ac-cg-caption h2,
body:has(.ac-serie-intro) .ac-cg-caption p {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-intro) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;
    gap: 1.5rem !important;
}

body:has(.ac-serie-intro) .ac-cg-arrow {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   MINIATURAS
   --------------------------------------------------------- */

.ac-serie-intro-gallery .ac-cg-thumb img {
    opacity: 1 !important;
    filter: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-serie-intro-hero {
        padding: 3.2rem 0 3rem !important;
    }

    .ac-serie-intro-hero-inner {
        width: min(90vw, 760px) !important;

        grid-template-columns: 1fr !important;
        gap: 2.8rem !important;

        align-items: start !important;
    }

    .ac-serie-intro-text {
        max-width: 680px !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-serie-intro-hero {
        padding: 2.6rem 1.25rem 2.8rem !important;
    }

    .ac-serie-intro-hero-inner {
        width: 100% !important;
        gap: 2.2rem !important;
    }

    .ac-serie-intro-intro h1 {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
    }

    .ac-serie-intro-period {
        margin-top: .75rem !important;
    }

    .ac-serie-intro-lead {
        margin-top: 1.5rem !important;
        font-size: .95rem !important;
        line-height: 1.5 !important;
    }

    .ac-serie-intro-text p {
        font-size: .88rem !important;
        line-height: 1.6 !important;
    }

    .ac-serie-intro-gallery {
        padding: 2.4rem 0 2.8rem !important;
    }

    .ac-serie-intro-gallery .acgallery {
        width: 90vw !important;
    }

    body:has(.ac-serie-intro) .ac-cg-image img {
        max-height: 82vh !important;
    }

}
/* =========================================================
   SEMILLAS · VERSIÓN EDITORIAL
   ========================================================= */

/* ---------------------------------------------------------
   FULL BLEED
   --------------------------------------------------------- */

body:has(.ac-serie-semillas) .site-grid > .grid-child:has(.ac-serie-semillas) {
    grid-column: 1 / -1 !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.ac-serie-semillas) .container-component,
body:has(.ac-serie-semillas) .container-component > main,
body:has(.ac-serie-semillas) .container-component > main > .item-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.ac-serie-semillas-hero {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2.7rem 0 2.8rem !important;

    background: #292a27 !important;
    color: #f3f0e8 !important;
}

.ac-serie-semillas-hero-inner {
    width: min(1494px, 90vw) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 6rem !important;

    align-items: end !important;
}


/* ---------------------------------------------------------
   HERO · IZQUIERDA
   --------------------------------------------------------- */

.ac-serie-semillas-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 5vw, 5rem) !important;
    line-height: .95 !important;
    font-weight: 300 !important;
    letter-spacing: -.025em !important;

    color: #f3f0e8 !important;
}

.ac-serie-semillas-period {
    margin-top: .9rem !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;

    color: rgba(243,240,232,.82) !important;
}

.ac-serie-semillas-lead {
    max-width: 580px !important;

    margin: 2rem 0 0 !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #f3f0e8 !important;
}


/* ---------------------------------------------------------
   HERO · TEXTO
   --------------------------------------------------------- */

.ac-serie-semillas-text {
    max-width: 700px !important;
}

.ac-serie-semillas-text p {
    margin: 0 0 1rem !important;
    padding: 0 !important;

    font-family: var(--ac-font-sans) !important;
    font-size: .90rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;

    color: rgba(243,240,232,.92) !important;
}

.ac-serie-semillas-text p:last-child {
    margin-bottom: 0 !important;
}

.ac-serie-semillas-text em {
    font-family: var(--ac-font-serif) !important;
}


/* ---------------------------------------------------------
   GALERÍA
   --------------------------------------------------------- */

.ac-serie-semillas-gallery {
    width: 100% !important;
    margin: 0 !important;
    padding: 3.4rem 0 3.6rem !important;

    background: var(--ac-caliza) !important;
    color: var(--ac-texto) !important;
}

.ac-serie-semillas-gallery .acgallery {
    width: min(1180px, 90vw) !important;
    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   IMAGEN PRINCIPAL
   --------------------------------------------------------- */

body:has(.ac-serie-semillas) .ac-cg-image img {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   TÍTULO / FICHA
   --------------------------------------------------------- */

body:has(.ac-serie-semillas) .ac-cg-caption {
    width: fit-content !important;
    max-width: 100% !important;

    margin: .75rem auto 0 !important;

    color: var(--ac-texto) !important;
}

body:has(.ac-serie-semillas) .ac-cg-caption h2,
body:has(.ac-serie-semillas) .ac-cg-caption p {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   NAVEGACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-semillas) .ac-cg-navigation {
    width: fit-content !important;

    margin: .85rem auto 0 !important;

    justify-content: center !important;
    gap: 1.5rem !important;
}

body:has(.ac-serie-semillas) .ac-cg-arrow {
    color: var(--ac-texto) !important;
}


/* ---------------------------------------------------------
   MINIATURAS
   --------------------------------------------------------- */

.ac-serie-semillas-gallery .ac-cg-thumb img {
    opacity: 1 !important;
    filter: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .ac-serie-semillas-hero {
        padding: 3.2rem 0 3rem !important;
    }

    .ac-serie-semillas-hero-inner {
        width: min(90vw, 760px) !important;

        grid-template-columns: 1fr !important;
        gap: 2.8rem !important;

        align-items: start !important;
    }

    .ac-serie-semillas-text {
        max-width: 680px !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ac-serie-semillas-hero {
        padding: 2.6rem 1.25rem 2.8rem !important;
    }

    .ac-serie-semillas-hero-inner {
        width: 100% !important;
        gap: 2.2rem !important;
    }

    .ac-serie-semillas-intro h1 {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
    }

    .ac-serie-semillas-period {
        margin-top: .75rem !important;
    }

    .ac-serie-semillas-lead {
        margin-top: 1.5rem !important;
        font-size: .95rem !important;
        line-height: 1.5 !important;
    }

    .ac-serie-semillas-text p {
        font-size: .88rem !important;
        line-height: 1.6 !important;
    }

    .ac-serie-semillas-gallery {
        padding: 2.4rem 0 2.8rem !important;
    }

    .ac-serie-semillas-gallery .acgallery {
        width: 90vw !important;
    }

    body:has(.ac-serie-semillas) .ac-cg-image img {
        max-height: 82vh !important;
    }

}
/* =========================================================
   SEMILLAS · FONDO DE GALERÍA
   ========================================================= */

body:has(.ac-serie-semillas) .ac-serie-semillas-gallery {
    background: var(--ac-piedra) !important;
}
/* =========================================================
   SEMILLAS · GALERÍA SOBRE FONDO OSCURO
   ========================================================= */

body:has(.ac-serie-semillas) .ac-serie-semillas-gallery {
    background: #292a27 !important;
    color: #f3f0e8 !important;
}

/* Título + ficha */

body:has(.ac-serie-semillas) .ac-cg-caption,
body:has(.ac-serie-semillas) .ac-cg-caption h2,
body:has(.ac-serie-semillas) .ac-cg-caption p {
    color: #f3f0e8 !important;
}

/* Flechas */

body:has(.ac-serie-semillas) .ac-cg-navigation,
body:has(.ac-serie-semillas) .ac-cg-arrow {
    color: #f3f0e8 !important;
}

body:has(.ac-serie-semillas) .ac-cg-arrow {
    opacity: .82 !important;
}

/* Miniaturas */

body:has(.ac-serie-semillas) .ac-cg-thumb {
    background: #292a27 !important;
}
/* SEMILLAS · fondo interno de la galería */

body:has(.ac-serie-semillas) .ac-serie-semillas-gallery .acgallery {
    background: #292a27 !important;
}
/* =========================================================
   SEMILLAS · FONDO REAL DE LA GALERÍA
   ========================================================= */

body:has(.ac-serie-semillas) .ac-cg {
    --ac-cg-bg: #292a27 !important;
    --ac-cg-text: #f3f0e8 !important;
    --ac-cg-soft: rgba(243,240,232,.72) !important;
}
/* SEMILLAS · acercar ligeramente la galería al hero */

body:has(.ac-serie-semillas) .ac-serie-semillas-gallery {
    padding-top: 2rem !important;
}
/* SEMILLAS · línea de separación entre hero y galería */

body:has(.ac-serie-semillas) .ac-serie-semillas-gallery {
    border-top: 1px solid rgba(243,240,232,.22) !important;
}
/* =========================================================
   INTRO I · PERFUME ARTÍSTICO
   Página editorial independiente
   ========================================================= */


/* ---------------------------------------------------------
   FULL BLEED
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .site-grid > .grid-child:has(.ac-serie-perfume) {
    grid-column: 1 / -1;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

body:has(.ac-serie-perfume) .container-component {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

body:has(.ac-serie-perfume) .container-component > main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body:has(.ac-serie-perfume) .container-component > main > .item-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-hero {
    width: 100%;
    background: #292a27;
    color: var(--ac-caliza);
    padding: 2.7rem 5vw 2.8rem;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-hero-inner {
    width: min(1494px, 90vw);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 6rem;
    align-items: end;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-intro h1 {
    margin: 0;
    font-family: var(--ac-font-sans) !important;
    font-size: clamp(3rem, 6vw, 5rem);
    line-height: .95;
    font-weight: 300;
    letter-spacing: -.035em;
    color: var(--ac-caliza);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-period {
    margin-top: .65rem;
    font-family: var(--ac-font-serif) !important;
    font-size: 1.15rem;
    line-height: 1;
    font-weight: 400;
    color: rgba(243,240,232,.72);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-lead {
    max-width: 620px;
    margin: 2.8rem 0 0;
    font-family: var(--ac-font-serif) !important;
    font-size: clamp(1.45rem, 2.3vw, 2.2rem);
    line-height: 1.2;
    font-weight: 400;
    color: var(--ac-caliza);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-text {
    max-width: 580px;
    align-self: center;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-text p {
    margin: 0 0 1.2rem;
    font-family: var(--ac-font-sans) !important;
    font-size: .92rem;
    line-height: 1.65;
    color: rgba(243,240,232,.86);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-text p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   ARTÍCULO
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-article {
    width: 100%;
    background: var(--ac-caliza);
    color: var(--ac-texto);
    padding: 0;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}


/* ---------------------------------------------------------
   IMÁGENES
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-image {
    margin: 0;
    padding: 0;
    width: 100%;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}


/* Primera imagen · protagonista */

body:has(.ac-serie-perfume) .ac-serie-perfume-image-main {
    grid-column: 1 / -1;
    max-width: 1024px;
    width: 100%;
    justify-self: center;
    padding: 4.5rem 5vw 3.5rem;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-image-main img {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}


/* Imagen de detalle */

body:has(.ac-serie-perfume) .ac-serie-perfume-image-detail {
    align-self: center;
}


/* ---------------------------------------------------------
   BLOQUES DE TEXTO
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-copy {
    padding: 6rem clamp(2.5rem, 6vw, 7rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-copy h2 {
    margin: 0 0 1.7rem;
    font-family: var(--ac-font-serif) !important;
    font-size: clamp(1.8rem, 2.7vw, 2.7rem);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: var(--ac-carbon);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-copy p {
    max-width: 650px;
    margin: 0 0 1.35rem;
    font-family: var(--ac-font-sans) !important;
    font-size: .94rem;
    line-height: 1.72;
    color: var(--ac-texto);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-copy p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   DECLARACIÓN
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-statement {
    margin-top: 2.4rem !important;
    padding-top: 1.6rem;
    border-top: 1px solid rgba(37,37,34,.28);
    font-family: var(--ac-font-serif) !important;
    font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
    line-height: 1.2 !important;
    font-style: italic;
}


/* ---------------------------------------------------------
   NOTAS OLFATIVAS
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-notas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(37,37,34,.25);
    border-bottom: 1px solid rgba(37,37,34,.25);
    margin: 2.2rem 0 2rem;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-nota {
    padding: 1.5rem 1rem 1.5rem 0;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-nota + .ac-serie-perfume-nota {
    padding-left: 1rem;
    border-left: 1px solid rgba(37,37,34,.22);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-nota h3 {
    margin: 0 0 .7rem;
    font-family: var(--ac-font-sans) !important;
    font-size: .72rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ac-texto-suave);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-nota p {
    margin: 0;
    font-size: .85rem;
    line-height: 1.5;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-nota strong {
    font-weight: 500;
}


/* ---------------------------------------------------------
   EDICIÓN LIMITADA
   --------------------------------------------------------- */

body:has(.ac-serie-perfume) .ac-serie-perfume-edition {
    margin-top: .5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(37,37,34,.25);
}

body:has(.ac-serie-perfume) .ac-serie-perfume-edition p {
    margin-bottom: 1.25rem;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-edition p:first-child {
    font-family: var(--ac-font-serif) !important;
    font-size: 1.15rem;
    line-height: 1.35;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-edition p:last-child {
    color: var(--ac-texto-suave);
}


/* ---------------------------------------------------------
   RITMO EDITORIAL
   --------------------------------------------------------- */

/* Después de la primera imagen:
   texto izquierda + imagen derecha */

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}


/* Segundo bloque:
   imagen izquierda + texto derecha */

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(5) {
    grid-column: 1;
    grid-row: 3;
}


/* Tercer bloque:
   imagen izquierda + texto derecha */

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
}

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(7) {
    grid-column: 1;
    grid-row: 4;
}


/* Último bloque */

body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(8) {
    grid-column: 1 / -1;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 6rem;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body:has(.ac-serie-perfume) .ac-serie-perfume-hero {
        padding: 2.4rem 5vw 2.6rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-hero-inner {
        grid-template-columns: 1fr;
        gap: 2.8rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-lead {
        margin-top: 2rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-text {
        max-width: 760px;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner {
        grid-template-columns: 1fr;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-image-main {
        grid-column: 1;
        padding: 3rem 5vw 2.5rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-copy {
        padding: 4rem 7vw;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(2),
    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(3),
    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(4),
    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(5),
    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(6),
    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(7) {
        grid-column: 1;
        grid-row: auto;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(2) {
        order: 2;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(3) {
        order: 3;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(5) {
        order: 4;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(4) {
        order: 5;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-image:nth-child(7) {
        order: 6;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(6) {
        order: 7;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(8) {
        grid-column: 1;
        padding: 4rem 7vw 5rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-notas {
        grid-template-columns: 1fr;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-nota,
    body:has(.ac-serie-perfume) .ac-serie-perfume-nota + .ac-serie-perfume-nota {
        padding: 1.2rem 0;
        border-left: 0;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-nota + .ac-serie-perfume-nota {
        border-top: 1px solid rgba(37,37,34,.22);
    }
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 600px) {

    body:has(.ac-serie-perfume) .ac-serie-perfume-hero {
        padding: 2rem 5vw 2.2rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-intro h1 {
        font-size: clamp(2.6rem, 13vw, 4rem);
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-lead {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-text p {
        font-size: .88rem;
        line-height: 1.6;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-image-main {
        padding: 2rem 0 1.8rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-copy {
        padding: 3rem 7vw;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-copy h2 {
        font-size: 1.8rem;
        margin-bottom: 1.35rem;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-copy p {
        font-size: .88rem;
        line-height: 1.65;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-statement {
        font-size: 1.45rem !important;
        margin-top: 2rem !important;
    }

    body:has(.ac-serie-perfume) .ac-serie-perfume-article-inner > .ac-serie-perfume-copy:nth-child(8) {
        padding: 3rem 7vw 4rem;
    }
}
/* =========================================================
   ANTONIO CAMBA · LUXEMBOURG 2027
   ESTILO EDITORIAL / LANDING INTERNACIONAL
   ========================================================= */

.ac-luxembourg-2027 {
  --lux-bg: #f1eee7;
  --lux-bg-soft: #e7e1d6;
  --lux-dark: #252522;
  --lux-text: #373733;
  --lux-muted: #77736b;
  --lux-line: rgba(37,37,34,0.18);
  --lux-white: #f5f3ee;

  color: var(--lux-text);
  font-size: 16px;
  line-height: 1.55;
}


/* =========================================================
   AJUSTE GENERAL
   ========================================================= */

.ac-luxembourg-2027 > section {
  box-sizing: border-box;
}

.ac-luxembourg-2027 figure {
  margin: 0;
}

.ac-luxembourg-2027 img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   HERO
   ========================================================= */

.ac-lux-hero {
  padding: 2.5rem 0 0;
}

.ac-lux-hero-header {
  padding: 0 4.5% 1.5rem;
  border-top: 1px solid var(--lux-line);
}

.ac-lux-kicker {
  margin-top: 0.9rem;
  margin-bottom: 0.4rem;
  font-size: 0.68rem;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lux-muted);
}

.ac-lux-hero h1 {
  margin: 0;
  font-size: clamp(3rem, 5.4vw, 5.8rem);
  line-height: 0.94;
  font-weight: 400;
  letter-spacing: -0.045em;
  color: var(--lux-dark);
}

.ac-lux-hero-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  align-items: stretch;
}

.ac-lux-hero-info {
  padding: 2rem 8% 2.2rem 4.5%;
  background: var(--lux-bg);
}

.ac-lux-subtitle {
  max-width: 25rem;
  margin: 0 0 2rem;
  font-size: 1.15rem;
  line-height: 1.4;
}

.ac-lux-event {
  max-width: 24rem;
  margin-bottom: 1.8rem;
  padding-top: 1rem;
  border-top: 1px solid var(--lux-line);
  font-size: 0.9rem;
  line-height: 1.8;
}

.ac-lux-event strong {
  font-weight: 600;
}

.ac-lux-artist {
  font-size: 0.92rem;
  line-height: 1.6;
}

.ac-lux-artist span {
  color: var(--lux-muted);
}

.ac-lux-hero-image {
  overflow: hidden;
  min-height: 360px;
}

.ac-lux-hero-image img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
}


/* =========================================================
   TRES IDIOMAS · INTRODUCCIÓN
   ========================================================= */

.ac-lux-hero > .ac-lux-languages {
  margin: 0;
  padding: 1.4rem 4.5% 1.6rem;
  background: var(--lux-bg-soft);
  border-top: 1px solid var(--lux-line);
  border-bottom: 1px solid var(--lux-line);
}

.ac-lux-languages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.ac-lux-language {
  padding: 0 1.7rem;
}

.ac-lux-language:first-child {
  padding-left: 0;
}

.ac-lux-language:last-child {
  padding-right: 0;
}

.ac-lux-language + .ac-lux-language {
  border-left: 1px solid var(--lux-line);
}

.ac-lux-language h2,
.ac-lux-language h3 {
  margin: 0 0 0.7rem;
  font-size: 0.66rem;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lux-muted);
}

.ac-lux-language p {
  margin: 0;
  max-width: 28rem;
}


/* =========================================================
   TÍTULOS DE SECCIÓN
   ========================================================= */

.ac-lux-section-title {
  margin-bottom: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--lux-line);
}

.ac-lux-section-title span {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 0.66rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lux-muted);
}

.ac-lux-section-title h2 {
  margin: 0;
  font-size: clamp(2.4rem, 4.2vw, 4.4rem);
  line-height: 0.95;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: var(--lux-dark);
}


/* =========================================================
   SEMILLAS
   ========================================================= */

.ac-lux-semillas {
  padding: 4rem 4.5% 4.5rem;
  background: var(--lux-bg);
}

.ac-lux-semillas-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 4rem;
  align-items: center;
}

.ac-lux-semillas-image img {
  width: 100%;
  display: block;
}

.ac-lux-semillas-text {
  max-width: 34rem;
}

.ac-lux-semillas-text .ac-lux-language {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1.7rem;
}

.ac-lux-semillas-text .ac-lux-language + .ac-lux-language {
  border-left: 0;
  border-top: 1px solid var(--lux-line);
  padding-top: 1.3rem;
}

.ac-lux-semillas-text a {
  display: inline-block;
  margin-top: 0.3rem;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid currentColor;
  color: var(--lux-dark);
  text-decoration: none;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ac-lux-semillas-text a:hover {
  opacity: 0.55;
}


/* =========================================================
   LA FERIA
   ========================================================= */

.ac-lux-fair {
  padding: 4.5rem 4.5%;
  background: var(--lux-dark);
  color: var(--lux-white);
}

.ac-lux-fair .ac-lux-section-title {
  border-color: rgba(255,255,255,0.22);
}

.ac-lux-fair .ac-lux-section-title span,
.ac-lux-fair .ac-lux-language h3 {
  color: rgba(255,255,255,0.55);
}

.ac-lux-fair .ac-lux-section-title h2 {
  color: var(--lux-white);
}

.ac-lux-fair .ac-lux-language {
  border-color: rgba(255,255,255,0.18);
}

.ac-lux-fair .ac-lux-language p {
  color: rgba(255,255,255,0.9);
}

.ac-lux-data {
  margin-top: 1.2rem !important;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(255,255,255,0.2);
  line-height: 1.7 !important;
}


/* =========================================================
   ART ATELIER GALLERY
   ========================================================= */

.ac-lux-gallery {
  padding: 4rem 4.5%;
  background: var(--lux-bg-soft);
}

.ac-lux-gallery-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 4.5rem;
  align-items: start;
}

.ac-lux-gallery-brand {
  padding-right: 1rem;
}

.ac-gallery-logo {
  margin-bottom: 2rem;
  line-height: 1;
}

.ac-gallery-top,
.ac-gallery-name,
.ac-gallery-city {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.ac-gallery-top {
  margin-bottom: 0.65rem;
  font-size: 0.72rem;
  letter-spacing: 0.58em;
  color: #777;
}

.ac-gallery-name {
  margin-bottom: 0.35rem;
  font-size: clamp(2.3rem, 3.8vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.055em;
  color: #12b8c4;
}

.ac-gallery-city {
  font-size: 0.76rem;
  letter-spacing: 0.62em;
  color: #8b877f;
}

.ac-lux-gallery-stand {
  padding-top: 1rem;
  border-top: 1px solid var(--lux-line);
  font-size: 0.7rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ac-lux-gallery-text .ac-lux-language {
  margin-bottom: 1.5rem;
}


/* =========================================================
   ACCESO ANTICIPADO
   ========================================================= */

.ac-lux-access {
  padding: 4.5rem 4.5% 3.8rem;
  background: #302f2a;
  color: var(--lux-white);
}

.ac-lux-access-header {
  margin-bottom: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,0.22);
}

.ac-lux-access-header span {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 0.66rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}

.ac-lux-access-header h2 {
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 0.95;
  font-weight: 400;
  letter-spacing: -0.035em;
  color: #fff;
}

.ac-lux-access-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.ac-lux-access-language {
  padding: 0 1.8rem;
}

.ac-lux-access-language:first-child {
  padding-left: 0;
}

.ac-lux-access-language:last-child {
  padding-right: 0;
}

.ac-lux-access-language + .ac-lux-access-language {
  border-left: 1px solid rgba(255,255,255,0.18);
}

.ac-lux-access-language h3 {
  margin: 0 0 0.9rem;
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}

.ac-lux-access-language p {
  margin: 0 0 0.9rem;
  color: rgba(255,255,255,0.9);
}

.ac-lux-access-language .ac-lux-access-lead {
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
}

.ac-lux-access-button {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(255,255,255,0.5);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 0.66rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.ac-lux-access-button:hover {
  background: #fff;
  border-color: #fff;
  color: #302f2a !important;
}

.ac-lux-access-note {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2.8rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,0.16);
}

.ac-lux-access-note div {
  font-size: 0.68rem;
  line-height: 1.55;
  color: rgba(255,255,255,0.5);
}

.ac-lux-access-note strong {
  display: block;
  margin-bottom: 0.25rem;
  color: rgba(255,255,255,0.75);
  font-size: 0.62rem;
  letter-spacing: 0.1em;
}


/* =========================================================
   CIERRE
   ========================================================= */

.ac-lux-closing {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  align-items: end;
  padding: 1.8rem 4.5%;
  background: #fff;
}

.ac-lux-closing-title {
  font-size: 1.1rem;
  letter-spacing: 0.07em;
}

.ac-lux-closing-data {
  font-size: 0.62rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: right;
  text-transform: uppercase;
  color: var(--lux-muted);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .ac-lux-hero-grid {
    grid-template-columns: 1fr;
  }

  .ac-lux-hero-info {
    padding: 2rem 5%;
  }

  .ac-lux-hero-image,
  .ac-lux-hero-image img {
    min-height: 300px;
  }

  .ac-lux-semillas-grid,
  .ac-lux-gallery-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  .ac-lux-hero {
    padding-top: 1.5rem;
  }

  .ac-lux-hero-header {
    padding: 0 6% 1rem;
  }

  .ac-lux-hero h1 {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .ac-lux-hero-info {
    padding: 1.7rem 6%;
  }

  .ac-lux-hero-image,
  .ac-lux-hero-image img {
    min-height: 220px;
  }

  .ac-lux-hero > .ac-lux-languages {
    padding: 1.2rem 6%;
  }

  .ac-lux-languages {
    grid-template-columns: 1fr;
  }

  .ac-lux-language,
  .ac-lux-language:first-child,
  .ac-lux-language:last-child {
    padding: 1rem 0;
  }

  .ac-lux-language + .ac-lux-language {
    border-left: 0;
    border-top: 1px solid var(--lux-line);
  }

  .ac-lux-semillas,
  .ac-lux-fair,
  .ac-lux-gallery,
  .ac-lux-access {
    padding-left: 6%;
    padding-right: 6%;
  }

  .ac-lux-semillas {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
  }

  .ac-lux-fair,
  .ac-lux-gallery {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .ac-lux-access {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }

  .ac-lux-access-grid,
  .ac-lux-access-note {
    grid-template-columns: 1fr;
  }

  .ac-lux-access-language,
  .ac-lux-access-language:first-child,
  .ac-lux-access-language:last-child {
    padding: 1.2rem 0;
  }

  .ac-lux-access-language + .ac-lux-access-language {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.18);
  }

  .ac-lux-closing {
    grid-template-columns: 1fr;
    padding-left: 6%;
    padding-right: 6%;
  }

  .ac-lux-closing-data {
    text-align: left;
  }

}
/* =========================================================
   LUXEMBOURG 2027 · PRUEBA DEL HERO
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-hero {
  padding: 0;
  background: #292824;
  color: #f3f0e9;
}

/* Cabecera del bloque */
.ac-luxembourg-2027 .ac-lux-hero-header {
  padding: 2.2rem 4.5% 1.4rem;
  margin: 0;
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,0.18);
}

.ac-luxembourg-2027 .ac-lux-kicker {
  margin: 0 0 0.45rem;
  color: rgba(255,255,255,0.58);
}

.ac-luxembourg-2027 .ac-lux-hero h1 {
  margin: 0;
  color: #f5f2ec;
  font-size: clamp(2.8rem, 5vw, 5.2rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
}

/* Texto + fotografía */
.ac-luxembourg-2027 .ac-lux-hero-grid {
  grid-template-columns: 0.72fr 1.28fr;
  gap: 0;
  align-items: stretch;
}

/* Columna izquierda */
.ac-luxembourg-2027 .ac-lux-hero-info {
  padding: 1.8rem 7% 1.8rem 4.5%;
  background: #292824;
}

.ac-luxembourg-2027 .ac-lux-subtitle {
  max-width: 24rem;
  margin: 0 0 1.35rem;
  color: rgba(255,255,255,0.92);
  font-size: 1rem;
  line-height: 1.4;
}

.ac-luxembourg-2027 .ac-lux-event {
  margin: 0 0 1.25rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255,255,255,0.18);
  font-size: 0.82rem;
  line-height: 1.65;
  color: rgba(255,255,255,0.9);
}

.ac-luxembourg-2027 .ac-lux-artist {
  font-size: 0.84rem;
  line-height: 1.5;
  color: rgba(255,255,255,0.88);
}

/* Fotografía: más baja, sin deformar */
.ac-luxembourg-2027 .ac-lux-hero-image {
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
  margin: 0;
}

.ac-luxembourg-2027 .ac-lux-hero-image img {
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 900px) {

  .ac-luxembourg-2027 .ac-lux-hero-grid {
    grid-template-columns: 1fr;
  }

  .ac-luxembourg-2027 .ac-lux-hero-image {
    max-height: 260px;
    min-height: 260px;
  }

  .ac-luxembourg-2027 .ac-lux-hero-image img {
    height: 260px;
  }

}

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-lux-hero-header {
    padding: 1.6rem 6% 1rem;
  }

  .ac-luxembourg-2027 .ac-lux-hero h1 {
    font-size: 2.7rem;
  }

  .ac-luxembourg-2027 .ac-lux-hero-info {
    padding: 1.4rem 6% 1.5rem;
  }

  .ac-luxembourg-2027 .ac-lux-hero-image {
    min-height: 210px;
    max-height: 210px;
  }

  .ac-luxembourg-2027 .ac-lux-hero-image img {
    height: 210px;
  }

}
/* =========================================================
   LUXEMBOURG 2027 · UNIFICAR HERO + IDIOMAS
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-hero > .ac-lux-languages {
  background: #292824;
  color: #f3f0e9;
  border-top: 1px solid rgba(255,255,255,0.18);
  border-bottom: 1px solid rgba(255,255,255,0.18);
}

.ac-luxembourg-2027 .ac-lux-hero > .ac-lux-languages .ac-lux-language {
  color: #f3f0e9;
}

.ac-luxembourg-2027 .ac-lux-hero > .ac-lux-languages .ac-lux-language h2 {
  color: rgba(255,255,255,0.55);
}

.ac-luxembourg-2027 .ac-lux-hero > .ac-lux-languages .ac-lux-language p {
  color: rgba(255,255,255,0.9);
}

.ac-luxembourg-2027 .ac-lux-hero > .ac-lux-languages .ac-lux-language + .ac-lux-language {
  border-left-color: rgba(255,255,255,0.18);
}
/* =========================================================
   LUXEMBOURG 2027 · BLOQUE SEMILLAS
   Foto más contenida + más espacio para el texto
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-semillas {
  background: var(--lux-bg);
  padding-top: 3.5rem;
  padding-bottom: 3.8rem;
}

.ac-luxembourg-2027 .ac-lux-semillas-grid {
  grid-template-columns: 0.88fr 1.12fr;
  gap: 3.2rem;
  align-items: center;
}

/* Foto más pequeña */
.ac-luxembourg-2027 .ac-lux-semillas-image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ac-luxembourg-2027 .ac-lux-semillas-image img {
  width: 88%;
  height: auto;
  display: block;
}

/* Texto con algo más de espacio */
.ac-luxembourg-2027 .ac-lux-semillas-text {
  max-width: 100%;
}

/* Las tres versiones siguen siendo compactas */
.ac-luxembourg-2027 .ac-lux-semillas-text .ac-lux-language {
  margin-bottom: 1.35rem;
}

.ac-luxembourg-2027 .ac-lux-semillas-text .ac-lux-language + .ac-lux-language {
  padding-top: 1rem;
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 900px) {

  .ac-luxembourg-2027 .ac-lux-semillas-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .ac-luxembourg-2027 .ac-lux-semillas-image img {
    width: 82%;
  }

}

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-lux-semillas-image img {
    width: 100%;
  }

}
/* =========================================================
   LUXEMBOURG 2027 · ART ATELIER GALLERY
   Bloque más compacto · fondo claro
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-gallery {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  background: var(--lux-bg);
}

/* Menos espacio entre las dos columnas */
.ac-luxembourg-2027 .ac-lux-gallery-grid {
  grid-template-columns: 0.75fr 1.25fr;
  gap: 3rem;
  align-items: center;
}

/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.ac-luxembourg-2027 .ac-lux-gallery-brand {
  padding-right: 0;
}

.ac-luxembourg-2027 .ac-gallery-logo {
  margin-bottom: 1.3rem;
}

.ac-luxembourg-2027 .ac-gallery-top {
  margin-bottom: 0.45rem;
  font-size: 0.64rem;
  letter-spacing: 0.5em;
}

.ac-luxembourg-2027 .ac-gallery-name {
  margin-bottom: 0.25rem;
  font-size: clamp(1.9rem, 3vw, 3rem);
}

.ac-luxembourg-2027 .ac-gallery-city {
  font-size: 0.68rem;
  letter-spacing: 0.55em;
}

/* ---------------------------------------------------------
   INFORMACIÓN DEL STAND
   --------------------------------------------------------- */

.ac-luxembourg-2027 .ac-lux-gallery-stand {
  padding-top: 0.8rem;
  font-size: 0.64rem;
  line-height: 1.65;
}

/* ---------------------------------------------------------
   TRES IDIOMAS
   --------------------------------------------------------- */

.ac-luxembourg-2027 .ac-lux-gallery-text {
  max-width: none;
}

.ac-luxembourg-2027 .ac-lux-gallery-text .ac-lux-language {
  margin-bottom: 1rem;
}

.ac-luxembourg-2027 .ac-lux-gallery-text .ac-lux-language:last-child {
  margin-bottom: 0;
}

.ac-luxembourg-2027 .ac-lux-gallery-text .ac-lux-language h3 {
  margin-bottom: 0.45rem;
}

.ac-luxembourg-2027 .ac-lux-gallery-text .ac-lux-language p {
  font-size: 0.88rem;
  line-height: 1.45;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 900px) {

  .ac-luxembourg-2027 .ac-lux-gallery {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .ac-luxembourg-2027 .ac-lux-gallery-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

}

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-gallery-name {
    font-size: 2.4rem;
  }

  .ac-luxembourg-2027 .ac-lux-gallery-text .ac-lux-language {
    margin-bottom: 0.8rem;
  }

}
/* =========================================================
   LUXEMBOURG 2027 · ART ATELIER
   Versión mínima
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-gallery {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  background: var(--lux-bg);
}

.ac-luxembourg-2027 .ac-lux-gallery-simple {
  display: flex;
  align-items: center;
}

.ac-luxembourg-2027 .ac-lux-gallery-brand {
  padding: 0;
}

.ac-luxembourg-2027 .ac-gallery-logo {
  margin: 0 0 1rem;
  line-height: 1;
}

.ac-luxembourg-2027 .ac-gallery-top {
  margin-bottom: 0.35rem;
  font-size: 0.58rem;
  letter-spacing: 0.48em;
  color: #777;
}

.ac-luxembourg-2027 .ac-gallery-name {
  margin-bottom: 0.25rem;
  font-size: 2.5rem;
  line-height: 0.95;
}

.ac-luxembourg-2027 .ac-gallery-city {
  font-size: 0.64rem;
  letter-spacing: 0.55em;
  color: #8b877f;
}

.ac-luxembourg-2027 .ac-lux-gallery-location {
  padding-top: 0.8rem;
  border-top: 1px solid var(--lux-line);
  font-size: 0.68rem;
  line-height: 1.55;
  color: var(--lux-muted);
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-lux-gallery {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .ac-luxembourg-2027 .ac-gallery-name {
    font-size: 2.2rem;
  }

}
/* =========================================================
   LUXEMBOURG 2027 · ART ATELIER
   Logo + localización en una sola línea
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-gallery-brand {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.ac-luxembourg-2027 .ac-gallery-logo {
  margin: 0;
  flex-shrink: 0;
}

.ac-luxembourg-2027 .ac-lux-gallery-location {
  padding-top: 0;
  padding-left: 3rem;
  border-top: 0;
  border-left: 1px solid var(--lux-line);
  font-size: 0.68rem;
  line-height: 1.4;
  color: var(--lux-muted);
  white-space: nowrap;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-lux-gallery-brand {
    display: block;
  }

  .ac-luxembourg-2027 .ac-lux-gallery-location {
    margin-top: 1rem;
    padding-top: 0.8rem;
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--lux-line);
    white-space: normal;
  }

}
/* =========================================================
   ART ATELIER · AJUSTE FINAL DE LA LOCALIZACIÓN
   ========================================================= */

.ac-luxembourg-2027 .ac-lux-gallery-brand {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.ac-luxembourg-2027 .ac-lux-gallery-location {
  flex: 1;
  padding: 0 0 0 2.5rem;
  border: 0;
  border-left: 1px solid var(--lux-line);
  font-size: 0.88rem;
  line-height: 1.2;
  color: var(--lux-muted);
  white-space: nowrap;
}

/* Aseguramos que el logo no se reduzca */
.ac-luxembourg-2027 .ac-gallery-logo {
  flex-shrink: 0;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  .ac-luxembourg-2027 .ac-lux-gallery-brand {
    display: block;
  }

  .ac-luxembourg-2027 .ac-lux-gallery-location {
    margin-top: 1rem;
    padding: 0.8rem 0 0;
    border-left: 0;
    border-top: 1px solid var(--lux-line);
    white-space: normal;
    font-size: 0.82rem;
  }

}
.ac-luxembourg-2027 .ac-lux-gallery-location {
  font-size: 1.05rem !important;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: #5f5b54;
}
/* =========================================================
   ÚLTIMAS SERIES · ENLACES SOBRE FONDO OSCURO
   ========================================================= */

.ac-works-grid a {
  color: #f2eee6 !important;
  text-decoration: none;
}

.ac-works-grid a:hover {
  color: #ffffff !important;
}

/* Por si el enlace contiene texto dentro de otros elementos */
.ac-works-grid a *,
.ac-works-grid a:visited {
  color: #f2eee6 !important;
}