/* ==========================================================
   RELANCE ESTUDIO
   CSS BASE DEFINITIVO
========================================================== */

:root {
    --menu-height: 78px;
    --black: #000000;
    --white: #ffffff;
    --culture: #c6ff00;
    --line-white: rgba(255,255,255,.75);
}


/* ==========================================================
   RESET
========================================================== */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}


/* ==========================================================
   LIMPIEZA WORDPRESS
========================================================== */

.site-header,
header.site-header,
.site-branding {
    display: none !important;
}


/* Quitar títulos automáticos */

body:has(.relance-work) .entry-header,
body:has(.relance-work) .entry-title,

body:has(.relance-about) .entry-header,
body:has(.relance-about) .entry-title,

body:has(.relance-culture-screen) .entry-header,
body:has(.relance-culture-screen) .entry-title,

body:has(.relance-contact) .entry-header,
body:has(.relance-contact) .entry-title,

body.home .entry-header,
body.home .entry-title {
    display: none !important;
}


/* Quitar contenedores y límites del tema */

body:has(.relance-work) main,
body:has(.relance-work) article,
body:has(.relance-work) .site-main,
body:has(.relance-work) .entry-content,

body:has(.relance-about) main,
body:has(.relance-about) article,
body:has(.relance-about) .site-main,
body:has(.relance-about) .entry-content,

body:has(.relance-culture-screen) main,
body:has(.relance-culture-screen) article,
body:has(.relance-culture-screen) .site-main,
body:has(.relance-culture-screen) .entry-content,

body:has(.relance-contact) main,
body:has(.relance-contact) article,
body:has(.relance-contact) .site-main,
body:has(.relance-contact) .entry-content,

body.home main,
body.home article,
body.home .site-main,
body.home .entry-content {

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

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

    transform: none !important;
}


/* Quitar compartir / likes / editar */

.sharedaddy,
.sd-sharing-enabled,
.sd-like,
.sd-block,
div.sharedaddy,
#jp-post-flair,
.post-likes-widget,
.wpl-likebox,
.entry-footer,
.edit-link,
.post-edit-link,
a.post-edit-link {
    display: none !important;
}


/* ==========================================================
   MENÚ INFERIOR
========================================================== */

.relance-bottom-nav {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    width: 100vw;
    height: var(--menu-height);

    display: grid;

    grid-template-columns:
        1.25fr
        1fr
        1fr
        1fr
        1fr
        135px;

    margin: 0;
    padding: 0;

    background: var(--black);

    border-top: 1px solid var(--line-white);

    z-index: 99999 !important;
}


/* Celdas */

.relance-bottom-nav > a,
.relance-bottom-nav > .relance-social {

    height: var(--menu-height);

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

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

    line-height: 1;

    border-right: 1px solid var(--line-white);
}


/* Textos */

.relance-bottom-nav > a {

    color: #fff !important;

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

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

    font-size: 18px;
    font-weight: 900;

    letter-spacing: -0.035em;
}


/* Hover */

.relance-bottom-nav > a:not(.relance-brand):hover {

    background: #fff;

    color: #000 !important;
}


/* Logo inferior */

.relance-bottom-nav .relance-brand {

    justify-content: flex-start;

    padding: 0 30px !important;

    overflow: hidden;
}

.relance-bottom-nav .relance-brand img {

    display: block;

    width: 205px;
    max-width: 88%;

    height: auto;

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

    position: static !important;
    transform: none !important;
}


/* Instagram + correo */

.relance-bottom-nav .relance-social {

    border-right: 0;

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

    gap: 22px;
}

.relance-bottom-nav .relance-social a {

    width: auto;
    height: auto;

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

    border: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

.relance-bottom-nav .relance-social svg {

    display: block;

    width: 21px;
    height: 21px;

    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
}


/* ==========================================================
   LOGO RELANCE EN CABECERAS SUPERIORES
========================================================== */

.relance-top-logo {

    display: flex !important;

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

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

    color: #000 !important;
    text-decoration: none !important;
}

.relance-top-logo img {

    display: block !important;

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

    height: auto !important;

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

    filter: invert(1) !important;
}


/* En CONTACT el fondo es negro:
   usamos el PNG blanco directamente */

.relance-contact .relance-top-logo img {
    filter: none !important;
}


/* ==========================================================
   HOME
========================================================== */

body.home {

    overflow: hidden !important;

    background: #000 !important;
}


.relance-home {

    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    bottom: var(--menu-height);

    width: 100vw;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #000;

    z-index: 1;
}


/* Vídeo */

.relance-home-video {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

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

    z-index: 1;
}


/* Oscurecido */

.relance-home::after {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.10);

    pointer-events: none;

    z-index: 2;
}


