/*
 * Myth page shell
 *
 * Autoridad visual final para las pantallas operativas. Las hojas históricas
 * siguen cargándose por compatibilidad funcional, pero esta hoja fija la
 * estructura visual común y evita que cada página invente otra cabecera.
 */

:root {
    --page-shell-max: 1380px;
    --page-shell-gutter: clamp(20px, 3.2vw, 42px);
    --page-masthead-height: 284px;
    --page-title-size: clamp(3.25rem, 5vw, 5rem);
    --page-title-leading: .92;
    --page-copy-size: 1rem;
    --page-section-title-size: var(--myth-size-h2);
}

body.editorial-page.operate-page {
    min-width: 320px;
    color: var(--myth-ink);
    background: #d9ccb1;
}

body.editorial-page.operate-page main {
    background: #d9ccb1;
}

/* The masthead is a sibling of the content surface, never a blue band
   nested inside a paper container. */
body.editorial-page.operate-page > main > .editorial-page-head,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header,
body.page-admin.editorial-page.operate-page .admin-editorial-head {
    position: relative;
    left: auto;
    width: 100%;
    min-height: var(--page-masthead-height);
    margin: 0;
    padding-block: 0;
    padding-inline: max(var(--page-shell-gutter), calc((100vw - var(--page-shell-max)) / 2));
    overflow: hidden;
    color: var(--myth-paper-light);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        radial-gradient(circle at 82% 28%, rgba(8, 120, 154, .18), transparent 27%),
        radial-gradient(circle at 12% 76%, rgba(180, 55, 36, .15), transparent 30%),
        var(--myth-night);
    background-size: 72px 72px, 72px 72px, auto, auto, auto;
    border: 0;
    border-bottom: 4px solid var(--myth-red);
    border-radius: 0;
    box-shadow: none;
}

body.editorial-page.operate-page > main > .editorial-page-head > .editorial-disclaimer,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header > .editorial-disclaimer,
body.page-admin.editorial-page.operate-page .admin-editorial-head > .editorial-disclaimer,
body.editorial-page.operate-page .editorial-prefix {
    display: none;
}

body.editorial-page.operate-page > main > .editorial-page-head > .editorial-nameplate,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header > .editorial-nameplate,
body.page-admin.editorial-page.operate-page .admin-editorial-head > .editorial-nameplate {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
    min-height: 224px !important;
    gap: clamp(24px, 4vw, 56px);
    padding-block: 24px;
}

body.editorial-page.operate-page > main > .editorial-page-head h1,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header h1,
body.page-admin.editorial-page.operate-page .admin-editorial-head .editorial-display-title {
    max-width: 20ch;
    color: var(--myth-paper-light);
    font: 900 var(--page-title-size)/var(--page-title-leading) var(--myth-font-display);
    letter-spacing: -.04em;
    text-transform: none;
}

/* admin-shell renders its title as a paragraph for compatibility with the
   previous shell; keep it on the same display scale as the public pages. */
body.page-admin.editorial-page.operate-page .admin-editorial-head .editorial-display-title {
    font-family: var(--myth-font-display) !important;
    font-size: var(--page-title-size) !important;
    font-weight: 900 !important;
    line-height: var(--page-title-leading) !important;
}

body.editorial-page.operate-page > main > .editorial-page-head .editorial-title-group > p,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header .jornada-heading-copy > p,
body.page-admin.editorial-page.operate-page .admin-editorial-head .editorial-title-group > p {
    max-width: 62ch;
    margin-top: 12px;
    color: #d2dad9;
    font-size: var(--page-copy-size);
    line-height: 1.5;
}

body.editorial-page.operate-page > main > .editorial-page-head > .editorial-index,
body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header > .editorial-index,
body.page-admin.editorial-page.operate-page .admin-editorial-head > .editorial-index {
    min-height: 60px !important;
    margin-top: 0;
    padding-block: 0;
}

/* Paper surfaces use one width and one top rhythm after the masthead. */
body.editorial-page.operate-page .jornada-page,
body.editorial-page.operate-page .section,
body.editorial-page.operate-page .plantillas-page,
body.editorial-page.operate-page .managers-page,
body.editorial-page.operate-page .palmares-page,
body.editorial-page.operate-page .jugadores-page,
body.editorial-page.operate-page .reglas-page,
body.editorial-page.operate-page .alineaciones-container,
body.page-mercado.editorial-page.operate-page .mercado-page {
    width: min(100% - 40px, var(--page-shell-max));
    margin-inline: auto;
    padding: 32px var(--page-shell-gutter) clamp(4.5rem, 8vw, 7.5rem);
    background: var(--myth-paper);
    box-shadow: 0 20px 55px rgba(1, 23, 45, .18);
}

