/*
 * Sistema editorial compartido para las superficies públicas de Myth.
 * La arquitectura replica el masthead y la edición impresa de Gaceta.
 */

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

.editorial-page main,
.editorial-page .alineaciones-dashboard {
    background: #d9ccb1;
}

.editorial-page .section,
.editorial-page .jornada-page,
.editorial-page .plantillas-page,
.editorial-page .managers-page,
.editorial-page .palmares-page,
.editorial-page .jugadores-page,
.editorial-page .reglas-page,
.editorial-page .alineaciones-container {
    width: min(100% - 40px, var(--editorial-shell));
    margin-inline: auto;
    padding: 0 42px clamp(4.5rem, 8vw, 7.5rem);
    background: var(--myth-paper);
    box-shadow: 0 20px 55px rgba(1, 23, 45, 0.18);
}

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

/* Masthead: siempre ocupa todo el ancho de la ventana. */
.editorial-page .editorial-page-head,
.page-alineaciones .jornada-header {
    position: relative;
    left: 50%;
    display: block;
    width: 100vw;
    margin: 0 0 64px;
    margin-left: -50vw;
    padding: 0 max(20px, calc((100vw - var(--editorial-shell)) / 2));
    overflow: hidden;
    color: var(--myth-paper-light);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 82% 28%, rgba(8, 120, 154, 0.18), transparent 27%),
        radial-gradient(circle at 12% 76%, rgba(180, 55, 36, 0.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;
    text-align: left;
}

.editorial-disclaimer {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-bottom: 1px solid rgba(242, 231, 205, 0.3);
}

.editorial-disclaimer p,
.editorial-disclaimer span,
.editorial-index p {
    margin: 0;
    color: #cbd4d3;
    font: 600 var(--myth-size-label)/1.45 var(--myth-font-label);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.editorial-disclaimer span {
    color: var(--myth-cream);
    white-space: nowrap;
}

.editorial-nameplate {
    min-height: 190px;
    display: grid;
    grid-template-columns: minmax(130px, 0.2fr) minmax(0, 1fr) minmax(190px, 0.24fr);
    align-items: center;
    gap: 30px;
    padding-block: 24px;
}

.editorial-prefix {
    display: grid;
    margin: 0;
    color: var(--myth-cream);
    font: 800 1.15rem/0.95 var(--myth-font-display);
    text-transform: uppercase;
}

.editorial-prefix strong { font-size: 1.55rem; }
.editorial-title-group { min-width: 0; }

.editorial-page .editorial-page-head h1,
.page-alineaciones .jornada-header h1,
.page-managers .managers-hero .page-heading,
.page-subasta .auction-editorial-head .editorial-display-title,
.page-admin .admin-editorial-head .editorial-display-title {
    position: static;
    max-width: 15ch;
    margin: 0 !important;
    padding: 0;
    border: 0;
    color: var(--myth-paper-light);
    font: 900 var(--myth-size-display)/0.8 var(--myth-font-display);
    letter-spacing: -0.04em;
    text-align: left !important;
    text-transform: uppercase;
}

.editorial-page .editorial-page-head h1::before,
.editorial-page .editorial-page-head h1::after,
.page-alineaciones .jornada-header h1::before,
.page-alineaciones .jornada-header h1::after {
    display: none;
    content: none;
}

.editorial-title-group > p,
.jornada-hero-copy > p:last-child,
.jornada-heading-copy > p {
    max-width: 58ch;
    margin: 16px 0 0;
    color: #d2dad9;
    font-size: 0.84rem;
    line-height: 1.55;
}

.editorial-folio {
    display: grid;
    justify-items: end;
    gap: 7px;
    margin: 0;
    padding-left: 24px;
    border-left: 1px solid rgba(242, 231, 205, 0.38);
    color: #d6dddc;
    font: 600 0.69rem/1.2 var(--myth-font-label);
    letter-spacing: 0.08em;
    text-align: right;
    text-transform: uppercase;
}

.editorial-folio > strong {
    color: var(--myth-cream);
    font: 900 2rem/1 var(--myth-font-display);
    letter-spacing: -0.03em;
}

.editorial-index {
    min-height: 58px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 28px;
    border-top: 1px solid rgba(242, 231, 205, 0.35);
}

.editorial-index p {
    color: var(--myth-cream);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.09em;
}

.editorial-index > p:last-child {
    color: var(--myth-paper-light);
    text-align: right;
}

/* Jornada y Alineación usan exactamente la misma cabecera base. */
.page-jornada .jornada-page,
.page-managers .managers-page,
.page-alineaciones .alineaciones-container {
    padding-top: 0;
}

.page-jornada .jornada-hero,
.page-managers .managers-hero {
    min-height: 0;
}

.page-jornada .jornada-hero h1,
.page-alineaciones .jornada-header h1 {
    display: flex;
    align-items: baseline;
    gap: 0.16em;
}

.page-jornada .jornada-hero h1 strong,
.page-alineaciones .jornada-header h1 strong {
    color: var(--myth-cream);
    font: inherit;
    white-space: nowrap;
}

.page-jornada .jornada-hero-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.page-jornada .jornada-action {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    padding: 3px 0 0;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    color: var(--myth-paper-light);
    background: transparent;
    box-shadow: none;
    font: 600 0.68rem/1 'Oswald', sans-serif;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.page-jornada .jornada-action:hover,
.page-jornada .jornada-action:focus-visible {
    border-bottom-color: var(--myth-red);
    color: var(--myth-cream);
    background: transparent;
    box-shadow: none;
    transform: none;
}

.page-alineaciones .jornada-header-actions {
    display: grid;
    justify-items: end;
    gap: 12px;
}

.page-alineaciones .jornada-heading-copy,
.page-alineaciones .jornada-heading-copy h1,
.page-alineaciones .jornada-heading-copy p {
    text-align: left !important;
}

.page-alineaciones .jornada-heading-copy { justify-self: start; }

.page-alineaciones .jornada-heading-copy > p {
    color: var(--myth-paper-light) !important;
}

/* La hoja histórica de Alineación nombraba las áreas del header anterior;
   el masthead editorial usa columnas explícitas y no debe crear una cuarta. */
.page-alineaciones .editorial-nameplate > .jornada-heading-copy,
.page-alineaciones .editorial-nameplate > .jornada-header-actions {
    grid-area: auto;
}

.page-alineaciones .editorial-nameplate > .jornada-heading-copy { grid-column: 2; }
.page-alineaciones .editorial-nameplate > .jornada-header-actions { grid-column: 3; }

.page-alineaciones .lineup-jornada-context {
    display: grid;
    justify-items: end;
    gap: 5px;
    margin: 0;
    color: #d6dddc;
    font: 600 0.69rem/1.2 var(--myth-font-label);
    letter-spacing: 0.08em;
    text-align: right;
    text-transform: uppercase;
}

.page-alineaciones .lineup-jornada-context strong {
    color: var(--myth-cream);
    font: 900 2rem/1 var(--myth-font-display);
    letter-spacing: -0.03em;
}

.page-alineaciones .jornada-status-line {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.page-alineaciones .lineup-count-badge,
.page-alineaciones .countdown-display {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(242, 231, 205, 0.35);
    border-radius: 0;
    color: var(--myth-paper-light);
    background: transparent;
    font: 600 0.68rem/1 'Oswald', sans-serif;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

/* La capa editorial no debe reactivar controles que JavaScript mantiene
   ocultos durante la carga o cuando no existe fecha de cierre. */
.page-alineaciones .countdown-display.js-hidden {
    display: none;
}

.page-alineaciones .lineup-count-badge strong { color: var(--myth-gold); }

.page-alineaciones .btn-jornada-actual {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(242, 231, 205, 0.55);
    border-radius: 0;
    color: var(--myth-paper-light);
    background: transparent;
    box-shadow: none;
    font: 600 0.68rem/1 'Oswald', sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-alineaciones .btn-jornada-actual:hover {
    color: var(--myth-night);
    background: var(--myth-cream);
}

.page-alineaciones .lineup-status-strip {
    min-height: 78px;
    display: grid;
    grid-template-columns: auto minmax(220px, 0.55fr) minmax(300px, 1fr);
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 12px 0;
    border-top: 0;
}

.page-alineaciones .editorial-status-index { display: block; }

.page-alineaciones .lineup-status-strip .panel-kicker {
    margin: 0;
    color: var(--myth-red);
    font: 700 0.66rem/1 'Oswald', sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-alineaciones .lineup-status-strip h2 {
    margin: 0;
    color: var(--myth-paper-light);
    font: 900 clamp(1.2rem, 2vw, 1.7rem)/1 'Bitter', Georgia, serif;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.page-alineaciones .lineup-status-strip p {
    max-width: none;
    margin: 0;
    color: #d2dad9;
    font-size: 0.8rem;
    line-height: 1.45;
    text-align: right;
}

.page-alineaciones .confirmation-details { grid-column: 2 / -1; }

/* Ritmo tipográfico y secciones interiores. */
.editorial-page h2,
.editorial-page h3,
.editorial-page h4 {
    font-family: var(--myth-font-display);
    font-weight: 900;
    letter-spacing: -0.03em;
}

.editorial-page .jornada-panel-label,
.editorial-page .panel-kicker,
.editorial-page .vuelta-tab,
.editorial-page .formation-btn,
.editorial-page .filter-btn,
.editorial-page .manager-selector > *,
.editorial-page .jornada-estado,
.editorial-page .classification-note,
.editorial-page .jugadores-counter,
.editorial-page .palmares-legend {
    font-family: var(--myth-font-label);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.page-jornada .jornada-season-board,
.page-alineaciones .squad-panel,
.page-alineaciones .field-panel,
.editorial-page .info-card,
.editorial-page .classification-summary,
.editorial-page .palmares-card,
.editorial-page .table-container {
    border: 1px solid var(--myth-rule);
    border-radius: 0;
    background: var(--myth-paper-light);
    box-shadow: none;
}

.page-jornada .jornada-panel-heading,
.page-jornada .jornada-section-heading,
.page-alineaciones .panel-heading,
.page-alineaciones .field-panel-heading,
.page-managers .manager-guide-heading {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 3px solid var(--myth-ink);
}

.page-jornada .jornada-pill,
.page-alineaciones .filter-btn,
.page-alineaciones .formation-btn {
    border-radius: 0;
    box-shadow: none;
}

.page-jornada .jornada-pill.active,
.page-jornada .jornada-pill.finalizada.active,
.page-jornada .jornada-pill.en-curso.active {
    border-color: var(--myth-red);
    color: var(--myth-paper-light);
    background: var(--myth-night);
    box-shadow: none;
    transform: none;
}

.page-jornada .matchup-card {
    border-radius: 0;
    box-shadow: none;
}

.page-alineaciones .squad-panel,
.page-alineaciones .field-panel { padding: 24px; }

/* Índices de consulta, filtros y tablas. */
.editorial-page .manager-selector,
.editorial-page .vueltas-tabs {
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: flex-start;
    gap: 0;
    margin: 0 0 28px;
    padding: 0;
    overflow-x: auto;
    border: 0;
    border-top: 1px solid var(--myth-rule);
    border-bottom: 1px solid var(--myth-rule);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    scrollbar-width: thin;
}

.editorial-page .manager-selector > *,
.editorial-page .vuelta-tab {
    flex: 0 0 auto;
    min-height: 58px;
    padding: 0 20px;
    border: 0;
    border-right: 1px solid var(--myth-rule);
    border-radius: 0;
    color: var(--myth-muted);
    background: transparent;
    box-shadow: none;
}

.editorial-page .manager-selector > *:hover,
.editorial-page .vuelta-tab:hover {
    color: var(--myth-ink);
    background: rgba(180, 55, 36, 0.06);
}

.editorial-page .manager-selector > *.active,
.editorial-page .vuelta-tab.active {
    border-bottom: 3px solid var(--myth-red);
    color: var(--myth-red);
    background: transparent;
}

.editorial-page .classification-summary {
    margin-bottom: 32px;
    border-top: 3px solid var(--myth-blue);
}

.editorial-page .filters {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(120px, 1fr));
    gap: 0;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--myth-rule);
    border-bottom: 1px solid var(--myth-rule);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.editorial-page .filters .search-input,
.editorial-page .filters .filter-select {
    width: 100%;
    min-height: 52px;
    padding-inline: 14px;
    border: 0;
    border-right: 1px solid var(--myth-rule);
    border-radius: 0;
    color: var(--myth-ink);
    background: transparent;
    font: 600 0.72rem/1 'Oswald', sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.editorial-page .filters .search-input:focus,
.editorial-page .filters .filter-select:focus {
    outline: 2px solid var(--myth-blue);
    outline-offset: -2px;
}

.editorial-page .table-container,
.editorial-page .palmares-card {
    overflow-x: auto;
    border-color: var(--myth-ink);
}

.editorial-page table thead,
.editorial-page .clasificacion-table thead,
.editorial-page .admin-table thead,
.editorial-page .palmares-table thead {
    background: var(--myth-night);
}

.editorial-page table th,
.editorial-page .clasificacion-table th,
.editorial-page .admin-table th,
.editorial-page .palmares-table th {
    color: var(--myth-paper-light);
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.editorial-page table td,
.editorial-page table th { border-color: var(--myth-rule); }
.editorial-page table tbody tr:nth-child(even) { background: #eee4cf; }
.editorial-page table tbody tr:hover { background: #e6d8ba; }

/* Calendario: el marcador pasa al cuerpo de la edición, no crea una cuarta franja. */
.page-calendario .calendar-hero { margin-bottom: 64px; }
.page-calendario .calendar-hero-grid { min-height: 190px; padding-block: 24px; border-top: 0; }
.page-calendario .calendar-folio strong { font: 900 2rem/1 var(--myth-font-display); letter-spacing: -0.03em; }
.page-calendario .calendar-season { width: min(100% - 40px, var(--editorial-shell)); padding: 0 var(--myth-content-gutter) clamp(4.5rem, 8vw, 7.5rem); }
.page-calendario .calendar-season .calendar-metrics { margin: 0 0 42px; border-color: var(--myth-rule); }
.page-calendario .calendar-season .calendar-metrics > div { padding-block: 22px; }
.page-calendario .calendar-season .calendar-metrics > div + div { border-color: var(--myth-rule); }
.page-calendario .calendar-season .calendar-metrics dt { color: var(--myth-muted); font-family: var(--myth-font-label); }
.page-calendario .calendar-season .calendar-metrics dd { color: var(--myth-ink); font-family: var(--myth-font-display); }
.page-calendario .calendar-season .calendar-metric-champion dd { color: var(--myth-red); font-family: var(--myth-font-label); }

/* Auction conserva su modo broadcast, pero entra por la misma cubierta y retícula. */
.page-subasta.editorial-page { color: var(--auction-paper); background: var(--auction-bg); }
.page-subasta .auction-app { width: min(100% - 40px, var(--editorial-shell)); margin: 0 auto; padding: 0 var(--myth-content-gutter) 70px; background: var(--auction-bg); }
.page-subasta .auction-editorial-head { margin-bottom: 24px; }
.page-subasta .auction-topline { min-height: 58px; }
.page-subasta .auction-heading h1,
.page-subasta .auction-heading h2 { font-family: var(--myth-font-display); }
body.auction-tv-mode .auction-editorial-head { display: none; }
body.auction-tv-mode .auction-app { width: min(1560px, calc(100% - 48px)); padding: 22px 0 70px; }

/* Administración: misma portada, una mesa funcional y controles del mismo alfabeto. */
.page-admin .admin-dashboard { background: #d9ccb1; }
.page-admin .admin-editorial-head { margin-bottom: 0; }
.page-admin .admin-container { width: min(100% - 40px, var(--editorial-shell)); min-height: calc(100vh - 70px); margin: 0 auto; background: var(--myth-paper); box-shadow: 0 20px 55px rgba(1, 23, 45, 0.18); }
.page-admin .admin-sidebar { background: var(--myth-night); }
.page-admin .admin-content { background: var(--myth-paper); }
.page-admin .section-header h2 { font-family: var(--myth-font-display); font-size: var(--myth-size-h2); }
.page-admin .btn-primary,
.page-admin .btn-secondary,
.page-admin .btn-edit,
.page-admin .btn-delete { width: auto; min-height: 44px; border-radius: 0; font: 600 var(--myth-size-label)/1 var(--myth-font-label); letter-spacing: 0.07em; text-transform: uppercase; }
.page-admin .admin-section .filters { border-radius: 0; box-shadow: none; }

/* Reglas: dossier continuo con índice lateral. */
.page-reglas .reglas-grid {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 60px;
}

.page-reglas .reglas-toc {
    position: sticky;
    top: 100px;
    align-self: start;
    border-top: 3px solid var(--myth-ink);
    background: transparent;
}

.page-reglas .reglas-toc a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid var(--myth-rule);
    color: var(--myth-muted);
    font: 600 0.74rem/1.3 'Oswald', sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.page-reglas .reglas-toc a:hover { color: var(--myth-red); }

.page-reglas .reglas-content section {
    max-width: 100%;
    margin-bottom: 36px;
    padding: 24px 0 0;
    border: 0;
    border-top: 3px solid var(--myth-ink);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.page-reglas .reglas-content section:first-child {
    padding-top: 0;
    border-top: 0;
}

.page-reglas .reglas-content h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.page-reglas .reglas-content h3 { font-size: 1.35rem; }
.page-reglas .reglas-content p,
.page-reglas .reglas-content li { max-width: 72ch; }

/* Managers conserva sus cartas, pero comparte edición y ritmo de sección. */
.page-managers .managers-hero { text-align: left; }
.page-managers .cards-grid { gap: 18px; }
.page-managers .manager-attributes-guide {
    width: min(100% - 40px, var(--editorial-shell));
    margin: 0 auto;
    padding: 0 42px clamp(4.5rem, 8vw, 7.5rem);
    background: var(--myth-paper);
}

.page-managers .manager-attributes-guide > .container {
    width: 100%;
    max-width: none;
}

@media (max-width: 1000px) {
    .editorial-nameplate {
        grid-template-columns: 110px minmax(0, 1fr) 150px;
        gap: 18px;
        min-height: 150px;
    }

    .editorial-page .editorial-page-head h1,
    .page-alineaciones .jornada-header h1,
    .page-managers .managers-hero .page-heading,
    .page-subasta .auction-editorial-head .editorial-display-title,
    .page-admin .admin-editorial-head .editorial-display-title {
        font-size: clamp(3.2rem, 9vw, 5rem);
    }

    .editorial-folio { padding-left: 16px; }
    .editorial-page .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .editorial-page .filters .search-input { grid-column: 1 / -1; border-bottom: 1px solid var(--myth-rule); }
    .page-reglas .reglas-grid { grid-template-columns: 1fr; gap: 32px; }
    .page-reglas .reglas-toc { position: static; }
}

@media (max-width: 800px) {
    .editorial-page .section,
    .editorial-page .jornada-page,
    .editorial-page .plantillas-page,
    .editorial-page .managers-page,
    .editorial-page .palmares-page,
    .editorial-page .jugadores-page,
    .editorial-page .reglas-page,
    .editorial-page .alineaciones-container,
    .page-managers .manager-attributes-guide {
        width: 100%;
        padding-inline: 22px;
        box-shadow: none;
    }

    .page-calendario .calendar-season,
    .page-subasta .auction-app,
    .page-admin .admin-container { width: 100%; padding-inline: 22px; box-shadow: none; }

    .editorial-page .editorial-page-head,
    .page-alineaciones .jornada-header {
        padding-inline: 22px;
    }

    .page-alineaciones .lineup-status-strip {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .page-alineaciones .lineup-status-strip p {
        grid-column: 1 / -1;
        text-align: left;
    }
}

@media (max-width: 560px) {
    .editorial-page .section,
    .editorial-page .jornada-page,
    .editorial-page .plantillas-page,
    .editorial-page .managers-page,
    .editorial-page .palmares-page,
    .editorial-page .jugadores-page,
    .editorial-page .reglas-page,
    .editorial-page .alineaciones-container,
    .page-managers .manager-attributes-guide {
        padding-inline: 16px;
        padding-bottom: 64px;
    }

    .page-calendario .calendar-season,
    .page-subasta .auction-app,
    .page-admin .admin-container { padding-inline: 16px; }

    .editorial-page .editorial-page-head,
    .page-alineaciones .jornada-header { margin-bottom: 42px; padding-inline: 16px; }

    .editorial-disclaimer {
        min-height: 56px;
        display: block;
        padding-block: 12px;
    }

    .editorial-disclaimer span { display: block; margin-top: 7px; }

    .editorial-nameplate {
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: 0;
        padding-block: 22px 14px;
    }

    /* El masthead pasa a flujo único en móvil. Las columnas explícitas de
       Alineación sólo pertenecen a la composición de escritorio; si se
       conservan aquí, CSS crea columnas implícitas y el folio invade el H1. */
    .editorial-nameplate > *,
    .page-alineaciones .editorial-nameplate > .jornada-heading-copy,
    .page-alineaciones .editorial-nameplate > .jornada-header-actions {
        grid-column: 1;
        grid-row: auto;
        min-width: 0;
    }

    .page-alineaciones .jornada-heading-copy,
    .page-alineaciones .jornada-header-actions {
        width: 100%;
    }

    .editorial-prefix { display: none; }

    .editorial-page .editorial-page-head h1,
    .page-alineaciones .jornada-header h1,
    .page-managers .managers-hero .page-heading,
    .page-subasta .auction-editorial-head .editorial-display-title,
    .page-admin .admin-editorial-head .editorial-display-title {
        max-width: none;
        font-size: clamp(3rem, 15vw, 4.7rem);
    }

    .page-admin .admin-editorial-head .editorial-title-group {
        width: 100%;
        min-width: 0;
    }

    .page-admin .admin-editorial-head .editorial-display-title {
        max-width: 100%;
        font-size: clamp(2rem, 9.5vw, 4.7rem);
        overflow-wrap: break-word;
    }

    .editorial-folio {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 0 0;
        border-top: 1px solid rgba(242, 231, 205, 0.38);
        border-left: 0;
        text-align: left;
    }

    .editorial-folio > strong { order: -1; font-size: 1.55rem; }

    .page-alineaciones .jornada-header-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 12px;
        padding-top: 14px;
    }

    .page-alineaciones .lineup-jornada-context {
        grid-column: 1 / -1;
        width: 100%;
    }

    .page-alineaciones .jornada-status-line {
        grid-column: 1;
        min-width: 0;
    }

    .page-alineaciones .btn-jornada-actual {
        grid-column: 2;
        min-width: 0;
        white-space: nowrap;
    }

    .editorial-index {
        display: block;
        min-height: 0;
        padding-block: 14px;
    }

    .editorial-index > p + p { margin-top: 8px; text-align: left; }
    .page-jornada .jornada-hero-actions { justify-content: flex-start; gap: 18px; margin-top: 8px; }
    .page-jornada .jornada-action { min-height: 44px; }
    .page-alineaciones .jornada-header-actions { justify-items: stretch; }
    .page-alineaciones .jornada-status-line { justify-content: flex-start; flex-wrap: wrap; }
    .page-alineaciones .btn-jornada-actual { justify-content: center; }
    .page-alineaciones .lineup-jornada-context { justify-items: start; text-align: left; }

    .page-alineaciones .lineup-status-strip {
        grid-template-columns: 1fr;
        gap: 8px;
        padding-block: 14px;
    }

    .page-alineaciones .lineup-status-strip p,
    .page-alineaciones .confirmation-details { grid-column: auto; }
    .page-alineaciones .squad-panel,
    .page-alineaciones .field-panel { padding: 18px; }
    .editorial-page .filters { grid-template-columns: 1fr; }
    .editorial-page .filters .search-input { grid-column: auto; }
    .editorial-page .filters .search-input,
    .editorial-page .filters .filter-select { border-right: 0; border-bottom: 1px solid var(--myth-rule); }
}

@media (prefers-reduced-motion: reduce) {
    .editorial-page .manager-selector > *,
    .editorial-page .vuelta-tab,
    .page-jornada .jornada-action { transition: none; }
}