/* Logo central */

.relance-home-brand {

    position: fixed !important;

    left: 50vw !important;

    top: calc(
        (100vh - var(--menu-height)) / 2
    ) !important;

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

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

    z-index: 20;

    pointer-events: none;
}


.relance-home-brand img {

    display: block;

    width: 500px;
    max-width: 45vw;

    height: auto;

    margin: 0;
    padding: 0;
}


/* ==========================================================
   CABECERAS INTERIORES
========================================================== */

.work-nav,
.relance-about-top,
.contact-top {

    width: 100%;

    display: grid;

    grid-template-columns:
        1fr
        1fr
        1fr;

    margin: 0;

    padding: 4px 0 0;

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

    font-size: 28px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.04em;
}


.work-nav-center,
.relance-about-top > *:nth-child(2),
.contact-top > *:nth-child(2) {

    text-align: center;
}


/* ==========================================================
   WORK
========================================================== */

.relance-work {

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

    min-height: calc(
        100vh - var(--menu-height)
    );

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 20px 20px 110px;

    background: #fff;

    color: #000;
}


/* Cabecera WORK
   Reducida para subir la tabla */

.work-nav {

    position: relative;

    width: 100%;

    height: 90px;

    display: grid;

    grid-template-columns:
        1fr
        1fr
        1fr;

    align-items: start;

    padding-top: 5px;
}


.work-nav-left,
.work-nav-center,
.work-nav-right {

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

    font-size: 28px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.04em;

    color: #000;
}


.work-nav-left {
    text-align: left;
}


.work-nav-center {

    text-align: center;

    text-decoration: none !important;

    color: #000 !important;
}


.work-nav-right {
    text-align: right;
}


/* Tabla */