body.editorial-page.operate-page .jornada-page > .container,
body.editorial-page.operate-page .section > .container,
body.editorial-page.operate-page .plantillas-page > .container,
body.editorial-page.operate-page .managers-page > .container,
body.editorial-page.operate-page .palmares-page > .container,
body.editorial-page.operate-page .jugadores-page > .container-full,
body.editorial-page.operate-page .reglas-page > .container,
body.page-mercado.editorial-page.operate-page .mercado-page > .container {
    width: 100%;
    max-width: none;
    margin-inline: auto;
}

/* Mercado joins the same operational language without reintroducing a
   second cream-area page header. */
body.page-mercado .mercado-page {
    padding-top: 32px;
}

body.page-mercado .mercado-intro {
    max-width: 62ch;
    margin: 0 0 32px;
    padding: 0;
    border: 0;
    color: var(--myth-muted) !important;
    font: 500 var(--page-copy-size)/1.6 var(--myth-font-body);
    text-align: left !important;
}

body.page-mercado .mercado-tabs {
    margin-top: 0;
}

/* Inner titles are section titles, not a second page masthead. */
body.editorial-page.operate-page .admin-page-heading,
body.editorial-page.operate-page .section-header,
body.editorial-page.operate-page .pts-gestion-header {
    border-bottom-color: var(--myth-night);
}

body.page-admin .admin-page-heading h1,
body.page-admin .section-header h2,
body.page-admin .pts-section-title {
    color: var(--myth-ink);
    font-family: var(--myth-font-display);
    font-size: var(--page-section-title-size);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.04em;
}

/* Alineación keeps its operational controls, but they occupy the standard
   right-hand masthead slot rather than changing the global shell. */
body.page-alineaciones.editorial-page.operate-page .jornada-header-actions {
    width: min(100%, 300px);
    min-width: 0;
    justify-self: end;
    padding: 12px;
    border: 1px solid rgba(242, 231, 205, .26);
    background: rgba(1, 23, 45, .34);
}

body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .editorial-status-index {
    width: min(100% - 40px, var(--page-shell-max));
    margin-inline: auto;
    padding: 0 var(--page-shell-gutter);
    color: var(--myth-ink);
    background: var(--myth-paper);
    border-bottom: 1px solid var(--myth-rule);
}

body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .editorial-status-index .lineup-status-strip {
    min-height: 78px;
    padding-block: 16px;
    border-top: 0;
}

body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .editorial-status-index .lineup-status-strip h2 {
    color: var(--myth-ink);
}

body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .editorial-status-index .lineup-status-strip p {
    color: var(--myth-muted);
}

@media (max-width: 760px) {
    :root {
        --page-masthead-height: auto;
    }

    body.editorial-page.operate-page > main > .editorial-page-head,
    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header,
    body.page-admin.editorial-page.operate-page .admin-editorial-head {
        min-height: 0;
        padding-inline: 20px;
    }

    body.editorial-page.operate-page > main > .editorial-page-head > .editorial-nameplate,
    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header > .editorial-nameplate,
    body.page-admin.editorial-page.operate-page .admin-editorial-head > .editorial-nameplate {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 16px;
        padding-block: 22px 20px;
    }

    body.editorial-page.operate-page > main > .editorial-page-head h1,
    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header h1,
    body.page-admin.editorial-page.operate-page .admin-editorial-head .editorial-display-title {
        max-width: none;
        font-size: clamp(2.8rem, 13vw, 4.4rem);
    }

    body.editorial-page.operate-page > main > .editorial-page-head .editorial-folio,
    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header .editorial-folio,
    body.page-admin.editorial-page.operate-page .admin-editorial-head .editorial-folio {
        width: 100%;
        min-height: 0;
        padding: 14px 0 0;
        border-top: 1px solid rgba(242, 231, 205, .38);
        border-left: 0;
        justify-items: start;
        text-align: left;
    }

    body.editorial-page.operate-page > main > .editorial-page-head > .editorial-index,
    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .jornada-header > .editorial-index,
    body.page-admin.editorial-page.operate-page .admin-editorial-head > .editorial-index {
        min-height: 0;
        padding-block: 14px;
    }

    body.page-alineaciones.editorial-page.operate-page .jornada-header-actions {
        width: 100%;
        justify-self: stretch;
    }

    body.page-alineaciones.editorial-page.operate-page > #alineaciones-dashboard > main > .editorial-status-index {
        width: min(100% - 24px, var(--page-shell-max));
        padding-inline: 16px;
    }

    body.editorial-page.operate-page .jornada-page,
    body.editorial-page.operate-page .section,
    body.editorial-page.operate-page .plantillas-page,
    body.editorial-page.operate-page .managers-page,
    body.editorial-page.operate-page .palmares-page,
    body.editorial-page.operate-page .jugadores-page,
    body.editorial-page.operate-page .reglas-page,
    body.editorial-page.operate-page .alineaciones-container,
    body.page-mercado.editorial-page.operate-page .mercado-page {
        width: min(100% - 24px, var(--page-shell-max));
        padding-inline: 16px;
    }
}