.work-table {

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

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


.work-row {

    width: 100%;

    display: grid;

    grid-template-columns:
        110px
        220px
        minmax(420px, 1fr)
        minmax(360px, 1fr);

    align-items: center;

    min-height: 58px;

    padding: 7px 0;

    border-bottom: 2px solid #000;

    color: #000;

    text-decoration: none;

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

    font-size: clamp(
        19px,
        1.65vw,
        31px
    );

    line-height: .95;

    letter-spacing: -0.04em;
}


.work-header {

    min-height: 54px;

    font-size: clamp(
        17px,
        1.35vw,
        25px
    );

    font-weight: 800;
}


.work-row > div {
    padding-right: 14px;
}


.work-year,
.work-project {
    font-weight: 800;
}


.work-category {
    text-align: right;
}


a.work-row {

    transition:
        background .18s ease,
        color .18s ease;
}


a.work-row:hover {

    background: #000;

    color: #fff;
}


/* Ajuste barra WordPress */

body.admin-bar .relance-work {
    padding-top: 52px !important;
}


/* ==========================================================
   ABOUT
========================================================== */

.relance-about {

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

    min-height: calc(
        100vh - var(--menu-height)
    );

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 22px 22px 110px;

    background: #fff;

    color: #000;
}


/* Sin línea */

.relance-about-line {
    display: none !important;
}


/* Texto */

.relance-about-copy {

    width: 100%;

    margin: 0;

    padding: 75px 0 0;
}


.relance-about-copy p {

    width: 100%;
    max-width: none;

    margin: 0 0 42px;

    font-size: clamp(
        52px,
        5.5vw,
        92px
    );

    line-height: .94;

    letter-spacing: -0.055em;

    font-weight: 800;
}


.relance-about-copy p:last-child {
    margin-top: 55px;
}


/* Clientes */

.about-clients {

    margin:
        90px
        -22px
        -110px;

    background: #000;

    color: #fff;
}


.about-clients-title {

    padding: 24px 22px 18px;

    font-size: clamp(
        34px,
        4vw,
        70px
    );

    font-weight: 800;

    letter-spacing: -0.045em;

    border-bottom:
        1px solid var(--line-white);
}


.about-clients-grid {

    display: grid;

    grid-template-columns:
        repeat(6, 1fr);
}


.about-client {

    aspect-ratio: 1 / 1;

    display: flex;

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

    padding: 25px;

    text-align: center;

    font-size: clamp(
        17px,
        1.8vw,
        31px
    );

    font-weight: 800;

    border-right:
        1px solid var(--line-white);

    border-bottom:
        1px solid var(--line-white);
}


.about-client:nth-child(6n) {
    border-right: 0;
}


/* Ajuste barra WordPress */

body.admin-bar .relance-about {
    padding-top: 54px !important;
}


/* ==========================================================
   CULTURE
   FULLSCREEN REAL
========================================================== */

body:has(.relance-culture-screen) {

    overflow: hidden !important;

    background: var(--culture) !important;
}


.relance-culture-screen {

    position: fixed !important;

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

    bottom: var(--menu-height) !important;

    width: 100vw !important;

    height: calc(
        100vh - var(--menu-height)
    ) !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 22px 20px !important;

    background: var(--culture) !important;

    color: #000 !important;

    overflow: hidden !important;

    transform: none !important;

    z-index: 1000 !important;
}


/* Cabecera Culture */

.relance-culture-screen .culture-top {

    position: absolute !important;

    top: 22px !important;
    left: 20px !important;
    right: 20px !important;

    width: auto !important;

    display: grid !important;

    grid-template-columns:
        1fr
        1fr
        1fr !important;

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

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

    font-size: 28px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: -0.04em !important;

    color: #000 !important;
}


.relance-culture-screen .culture-top > *:first-child {
    text-align: left !important;
}


.relance-culture-screen .culture-top > *:nth-child(2) {
    text-align: center !important;
    transform: translateY(3px) !important;
}


.relance-culture-screen .culture-top > *:last-child {
    text-align: right !important;
}
/* Evitar azul de enlaces */

.relance-culture-screen .culture-top a,
.relance-culture-screen .culture-top span,

.relance-culture-screen .culture-top a:visited,
.relance-culture-screen .culture-top a:hover,
.relance-culture-screen .culture-top a:active {

    color: #000 !important;

    text-decoration: none !important;
}


/* Texto */

.relance-culture-screen .culture-content {

    position: absolute !important;

    top: 50% !important;

    left: 20px !important;
    right: 20px !important;

    width: auto !important;

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

    transform:
        translateY(-50%) !important;
}


.relance-culture-screen .culture-content h1 {

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

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

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

    font-size: clamp(
        80px,
        9vw,
        155px
    ) !important;

    font-weight: 800 !important;

    line-height: .88 !important;

    letter-spacing: -0.065em !important;

    color: #000 !important;
}


/* Barra WordPress */

body.admin-bar .relance-culture-screen {

    top: 32px !important;

    height: calc(
        100vh
        - var(--menu-height)
        - 32px
    ) !important;
}


/* ==========================================================
   CONTACT
========================================================== */

body:has(.relance-contact) {
    background: #000 !important;
}


.relance-contact {

    position: fixed !important;

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

    bottom: var(--menu-height) !important;

    width: 100vw !important;

    height: calc(
        100vh - var(--menu-height)
    ) !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 22px 32px !important;

    background: #000 !important;

    color: #fff !important;

    display: grid;

    grid-template-rows:
        auto
        1fr
        auto;

    overflow: hidden;

    z-index: 1000;
}


/* Centro */

.contact-center {

    align-self: center;

    justify-self: center;

    text-align: center;
}


.contact-item {
    margin: 28px 0;
}


.contact-item strong {

    display: block;

    margin-bottom: 5px;

    font-size: clamp(
        18px,
        1.45vw,
        27px
    );

    font-weight: 800;

    line-height: 1.05;
}


.contact-item a {

    display: block;

    color:
        rgba(255,255,255,.55);

    text-decoration: none;

    font-size: clamp(
        18px,
        1.4vw,
        26px
    );

    line-height: 1.05;
}


.contact-item a:hover {
    color: #fff;
}


/* Dirección */

.contact-bottom {

    justify-self: center;

    padding-bottom: 15px;

    text-align: center;

    font-size: 16px;

    line-height: 1.4;
}


/* WordPress conectado */

body.admin-bar .relance-contact {

    top: 32px !important;

    height: calc(
        100vh
        - var(--menu-height)
        - 32px
    ) !important;
}


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

@media (max-width: 767px) {

    :root {
        --menu-height: 62px;
    }


    /* MENÚ */

    .relance-bottom-nav {

        grid-template-columns:
            1.15fr
            1fr
            1fr
            1fr
            1fr
            72px;
    }


    .relance-bottom-nav > a,
    .relance-bottom-nav > .relance-social {

        height: var(--menu-height);
    }


    .relance-bottom-nav > a {
        font-size: 10px;
    }


    .relance-bottom-nav .relance-brand {
        padding: 0 10px !important;
    }


    .relance-bottom-nav .relance-brand img {

        width: 110px;

        max-width: 100%;
    }


    .relance-bottom-nav .relance-social {
        gap: 10px;
    }


    .relance-bottom-nav .relance-social svg {

        width: 16px;

        height: 16px;
    }


    /* LOGOS SUPERIORES */

    .relance-top-logo img {
        width: 105px !important;
    }


    /* HOME */

    .relance-home-brand {

        top: calc(
            (100vh - var(--menu-height)) / 2
        ) !important;
    }


    .relance-home-brand img {

        width: 62vw;

        max-width: 420px;
    }


    /* CABECERAS */

    .work-nav,
    .relance-about-top,
    .contact-top {

        font-size: 18px;
    }


    /* WORK */

    .relance-work {
        padding: 18px 12px 90px;
    }


    .work-nav {
        height: 75px;
    }


    .work-row {

        grid-template-columns:
            55px
            1fr;

        gap: 5px 10px;

        min-height: auto;

        padding: 15px 0;

        font-size: 17px;
    }


    .work-header {
        display: none;
    }


    .work-year {
        grid-row: 1 / 3;
    }


    .work-client {
        font-size: 14px;
    }


    .work-project {
        font-size: 19px;
    }


    .work-category {
        display: none;
    }


    /* ABOUT */

    .relance-about {
        padding: 18px 14px 90px;
    }


    .relance-about-copy {
        padding-top: 45px;
    }


    .relance-about-copy p {

        font-size: 40px;

        line-height: .98;
    }


    .about-clients {

        margin-left: -14px;

        margin-right: -14px;
    }


    .about-clients-grid {

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


    .about-client:nth-child(6n) {

        border-right:
            1px solid var(--line-white);
    }


    .about-client:nth-child(2n) {
        border-right: 0;
    }


    /* CULTURE */

    .relance-culture-screen {
        padding: 16px 14px !important;
    }


    .relance-culture-screen .culture-top {

        top: 16px !important;
        left: 14px !important;
        right: 14px !important;

        font-size: 18px !important;
    }


    .relance-culture-screen .culture-content {

        left: 14px !important;
        right: 14px !important;
    }


    .relance-culture-screen .culture-content h1 {

        font-size: clamp(
            58px,
            15vw,
            100px
        ) !important;

        line-height: .9 !important;
    }


    /* CONTACT */

    .relance-contact {
        padding: 16px 14px !important;
    }


    .contact-item {
        margin: 22px 0;
    }


    .contact-bottom {
        font-size: 13px;
    }
}


/* ========================================
   RELANCE — LOGO SUPERIOR GLOBAL
   MISMA POSICIÓN EN TODAS LAS PÁGINAS
======================================== */

.relance-top-logo {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

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

    height: auto !important;
    overflow: visible !important;

    text-decoration: none !important;
}

.relance-top-logo img {
    display: block !important;

    width: 250px !important;
    max-width: none !important;
    height: auto !important;

    margin: -70px 0 0 !important;
    padding: 0 !important;

    filter: none !important;
    opacity: 1 !important;
}

.relance-about-top .relance-top-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    overflow: visible !important;
}


/* AJUSTE CULTURE: ALINEAR CABECERA CON ABOUT */

.relance-culture-screen .culture-top > *:first-child {
    justify-self: start !important;
    text-align: left !important;
    transform: translateY(-2px) !important;
}

.relance-culture-screen .culture-top > *:last-child {
    justify-self: end !important;
    text-align: right !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   CONTACT — LOGO SUPERIOR IGUAL AL RESTO
======================================== */

.contact-top .relance-top-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;

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

    overflow: visible !important;
}

.contact-top .relance-top-logo img {
    width: 250px !important;
    max-width: none !important;
    height: auto !important;

    margin: -70px 0 0 !important;
    padding: 0 !important;

    filter: none !important;
    opacity: 1 !important;
}


/* ==========================================================
   RELANCE — MENÚ INFERIOR SOLO EN HOME
========================================================== */

body:not(.home) .relance-bottom-nav {
    display: none !important;
}


/* ==========================================================
   WORK
========================================================== */

body:not(.home) .relance-work {
    min-height: 100vh;
}


/* ==========================================================
   ABOUT
========================================================== */

body:not(.home) .relance-about {
    min-height: 100vh;
}


/* ==========================================================
   CULTURE
========================================================== */

body:not(.home) .relance-culture-screen {
    bottom: 0 !important;
    height: 100vh !important;
}


/* ==========================================================
   CONTACT
========================================================== */

body:not(.home) .relance-contact {
    bottom: 0 !important;
    height: 100vh !important;
}


/* ==========================================================
   WORDPRESS ADMIN BAR
========================================================== */

body.admin-bar:not(.home) .relance-culture-screen,
body.admin-bar:not(.home) .relance-contact {
    height: calc(100vh - 32px) !important;
}


/* ==========================================================
   CULTURE — MENÚ DESPLEGABLE CONSOLIDADO
   Único sistema: <details>
   No modifica header, logo, contenido ni ancho
========================================================== */

.relance-culture-screen .culture-menu-details {
    position: relative !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.relance-culture-screen .culture-menu-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    color: #000 !important;
    text-align: right !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.relance-culture-screen .culture-menu-trigger::-webkit-details-marker {
    display: none !important;
}

.relance-culture-screen .culture-menu-trigger::marker {
    content: "" !important;
}

.relance-culture-screen .culture-menu-trigger:hover,
.relance-culture-screen .culture-menu-trigger:focus,
.relance-culture-screen .culture-menu-trigger:active {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    transform: none !important;
}

.relance-culture-screen .culture-menu-open {
    display: none !important;
}

.relance-culture-screen .culture-menu-details[open] .culture-menu-closed {
    display: none !important;
}

.relance-culture-screen .culture-menu-details[open] .culture-menu-open {
    display: inline !important;
}


/* DESPLEGABLE */

.relance-culture-screen .culture-dropdown-menu {
    position: absolute !important;

    top: 42px !important;
    right: 0 !important;

    display: block !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 48px) !important;

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

    margin: 0 !important;
    padding: 0 0 12px 14px !important;

    background: var(--culture) !important;

    z-index: 1000 !important;
    overflow: visible !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(-5px) !important;

    transition:
        opacity 0.16s ease,
        transform 0.16s ease,
        visibility 0.16s ease !important;
}


.relance-culture-screen .culture-menu-details[open] .culture-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
}


/* NAVEGACIÓN */

.relance-culture-screen .culture-menu-navigation {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    width: auto !important;

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

    gap: 0 !important;
}


.relance-culture-screen .culture-menu-navigation a {
    display: block !important;

    width: auto !important;

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

    border: 0 !important;
    background: transparent !important;

    color: #000 !important;
    text-decoration: none !important;

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

    font-size: clamp(38px, 3.8vw, 56px) !important;

    line-height: 0.88 !important;
    font-weight: 700 !important;
    letter-spacing: -0.05em !important;

    text-align: right !important;
    white-space: nowrap !important;
}


/* ICONOS */

.relance-culture-screen .culture-menu-secondary {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

    gap: 22px !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;
}


.relance-culture-screen .culture-menu-secondary a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    max-width: 25px !important;
    max-height: 25px !important;

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

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

    background: transparent !important;

    color: #000 !important;
    text-decoration: none !important;
}


.relance-culture-screen .culture-menu-secondary svg {
    display: block !important;

    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    max-width: 25px !important;
    max-height: 25px !important;

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

    fill: none !important;

    stroke: #000 !important;
    stroke-width: 1.8 !important;

    overflow: visible !important;
}


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

@media (max-width: 1000px) {

    .relance-culture-screen .culture-dropdown-menu {
        right: 0 !important;

        max-width: calc(100vw - 48px) !important;
    }

    .relance-culture-screen .culture-menu-navigation a {
        font-size: clamp(36px, 5.5vw, 50px) !important;
    }
}


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

@media (max-width: 767px) {

    .relance-culture-screen .culture-menu-trigger {
        font-size: 18px !important;
    }

    .relance-culture-screen .culture-dropdown-menu {
        top: 32px !important;
        right: 0 !important;

        max-width: calc(100vw - 28px) !important;

        padding: 0 0 10px 12px !important;
    }

    .relance-culture-screen .culture-menu-navigation a {
        font-size: clamp(34px, 10vw, 46px) !important;

        line-height: 0.88 !important;
    }

    .relance-culture-screen .culture-menu-secondary {
        margin-top: 22px !important;

        gap: 18px !important;
    }

    .relance-culture-screen .culture-menu-secondary a,
    .relance-culture-screen .culture-menu-secondary svg {
        width: 23px !important;
        height: 23px !important;

        min-width: 23px !important;
        min-height: 23px !important;

        max-width: 23px !important;
        max-height: 23px !important;
    }
}
/* ==========================================================
   ABOUT — VERSIÓN DEFINITIVA
   Misma retícula y header que CULTURE
========================================================== */

/* Pantalla */

.relance-about {
    position: fixed !important;

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

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

    margin: 0 !important;
    padding: 22px 20px !important;

    background: #fff !important;
    color: #000 !important;

    overflow: hidden !important;

    z-index: 1000 !important;
}


/* ==========================================================
   HEADER
========================================================== */

.relance-about .relance-about-top {
    position: absolute !important;

    top: 22px !important;
    left: 20px !important;
    right: 20px !important;

    width: auto !important;
    height: auto !important;

    display: grid !important;

    grid-template-columns:
        1fr
        1fr
        1fr !important;

    align-items: start !important;

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

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

    font-size: 28px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #000 !important;

    z-index: 100 !important;
}


/* ABOUT izquierda */

.relance-about .relance-about-top > *:first-child {
    justify-self: start !important;

    text-align: left !important;

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

    transform: translateY(-2px) !important;
}


/* Logo centro */

.relance-about .relance-about-top > *:nth-child(2) {
    justify-self: center !important;

    text-align: center !important;

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

    transform: translateY(3px) !important;
}


/* Contenedor derecho */

.relance-about .relance-about-top > *:last-child {
    justify-self: end !important;

    text-align: right !important;

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

    transform: translateY(-2px) !important;
}


/* Logo */

.relance-about .relance-top-logo {
    display: flex !important;

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

    width: auto !important;
    height: auto !important;

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

    overflow: visible !important;

    text-decoration: none !important;
}


.relance-about .relance-top-logo img {
    display: block !important;

    width: 250px !important;
    max-width: none !important;
    height: auto !important;

    margin: -70px 0 0 !important;
    padding: 0 !important;

    filter: none !important;
    opacity: 1 !important;
}


/* ==========================================================
   MENÚ ABOUT
   Mismo sistema <details> que CULTURE
========================================================== */

.relance-about .culture-menu-details {
    position: relative !important;

    justify-self: end !important;

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

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

    border: 0 !important;
}


/* MENÚ + */

.relance-about .culture-menu-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

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

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

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

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;

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

    list-style: none !important;

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

    font-size: 28px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #000 !important;

    text-align: right !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    cursor: pointer !important;
}


.relance-about .culture-menu-trigger::-webkit-details-marker {
    display: none !important;
}


.relance-about .culture-menu-trigger::marker {
    content: "" !important;
}


.relance-about .culture-menu-trigger:hover,
.relance-about .culture-menu-trigger:focus,
.relance-about .culture-menu-trigger:active {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

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

    color: #000 !important;

    transform: none !important;
}


/* Cambio + / − */

.relance-about .culture-menu-open {
    display: none !important;
}


.relance-about .culture-menu-details[open] .culture-menu-closed {
    display: none !important;
}


.relance-about .culture-menu-details[open] .culture-menu-open {
    display: inline !important;
}


/* ==========================================================
   DESPLEGABLE
========================================================== */

.relance-about .culture-dropdown-menu {
    position: absolute !important;

    top: 42px !important;
    right: 0 !important;

    display: block !important;

    width: max-content !important;
    min-width: 0 !important;

    max-width: calc(100vw - 48px) !important;

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

    margin: 0 !important;
    padding: 0 0 12px 14px !important;

    background: #fff !important;

    z-index: 1000 !important;

    overflow: visible !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-5px) !important;

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease !important;
}


.relance-about .culture-menu-details[open] .culture-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;
}


/* Navegación */

.relance-about .culture-menu-navigation {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-end !important;

    width: auto !important;

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

    gap: 0 !important;
}


.relance-about .culture-menu-navigation a {
    display: block !important;

    width: auto !important;

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

    border: 0 !important;

    background: transparent !important;

    color: #000 !important;

    text-decoration: none !important;

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

    font-size: clamp(38px, 3.8vw, 56px) !important;

    line-height: .88 !important;

    font-weight: 700 !important;

    letter-spacing: -0.05em !important;

    text-align: right !important;

    white-space: nowrap !important;
}


/* Iconos */

.relance-about .culture-menu-secondary {
    display: flex !important;

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

    gap: 22px !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;
}


.relance-about .culture-menu-secondary a {
    display: flex !important;

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

    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    max-width: 25px !important;
    max-height: 25px !important;

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

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

    background: transparent !important;

    color: #000 !important;

    text-decoration: none !important;
}


.relance-about .culture-menu-secondary svg {
    display: block !important;

    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    max-width: 25px !important;
    max-height: 25px !important;

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

    fill: none !important;

    stroke: #000 !important;
    stroke-width: 1.8 !important;

    overflow: visible !important;
}


/* ==========================================================
   TEXTO ABOUT
========================================================== */

.relance-about .relance-about-copy {
    position: absolute !important;

    top: 50% !important;

    left: 20px !important;
    right: 20px !important;

    width: auto !important;

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

    transform: translateY(-50%) !important;
}


.relance-about .relance-about-copy p {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 42px !important;
    padding: 0 !important;

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

    font-size: clamp(
        52px,
        5.5vw,
        92px
    ) !important;

    font-weight: 800 !important;

    line-height: .94 !important;

    letter-spacing: -0.055em !important;

    color: #000 !important;
}


.relance-about .relance-about-copy p:last-child {
    margin: 55px 0 0 !important;
}


/* ==========================================================
   CONTACTO ABAJO IZQUIERDA
========================================================== */

.relance-about .about-contact-link {
    position: absolute !important;

    left: 20px !important;
    bottom: 20px !important;

    display: inline-flex !important;

    align-items: center !important;

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

    color: #000 !important;

    text-decoration: none !important;

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

    font-size: 28px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: -0.04em !important;

    z-index: 50 !important;
}


/* Flecha invisible inicialmente */

.relance-about .about-contact-arrow {
    display: inline-block !important;

    margin-left: 8px !important;

    opacity: 0 !important;

    transform: translateX(-7px) !important;

    transition:
        opacity .18s ease,
        transform .18s ease !important;
}


/* Flecha aparece al pasar el ratón */

.relance-about .about-contact-link:hover .about-contact-arrow {
    opacity: 1 !important;

    transform: translateX(0) !important;
}


/* ==========================================================
   ADMIN BAR
========================================================== */

body.admin-bar .relance-about {
    top: 32px !important;

    height: calc(100vh - 32px) !important;
    min-height: calc(100vh - 32px) !important;
}


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

@media (max-width: 1000px) {

    .relance-about .culture-menu-navigation a {
        font-size: clamp(36px, 5.5vw, 50px) !important;
    }
}


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

@media (max-width: 767px) {

    .relance-about {
        padding: 16px 14px !important;
    }


    .relance-about .relance-about-top {
        top: 16px !important;
        left: 14px !important;
        right: 14px !important;

        font-size: 18px !important;
    }


    .relance-about .culture-menu-trigger {
        font-size: 18px !important;
    }


    .relance-about .culture-dropdown-menu {
        top: 32px !important;
        right: 0 !important;

        max-width: calc(100vw - 28px) !important;

        padding: 0 0 10px 12px !important;
    }


    .relance-about .culture-menu-navigation a {
        font-size: clamp(34px, 10vw, 46px) !important;

        line-height: .88 !important;
    }


    .relance-about .culture-menu-secondary {
        margin-top: 22px !important;

        gap: 18px !important;
    }


    .relance-about .culture-menu-secondary a,
    .relance-about .culture-menu-secondary svg {
        width: 23px !important;
        height: 23px !important;

        min-width: 23px !important;
        min-height: 23px !important;

        max-width: 23px !important;
        max-height: 23px !important;
    }


    .relance-about .relance-about-copy {
        left: 14px !important;
        right: 14px !important;
    }


    .relance-about .relance-about-copy p {
        font-size: 40px !important;

        line-height: .98 !important;
    }


    .relance-about .about-contact-link {
        left: 14px !important;
        bottom: 16px !important;

        font-size: 20px !important;
    }
}