:root {
    --z-orange: #ec6510;
    --z-black: #090909;
    --z-paper: #f7f5f0;
    --z-warm: #f0ede6;
    --z-line: #dad6ce;
    --z-graphite: #2b2b2b;
    --z-display: "Barlow Condensed", sans-serif;
    --z-body: "Inter", sans-serif
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body.zeta-guide {
    margin: 0;
    background: var(--z-paper);
    color: var(--z-black);
    font-family: var(--z-body);
    font-size: 16px;
    line-height: 1.55
}

.zeta-guide a {
    color: inherit
}

.zeta-guide .contenedor-seccion {
    width: min(90%, 1440px);
    max-width: 1440px
}

.zeta-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(247, 245, 240, .94);
    border-bottom: 1px solid var(--z-line);
    backdrop-filter: blur(12px)
}

.zeta-nav>.contenedor-seccion {
    min-height: 74px
}

.zeta-wordmark {
    text-decoration: none;
    font-family: var(--z-display);
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -.06em
}

.zeta-wordmark span,
.zeta-wordmark small {
    color: var(--z-orange)
}

.zeta-wordmark small {
    font-size: 12px;
    letter-spacing: 0
}

.zeta-nav__links {
    display: flex;
    gap: 28px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em
}

.zeta-nav__links a {
    text-decoration: none;
    padding: 26px 0 22px;
    border-bottom: 3px solid transparent
}

.zeta-nav__links a:hover,
.zeta-nav__links .is-active {
    border-color: var(--z-orange)
}

.zeta-hero {
    position: relative;
    overflow: hidden;
    min-height: 720px;
    display: flex;
    align-items: center;
    background: var(--z-black);
    color: #fff
}

.zeta-hero:before {
    content: "07";
    position: absolute;
    right: -.02em;
    top: 50%;
    transform: translateY(-55%);
    font: 900 55vw/.7 var(--z-display);
    color: rgba(255, 255, 255, .025);
    letter-spacing: -.1em
}

.zeta-kicker,
.zeta-index,
.zeta-label {
    margin: 0 0 24px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}

.zeta-kicker {
    color: var(--z-orange)
}

.zeta-display {
    position: relative;
    margin: 0;
    font: 900 clamp(76px, 10vw, 168px)/.76 var(--z-display);
    letter-spacing: -.045em;
    text-transform: uppercase
}

.zeta-display em,
.zeta-closing h2 em,
.zeta-concept-hero h1 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-lead {
    margin: 0;
    font-size: clamp(20px, 2vw, 29px);
    line-height: 1.35;
    letter-spacing: -.025em
}

.zeta-hero__aside {
    position: relative;
    padding-bottom: 10px
}

.zeta-meta {
    border-top: 1px solid #444;
    margin-top: 42px;
    padding-top: 20px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #aaa
}

.zeta-stripes {
    position: absolute;
    left: 0;
    bottom: 32px;
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transform: skewX(-28deg)
}

.zeta-stripes i {
    display: block;
    height: 5px;
    background: var(--z-orange)
}

.zeta-stripes i:nth-child(2) {
    width: 78%
}

.zeta-stripes i:nth-child(3) {
    width: 56%
}

.zeta-paper {
    background: var(--z-paper)
}

.zeta-ink {
    background: var(--z-black);
    color: #fff
}

.zeta-orange {
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-section-head {
    padding-bottom: 30px;
    border-bottom: 1px solid currentColor
}

.zeta-index {
    color: var(--z-orange)
}

.zeta-orange .zeta-index {
    color: var(--z-black)
}

.zeta-title {
    max-width: 880px;
    margin: 0 0 20px;
    font: 800 clamp(46px, 6vw, 88px)/.92 var(--z-display);
    letter-spacing: -.035em;
    text-transform: uppercase
}

.zeta-copy {
    max-width: 700px;
    margin: 0;
    color: #777;
    font-size: 18px
}

.zeta-ink .zeta-copy {
    color: #aaa
}

.zeta-spec {
    padding: 24px;
    border-top: 5px solid var(--z-black);
    background: var(--z-warm)
}

.zeta-spec span {
    display: block;
    color: #777;
    font-size: 12px;
    text-transform: uppercase
}

.zeta-spec strong {
    display: block;
    margin: 28px 0 8px;
    font-family: monospace;
    font-size: 16px
}

.zeta-spec p {
    margin: 0;
    color: #666
}

.zeta-grid-demo i {
    height: 120px;
    background: repeating-linear-gradient(135deg, var(--z-orange), var(--z-orange) 1px, transparent 1px, transparent 8px);
    border: 1px solid var(--z-orange)
}

.zeta-logo-card {
    margin: 0;
    height: 560px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.zeta-logo-card img {
    width: 178%;
    max-width: none;
    display: block
}

.zeta-logo-rules>div {
    padding: 0 0 22px;
    border-bottom: 1px solid #333
}

.zeta-logo-rules h3 {
    margin: 8px 0 4px;
    font: 700 32px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-logo-rules p {
    margin: 0;
    color: #aaa
}

.zeta-rule-no {
    color: var(--z-orange);
    font-size: 12px;
    font-weight: 700
}

.zeta-swatches>article {
    min-height: 340px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.zeta-swatch b {
    font: 700 34px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-swatch span {
    font-family: monospace
}

.zeta-swatch small {
    margin-top: 10px
}

.zeta-swatch--orange {
    background: var(--z-orange)
}

.zeta-swatch--black {
    background: var(--z-black);
    color: #fff
}

.zeta-swatch--white {
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-token {
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    gap: 4px 14px;
    padding: 16px;
    border: 1px solid var(--z-line)
}

.zeta-token i {
    grid-row: 1/3;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--token)
}

.zeta-token span {
    font-size: 12px;
    color: #777
}

.zeta-type-sample {
    margin: 0;
    font: 900 clamp(80px, 11vw, 170px)/.72 var(--z-display);
    letter-spacing: -.05em
}

.zeta-alphabet {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .35);
    font: 600 22px/1.6 var(--z-display);
    letter-spacing: .06em
}

.zeta-component {
    padding: 28px;
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 52px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    cursor: pointer
}

.zeta-button--primary {
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-button--dark {
    background: var(--z-black);
    color: #fff
}

.zeta-button--line {
    border-color: var(--z-black);
    background: transparent
}

.zeta-button:hover {
    transform: translateY(-2px)
}

.zeta-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 99px;
    background: var(--z-warm);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-status:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #777
}

.zeta-status.is-live:before {
    background: #ee2929;
    box-shadow: 0 0 0 4px rgba(238, 41, 41, .15)
}

.zeta-status.is-open:before {
    background: var(--z-orange)
}

.zeta-status.is-full:before {
    background: var(--z-black)
}

.zeta-status.is-done {
    color: #777
}

.zeta-match-card {
    padding: 34px;
    background: var(--z-orange)
}

.zeta-match-card h3 {
    margin: 54px 0;
    font: 800 clamp(46px, 5vw, 70px)/.88 var(--z-display);
    text-transform: uppercase
}

.zeta-match-data {
    border-top: 1px solid rgba(0, 0, 0, .35);
    margin-bottom: 36px
}

.zeta-match-data span {
    padding-top: 14px;
    font-weight: 700
}

.zeta-match-data small {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .6)
}

.zeta-form label {
    display: block;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700
}

.zeta-form input,
.zeta-form select {
    width: 100%;
    height: 52px;
    margin-top: 7px;
    padding: 0 14px;
    background: var(--z-paper);
    border: 1px solid var(--z-line);
    font: inherit
}

.zeta-closing {
    background: var(--z-black);
    color: #fff
}

.zeta-closing h2 {
    margin: 0;
    font: 900 clamp(64px, 9vw, 140px)/.78 var(--z-display);
    letter-spacing: -.04em
}

.zeta-closing p {
    color: #aaa;
    margin: 0 0 30px
}

.zeta-footer {
    padding: 26px 0;
    background: var(--z-orange);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em
}

.zeta-patterns>article {
    position: relative;
    padding-top: 28px;
    border-top: 1px solid #3a3a3a
}

.zeta-patterns>article>span {
    position: absolute;
    right: 0;
    top: 8px;
    color: #666;
    font: 700 12px var(--z-display)
}

.zeta-patterns h3 {
    margin: 24px 0 8px;
    font: 700 34px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-patterns p {
    margin: 0;
    color: #888
}

.zeta-pattern-preview {
    height: 280px;
    padding: 24px;
    background: #151515;
    overflow: hidden;
    position: relative
}

.zeta-pattern-preview.is-hero {
    display: flex;
    align-items: flex-end;
    background: linear-gradient(140deg, #111 50%, #2b2b2b)
}

.zeta-pattern-preview.is-hero:after {
    content: "07";
    position: absolute;
    right: -10px;
    top: 30px;
    color: #282828;
    font: 900 180px/.7 var(--z-display)
}

.zeta-pattern-preview.is-hero b {
    z-index: 1;
    font: 900 48px/.78 var(--z-display)
}

.zeta-pattern-preview.is-hero i {
    position: absolute;
    left: 24px;
    bottom: 18px;
    width: 105px;
    height: 5px;
    background: var(--z-orange)
}

.zeta-pattern-preview.is-match {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #333
}

.zeta-pattern-preview.is-match small {
    color: var(--z-orange);
    font-weight: 800
}

.zeta-pattern-preview.is-match b {
    font: 800 31px/1 var(--z-display);
    text-align: center
}

.zeta-pattern-preview.is-match em {
    display: block;
    margin: 10px;
    color: var(--z-orange);
    font-size: 18px
}

.zeta-pattern-preview.is-match i {
    text-align: center;
    color: #888;
    font-style: normal;
    font-size: 12px
}

.zeta-pattern-preview.is-community {
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-pattern-preview.is-community b {
    display: block;
    font: 900 130px/.75 var(--z-display)
}

.zeta-pattern-preview.is-community small {
    display: block;
    margin: 14px 0;
    font-weight: 900;
    line-height: 1.2
}

.zeta-pattern-preview.is-community i {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right: -8px;
    border-radius: 50%;
    background: var(--z-black);
    border: 3px solid var(--z-orange)
}

.zeta-concept-hero {
    min-height: 850px;
    display: flex;
    align-items: center;
    background: var(--z-black);
    color: #fff;
    overflow: hidden
}

.zeta-concept-hero h1 {
    margin: 0;
    font: 900 clamp(90px, 15vw, 230px)/.68 var(--z-display);
    letter-spacing: -.055em
}

.zeta-concept-number {
    margin: 0;
    color: var(--z-orange);
    font: 900 120px/.7 var(--z-display)
}

.zeta-scroll {
    font-size: 10px;
    letter-spacing: .12em;
    text-align: right;
    color: #888
}

.zeta-big-copy {
    max-width: 960px;
    margin: 28px 0 0;
    font-size: clamp(22px, 2.4vw, 34px);
    line-height: 1.35;
    letter-spacing: -.03em
}

.zeta-principle {
    min-height: 330px;
    padding: 26px;
    background: var(--z-warm);
    border-top: 6px solid var(--z-orange);
    display: flex;
    flex-direction: column
}

.zeta-principle b {
    font: 700 14px var(--z-display)
}

.zeta-principle h3 {
    margin: auto 0 10px;
    font: 800 52px/.9 var(--z-display);
    text-transform: uppercase
}

.zeta-principle p {
    margin: 0;
    color: #666
}

.zeta-steps {
    border-top: 1px solid #333
}

.zeta-steps article {
    display: grid;
    grid-template-columns: 150px 1fr;
    padding: 40px 0;
    border-bottom: 1px solid #333
}

.zeta-steps article>span {
    font: 800 72px/.9 var(--z-display);
    color: var(--z-orange)
}

.zeta-steps small {
    color: #888;
    font-weight: 700;
    letter-spacing: .1em
}

.zeta-steps h3 {
    margin: 6px 0;
    font: 700 clamp(36px, 5vw, 70px)/1 var(--z-display);
    text-transform: uppercase
}

.zeta-steps p {
    margin: 0;
    color: #999
}

.zeta-role-list {
    border-top: 1px solid rgba(0, 0, 0, .4)
}

.zeta-role-list article {
    display: grid;
    grid-template-columns: 1fr 1fr 40px;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    align-items: center
}

.zeta-role-list span {
    font: 800 clamp(30px, 4vw, 54px)/1 var(--z-display)
}

.zeta-role-list p {
    margin: 0
}

.zeta-role-list b {
    text-align: right
}

.zeta-flow span {
    position: relative;
    padding: 36px 20px;
    background: var(--z-black);
    color: #fff;
    font: 700 30px var(--z-display);
    text-transform: uppercase
}

.zeta-flow span:not(:last-child):after {
    content: "→";
    position: absolute;
    right: -15px;
    z-index: 2;
    color: var(--z-orange)
}

.zeta-vision {
    background: var(--z-warm)
}

.zeta-vision blockquote {
    max-width: 1250px;
    margin: 30px 0 80px;
    font: 800 clamp(62px, 9vw, 140px)/.84 var(--z-display);
    letter-spacing: -.04em;
    text-transform: uppercase
}

.zeta-vision blockquote:before {
    content: "“";
    color: var(--z-orange)
}

@media(max-width:812px) {
    .zeta-nav>.contenedor-seccion {
        min-height: 64px
    }

    .zeta-nav__links a:nth-child(3) {
        display: none
    }

    .zeta-nav__links {
        gap: 14px;
        font-size: 10px
    }

    .zeta-nav__links a {
        padding: 23px 0 18px
    }

    .zeta-hero,
    .zeta-concept-hero {
        min-height: auto
    }

    .zeta-hero {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .zeta-hero__aside {
        margin-top: 50px
    }

    .zeta-stripes {
        width: 80%
    }

    .zeta-title {
        font-size: 52px
    }

    .zeta-logo-card {
        height: 300px
    }

    .zeta-logo-card img {
        width: 190%
    }

    .zeta-swatches>article {
        min-height: 220px
    }

    .zeta-type-sample {
        font-size: 80px
    }

    .zeta-closing h2 {
        font-size: 68px;
        margin-bottom: 40px
    }

    .zeta-footer .contenedor-seccion {
        align-items: flex-start;
        flex-direction: column
    }

    .zeta-concept-hero h1 {
        font-size: 88px
    }

    .zeta-concept-number {
        font-size: 48px;
        margin: 22px 0 4px
    }

    .zeta-scroll {
        text-align: left
    }

    .zeta-steps article {
        grid-template-columns: 70px 1fr
    }

    .zeta-steps article>span {
        font-size: 46px
    }

    .zeta-role-list article {
        grid-template-columns: 1fr 32px
    }

    .zeta-role-list article p {
        grid-column: 1/3
    }

    .zeta-flow span:not(:last-child):after {
        content: "↓";
        right: 20px
    }

    .zeta-vision blockquote {
        font-size: 60px
    }
}

/* Escala editorial controlada: Zeta no utiliza pesos visuales superiores a 800. */
.zeta-guide h1,
.zeta-guide h2,
.zeta-guide h3,
.zeta-wordmark,
.zeta-type-sample,
.zeta-concept-number,
.zeta-pattern-preview b {
    font-weight: 800 !important
}

.zeta-display {
    max-width: 820px;
    font-size: clamp(68px, 8vw, 132px);
    line-height: .82;
    letter-spacing: -.035em
}

.zeta-type-sample {
    font-size: clamp(72px, 9vw, 140px);
    line-height: .8;
    letter-spacing: -.035em
}

.zeta-closing h2 {
    max-width: 940px;
    font-size: clamp(58px, 7vw, 108px);
    line-height: .84;
    letter-spacing: -.03em
}

.zeta-concept-hero h1 {
    max-width: 1180px;
    font-size: clamp(76px, 11vw, 170px);
    line-height: .76;
    letter-spacing: -.04em
}

.zeta-concept-number {
    font-size: 108px;
    line-height: .78
}

.zeta-vision blockquote {
    max-width: 1080px;
    font-size: clamp(56px, 7vw, 110px);
    line-height: .88;
    letter-spacing: -.03em
}

@media(max-width:812px) {
    .zeta-display {
        font-size: clamp(58px, 17vw, 78px);
        line-height: .86
    }

    .zeta-type-sample {
        font-size: 68px;
        line-height: .84
    }

    .zeta-closing h2 {
        font-size: 58px;
        line-height: .88
    }

    .zeta-concept-hero h1 {
        font-size: 72px;
        line-height: .8
    }

    .zeta-concept-number {
        font-size: 42px;
        line-height: 1
    }

    .zeta-vision blockquote {
        font-size: 52px;
        line-height: .92
    }
}

/* Activos oficiales de marca. */
.zeta-wordmark {
    display: flex;
    width: 94px;
    height: 48px;
    align-items: center;
    overflow: hidden
}

.zeta-wordmark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.zeta-logo-card {
    padding: clamp(28px, 5vw, 76px)
}

.zeta-logo-card img {
    width: 100%;
    height: 100%;
    max-width: 760px;
    object-fit: contain
}

@media(max-width:812px) {
    .zeta-wordmark {
        width: 68px;
        height: 42px
    }

    .zeta-logo-card {
        padding: 24px
    }

    .zeta-logo-card img {
        width: 100%;
        height: 100%
    }
}

/* Estrategia web */
.zeta-strategy-hero,
.zeta-community-band {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff
}

.zeta-strategy-hero {
    min-height: 800px;
    display: flex;
    align-items: flex-end
}

.zeta-strategy-hero__bg,
.zeta-community-band__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: center/cover no-repeat
}

.zeta-strategy-hero__bg {
    background-image: url("../img/zeta-hero-libertad.png")
}

.zeta-strategy-hero:after,
.zeta-community-band:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .62) 48%, rgba(0, 0, 0, .18) 100%)
}

.zeta-strategy-hero h1 {
    max-width: 980px;
    margin: 0;
    font: 800 clamp(70px, 9vw, 138px)/.8 var(--z-display);
    letter-spacing: -.035em
}

.zeta-strategy-hero h1 em,
.zeta-community-band h2 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-strategy-intro {
    padding: 28px;
    border-top: 1px solid rgba(255, 255, 255, .35);
    background: rgba(0, 0, 0, .36);
    backdrop-filter: blur(8px)
}

.zeta-strategy-intro p {
    margin: 0 0 24px;
    font-size: 20px
}

.zeta-concept-formula {
    align-items: center
}

.zeta-concept-formula span {
    padding: 26px;
    background: var(--z-black);
    color: #fff;
    font: 700 26px/1 var(--z-display);
    text-align: center;
    text-transform: uppercase
}

.zeta-concept-formula b {
    text-align: center;
    color: var(--z-orange);
    font-size: 34px
}

.zeta-strategy-note {
    max-width: 340px;
    font-size: 18px
}

.zeta-objectives {
    padding: 0;
    margin: 40px 0 0;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, .35)
}

.zeta-objectives li {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .35)
}

.zeta-objectives b {
    font: 700 27px var(--z-display);
    text-transform: uppercase
}

.zeta-story {
    border-top: 1px solid var(--z-line)
}

.zeta-story article {
    display: grid;
    grid-template-columns: 70px 150px 1fr 280px;
    gap: 20px;
    align-items: center;
    padding: 28px 0;
    border-bottom: 1px solid var(--z-line)
}

.zeta-story b {
    font: 700 34px var(--z-display);
    color: var(--z-orange)
}

.zeta-story small {
    font-weight: 800;
    letter-spacing: .08em
}

.zeta-story h3 {
    margin: 0;
    font: 700 clamp(28px, 3vw, 44px)/1 var(--z-display);
    text-transform: uppercase
}

.zeta-story p {
    margin: 0;
    color: #777
}

.zeta-community-band {
    min-height: 650px;
    display: flex;
    align-items: flex-end
}

.zeta-community-band__bg {
    background-image: url("../img/zeta-comunidad.png")
}

.zeta-community-band:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, .92))
}

.zeta-community-band .contenedor-seccion {
    justify-content: space-between
}

.zeta-community-band h2 {
    margin: 0;
    font: 800 clamp(56px, 7vw, 108px)/.82 var(--z-display)
}

.zeta-sitemap {
    padding-left: 70px
}

.zeta-sitemap article {
    position: relative;
    padding: 24px;
    background: #151515;
    border: 1px solid #333
}

.zeta-sitemap article span {
    color: var(--z-orange);
    font: 700 13px var(--z-display)
}

.zeta-sitemap h3 {
    margin: 14px 0 8px;
    font: 700 32px var(--z-display);
    text-transform: uppercase
}

.zeta-sitemap p {
    margin: 0;
    color: #888
}

.zeta-sitemap small {
    display: block;
    margin-top: 20px;
    color: var(--z-orange)
}

.zeta-sitemap .is-root {
    max-width: 520px;
    margin-bottom: 34px;
    border-color: var(--z-orange)
}

.zeta-sitemap .is-root:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -35px;
    height: 34px;
    border-left: 1px solid var(--z-orange)
}

.zeta-sitemap__children {
    position: relative;
    margin-bottom: 28px
}

.zeta-sitemap__children:before {
    content: "";
    position: absolute;
    left: 16.66%;
    right: 16.66%;
    top: -18px;
    border-top: 1px solid var(--z-orange)
}

.zeta-sitemap__children article:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -19px;
    height: 18px;
    border-left: 1px solid var(--z-orange)
}

.zeta-sitemap__support {
    padding-top: 28px;
    border-top: 1px solid #333
}

.zeta-header-demo {
    padding: 28px;
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-site-header {
    min-height: 86px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid var(--z-line);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .07)
}

.zeta-site-header>img {
    width: 96px;
    height: 52px;
    object-fit: contain
}

.zeta-site-header nav {
    display: flex;
    gap: 28px
}

.zeta-site-header nav a,
.zeta-login {
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-site-header>div {
    display: flex;
    align-items: center;
    gap: 18px
}

.zeta-header-logic {
    margin-top: 14px
}

.zeta-header-logic article {
    padding: 16px;
    background: var(--z-warm)
}

.zeta-header-logic b,
.zeta-header-logic span {
    display: block
}

.zeta-header-logic span {
    font-size: 12px;
    color: #777
}

.zeta-header-demo.is-auth {
    background: var(--z-warm)
}

.zeta-content-rules {
    border-top: 1px solid rgba(0, 0, 0, .35)
}

.zeta-content-rules article {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .35)
}

.zeta-content-rules b {
    font: 800 38px var(--z-display);
    text-transform: uppercase
}

.zeta-content-rules p {
    margin: 0;
    font-size: 20px
}

@media(max-width:812px) {
    .zeta-strategy-hero {
        min-height: 720px
    }

    .zeta-strategy-hero__bg {
        background-position: 62% center
    }

    .zeta-strategy-hero:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .95), rgba(0, 0, 0, .25))
    }

    .zeta-strategy-hero h1 {
        font-size: 68px
    }

    .zeta-strategy-intro {
        margin-top: 40px
    }

    .zeta-concept-formula b {
        transform: rotate(90deg)
    }

    .zeta-objectives li {
        grid-template-columns: 1fr
    }

    .zeta-story article {
        grid-template-columns: 52px 1fr
    }

    .zeta-story small {
        align-self: end
    }

    .zeta-story h3,
    .zeta-story p {
        grid-column: 1/3
    }

    .zeta-community-band {
        min-height: 700px
    }

    .zeta-community-band__bg {
        background-position: 38% center
    }

    .zeta-community-band:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .95), rgba(0, 0, 0, .12))
    }

    .zeta-community-band h2 {
        font-size: 58px
    }

    .zeta-sitemap {
        padding-left: 0
    }

    .zeta-sitemap__children:before,
    .zeta-sitemap__children article:before,
    .zeta-sitemap .is-root:after {
        display: none
    }

    .zeta-site-header nav {
        display: none
    }

    .zeta-site-header>div .zeta-login {
        display: none
    }

    .zeta-site-header>img {
        width: 70px
    }

    .zeta-site-header .zeta-button {
        padding: 0 14px;
        font-size: 10px
    }

    .zeta-content-rules article {
        grid-template-columns: 80px 1fr
    }
}

/* Header comercial flotante */
.zeta-floating-header {
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    z-index: 30;
    color: #fff
}

.zeta-floating-header>.contenedor-seccion {
    min-height: 82px;
    padding: 0 18px 0 24px;
    display: flex;
    align-items: center;
    gap: 34px;
    background: rgba(9, 9, 9, .92);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
    backdrop-filter: blur(14px)
}

.zeta-floating-header__logo {
    width: 100px;
    height: 58px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.zeta-floating-header__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.zeta-floating-header__nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: auto
}

.zeta-floating-header__nav a,
.zeta-floating-header__login {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase
}

.zeta-floating-header__nav a {
    position: relative;
    padding: 31px 0
}

.zeta-floating-header__nav a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 22px;
    border-bottom: 2px solid var(--z-orange);
    transition: right .2s
}

.zeta-floating-header__nav a:hover:after {
    right: 0
}

.zeta-floating-header__actions {
    display: flex;
    align-items: center;
    gap: 18px
}

.zeta-floating-header__cta {
    min-height: 46px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: var(--z-black);
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase
}

.zeta-floating-header__login {
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(255, 255, 255, .55)
}

.zeta-floating-header__menu {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 12px;
    background: #fff;
    border: 0
}

.zeta-floating-header__menu i {
    display: block;
    height: 2px;
    margin: 5px 0;
    background: var(--z-black)
}

@media(max-width:1100px) {
    .zeta-floating-header__nav {
        gap: 16px
    }

    .zeta-floating-header__actions {
        gap: 12px
    }

    .zeta-floating-header__login {
        display: none
    }
}

@media(max-width:812px) {
    .zeta-floating-header {
        top: 12px
    }

    .zeta-floating-header>.contenedor-seccion {
        width: calc(100% - 24px);
        min-height: 66px;
        padding: 0 10px 0 16px
    }

    .zeta-floating-header__logo {
        width: 76px;
        height: 46px
    }

    .zeta-floating-header__nav,
    .zeta-floating-header__actions {
        display: none
    }

    .zeta-floating-header__menu {
        display: block
    }
}

.zeta-guide .zeta-floating-header__cta {
    color: var(--z-black)
}

/* Sistema legal y footer */
.zeta-legal-system {
    background: var(--z-warm)
}

.zeta-legal-links a {
    min-height: 250px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 5px solid var(--z-black);
    color: var(--z-black);
    text-decoration: none;
    transition: transform .2s, border-color .2s
}

.zeta-legal-links a:hover {
    transform: translateY(-5px);
    border-color: var(--z-orange)
}

.zeta-legal-links span {
    font: 700 12px var(--z-display);
    color: var(--z-orange)
}

.zeta-legal-links b {
    margin: auto 0 14px;
    font: 700 30px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-legal-links small {
    color: #6b6b6b;
    line-height: 1.5
}

.zeta-law-note {
    padding: 24px;
    background: var(--z-black);
    color: #fff;
    border-left: 6px solid var(--z-orange)
}

.zeta-law-note>b {
    font: 700 24px var(--z-display);
    text-transform: uppercase
}

.zeta-law-note p {
    max-width: 850px;
    margin: 10px 0;
    color: #aaa
}

.zeta-guide .zeta-law-note a {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-main-footer {
    background: var(--z-black);
    color: #fff
}

.zeta-main-footer__cta {
    padding: 90px 0;
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-main-footer__cta p {
    margin: 0 0 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em
}

.zeta-main-footer__cta h2 {
    margin: 0;
    font: 800 clamp(58px, 7vw, 108px)/.82 var(--z-display);
    letter-spacing: -.03em
}

.zeta-main-footer__cta h2 em {
    font-style: italic;
    color: #fff
}

.zeta-footer-action {
    min-height: 86px;
    padding: 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    color: var(--z-black);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em
}

.zeta-guide .zeta-footer-action {
    color: var(--z-black)
}

.zeta-footer-action b {
    font-size: 24px
}

.zeta-main-footer__body {
    padding: 80px 0 28px
}

.zeta-main-footer__brand img {
    width: 180px;
    height: 90px;
    object-fit: contain
}

.zeta-main-footer__brand p {
    max-width: 300px;
    margin: 20px 0 0;
    color: #999
}

.zeta-main-footer__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}

.zeta-main-footer__nav>b {
    margin-bottom: 10px;
    color: var(--z-orange);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em
}

.zeta-main-footer__nav a {
    color: #aaa;
    text-decoration: none;
    font-size: 13px
}

.zeta-main-footer__nav a:hover {
    color: #fff
}

.zeta-main-footer__nav .is-data-action {
    margin-top: 3px;
    padding: 12px 14px;
    border: 1px solid #fff;
    color: #fff
}

.zeta-main-footer__nav .is-data-action span {
    color: var(--z-orange)
}

.zeta-main-footer__bottom {
    margin-top: 70px;
    padding-top: 24px;
    border-top: 1px solid #303030;
    color: #737373;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em
}

@media(max-width:812px) {
    .zeta-legal-links a {
        min-height: 190px
    }

    .zeta-main-footer__cta {
        padding: 70px 0
    }

    .zeta-main-footer__cta h2 {
        font-size: 58px
    }

    .zeta-footer-action {
        margin-top: 30px
    }

    .zeta-main-footer__body {
        padding-top: 60px
    }

    .zeta-main-footer__brand {
        margin-bottom: 20px
    }

    .zeta-main-footer__nav {
        padding: 22px 0;
        border-top: 1px solid #303030
    }

    .zeta-main-footer__bottom {
        margin-top: 35px;
        align-items: flex-start;
        flex-direction: column
    }
}

/* Componentes deportivos */
.zeta-floating-header--fixed-demo {
    position: absolute
}

.zeta-components-hero {
    min-height: 650px;
    padding-top: 190px;
    display: flex;
    align-items: center;
    background: var(--z-black);
    color: #fff
}

.zeta-components-hero h1 {
    margin: 0;
    font: 800 clamp(68px, 8vw, 128px)/.8 var(--z-display);
    letter-spacing: -.035em
}

.zeta-components-hero h1 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-component-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px
}

.zeta-component-tags span {
    padding: 8px 11px;
    border: 1px solid #444;
    color: #aaa;
    font-size: 10px;
    text-transform: uppercase
}

.zeta-filterbar {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-filterbar button {
    height: 42px;
    padding: 0 16px;
    background: transparent;
    border: 0;
    font: 700 11px var(--z-body);
    text-transform: uppercase
}

.zeta-filterbar__tabs,
.zeta-filterbar__actions {
    display: flex;
    gap: 6px
}

.zeta-filterbar__tabs .is-active {
    background: var(--z-black);
    color: #fff
}

.zeta-filterbar__actions button {
    border: 1px solid var(--z-line)
}

.zeta-game-card {
    min-height: 500px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--z-line);
    transition: transform .2s
}

.zeta-game-card:hover {
    transform: translateY(-5px)
}

.zeta-game-card.is-featured {
    background: var(--z-orange);
    border-color: var(--z-orange)
}

.zeta-game-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.zeta-game-card__top small {
    font-size: 9px
}

.zeta-game-card__date {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 38px 0 18px
}

.zeta-game-card__date b {
    font: 800 74px/.7 var(--z-display)
}

.zeta-game-card__date span {
    font-size: 10px;
    font-weight: 800;
    line-height: 1.35
}

.zeta-game-card h3 {
    margin: 20px 0 auto;
    font: 800 42px/.92 var(--z-display);
    text-transform: uppercase
}

.zeta-game-card dl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 30px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .22)
}

.zeta-game-card dl>div {
    padding-top: 12px
}

.zeta-game-card dt {
    font-size: 9px;
    text-transform: uppercase
}

.zeta-game-card dd {
    margin: 3px 0;
    font-weight: 800
}

.zeta-game-card>a {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 1px solid currentColor;
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-game-card.is-full {
    background: var(--z-warm)
}

.zeta-match-spotlight {
    margin-top: 40px;
    padding: 32px 0;
    border-top: 1px solid rgba(0, 0, 0, .35);
    border-bottom: 1px solid rgba(0, 0, 0, .35)
}

.zeta-match-spotlight p {
    font-size: 10px;
    font-weight: 800
}

.zeta-score-side {
    position: relative;
    padding: 26px;
    background: #fff
}

.zeta-score-side small {
    font-size: 9px
}

.zeta-score-side b {
    display: block;
    font: 800 30px var(--z-display)
}

.zeta-score-side strong {
    position: absolute;
    right: 20px;
    top: 8px;
    font: 800 84px var(--z-display)
}

.zeta-score-side.is-black {
    background: var(--z-black);
    color: #fff
}

.zeta-spotlight-action>b {
    display: block;
    margin-bottom: 18px
}

.zeta-results {
    border-top: 1px solid #333
}

.zeta-results article {
    display: grid;
    grid-template-columns: 90px 1.3fr 1.5fr 1fr 90px;
    gap: 20px;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #333
}

.zeta-results time b {
    display: block;
    font: 800 50px/.8 var(--z-display);
    color: var(--z-orange)
}

.zeta-results time span,
.zeta-results small {
    font-size: 9px;
    color: #777
}

.zeta-result-place strong,
.zeta-result-player b {
    display: block
}

.zeta-result-score {
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    align-items: center;
    text-align: center
}

.zeta-result-score b {
    font: 800 28px var(--z-display);
    color: var(--z-orange)
}

.zeta-results article>a {
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase
}

.zeta-podium {
    padding: 28px;
    background: var(--z-black);
    color: #fff
}

.zeta-podium__people {
    height: 350px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 10px
}

.zeta-podium__people article {
    width: 31%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 8px;
    background: #222
}

.zeta-podium__people .is-first {
    height: 270px;
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-podium__people .is-second {
    height: 220px
}

.zeta-podium__people .is-third {
    height: 190px
}

.zeta-podium__people article>span {
    font: 800 34px var(--z-display)
}

.zeta-podium__people i,
.zeta-ranking-table i {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-style: normal;
    font-weight: 800
}

.zeta-podium__people small {
    color: inherit;
    opacity: .7
}

.zeta-ranking-table {
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-ranking-table__head,
.zeta-ranking-table article {
    display: grid;
    grid-template-columns: 40px 1fr repeat(4, 55px);
    gap: 10px;
    align-items: center;
    padding: 13px 18px
}

.zeta-ranking-table__head {
    background: var(--z-black);
    color: #fff;
    font-size: 9px;
    text-transform: uppercase
}

.zeta-ranking-table article {
    border-bottom: 1px solid var(--z-line)
}

.zeta-ranking-table article>div {
    display: flex;
    align-items: center;
    gap: 12px
}

.zeta-ranking-table i {
    width: 40px;
    height: 40px;
    margin: 0;
    background: var(--z-warm)
}

.zeta-ranking-table article span {
    font-size: 12px
}

.zeta-ranking-table article span small {
    display: block;
    color: #888
}

.zeta-ranking-table article.is-me {
    background: var(--z-orange)
}

.zeta-player-profile {
    padding: 32px;
    background: #fff
}

.zeta-player-profile__identity {
    display: flex;
    align-items: center;
    gap: 20px
}

.zeta-player-profile__identity>i {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--z-black);
    color: #fff;
    font: 800 36px var(--z-display);
    font-style: normal
}

.zeta-player-profile__identity h2 {
    margin: 4px 0;
    font: 800 48px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-player-profile__identity p {
    margin: 0;
    color: #777
}

.zeta-player-profile__identity>span {
    margin-left: auto;
    text-align: right;
    font-size: 10px
}

.zeta-player-profile__identity>span b {
    font: 800 54px var(--z-display)
}

.zeta-player-stats {
    margin-top: 28px
}

.zeta-player-stats>div {
    padding: 18px;
    background: var(--z-warm)
}

.zeta-player-stats b,
.zeta-player-stats span {
    display: block
}

.zeta-player-stats b {
    font: 800 44px var(--z-display)
}

.zeta-player-stats span {
    font-size: 10px;
    text-transform: uppercase
}

.zeta-progress {
    margin-top: 28px
}

.zeta-progress span {
    font-size: 12px
}

.zeta-progress span b {
    font-size: 20px
}

.zeta-progress>i {
    display: block;
    height: 8px;
    margin: 10px 0;
    background: var(--z-line)
}

.zeta-progress>i em {
    display: block;
    height: 100%;
    background: var(--z-orange)
}

.zeta-progress small {
    color: #777
}

.zeta-team-card {
    padding: 32px;
    background: var(--z-orange)
}

.zeta-team-card>div>span,
.zeta-team-actions span {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em
}

.zeta-team-card h3 {
    margin: 8px 0;
    font: 800 56px/.9 var(--z-display);
    text-transform: uppercase
}

.zeta-team-members {
    display: flex;
    margin: 36px 0
}

.zeta-team-members i {
    width: 52px;
    height: 52px;
    margin-right: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--z-black);
    border: 3px solid var(--z-orange);
    color: #fff;
    font-style: normal;
    font-size: 11px;
    font-weight: 800
}

.zeta-team-card dl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0 28px
}

.zeta-team-card dt {
    font-size: 9px;
    text-transform: uppercase
}

.zeta-team-card dd {
    margin: 4px 0;
    font: 800 25px var(--z-display)
}

.zeta-team-actions {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.zeta-team-actions article {
    flex: 1;
    padding: 28px;
    background: var(--z-warm)
}

.zeta-team-actions h3 {
    margin: 12px 0;
    font: 700 32px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-team-actions a {
    color: var(--z-black);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

@media(max-width:812px) {
    .zeta-components-hero {
        min-height: 640px;
        padding-top: 150px
    }

    .zeta-components-hero h1 {
        font-size: 66px
    }

    .zeta-filterbar {
        align-items: stretch;
        flex-direction: column
    }

    .zeta-filterbar__tabs,
    .zeta-filterbar__actions {
        overflow-x: auto
    }

    .zeta-game-card {
        min-height: 450px
    }

    .zeta-results article {
        grid-template-columns: 60px 1fr
    }

    .zeta-result-score,
    .zeta-result-player,
    .zeta-results article>a {
        grid-column: 2/3
    }

    .zeta-podium__people {
        height: 300px
    }

    .zeta-podium__people .is-first {
        height: 240px
    }

    .zeta-ranking-table {
        overflow-x: auto
    }

    .zeta-ranking-table__head,
    .zeta-ranking-table article {
        min-width: 590px
    }

    .zeta-player-profile__identity {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .zeta-player-profile__identity>span {
        margin-left: 0
    }

    .zeta-team-card dl {
        grid-template-columns: 1fr
    }

    .zeta-team-card dl>div {
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }
}

/* Portada comercial */
.zeta-home-hero {
    position: relative;
    isolation: isolate;
    min-height: 900px;
    padding: 220px 0 100px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff
}

.zeta-home-hero__bg,
.zeta-home-team__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: center/cover no-repeat
}

.zeta-home-hero__bg {
    background-image: url("../img/zeta-hero-libertad.png")
}

.zeta-home-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, .95), rgb(0 0 0 / 23%) 52%, rgba(0, 0, 0, .18));
}

.zeta-home-hero h1 {
    margin: 0;
    font: 800 clamp(72px, 9vw, 142px)/.78 var(--z-display);
    letter-spacing: -.04em
}

.zeta-home-hero h1 em,
.zeta-home-team h2 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-home-hero__lead {
    max-width: 760px;
    margin: 30px 0 0;
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1.45
}

.zeta-home-hero__actions {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 36px
}

.zeta-home-link {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #fff
}

.zeta-next-match {
    padding: 28px;
    background: rgba(9, 9, 9, .76);
    border: 1px solid rgba(255, 255, 255, .26);
    backdrop-filter: blur(12px)
}

.zeta-next-match>div small {
    font-size: 9px
}

.zeta-next-match time {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 32px 0 18px
}

.zeta-next-match time b {
    font: 800 80px/.7 var(--z-display);
    color: var(--z-orange)
}

.zeta-next-match time span {
    font-size: 10px;
    font-weight: 800
}

.zeta-next-match h2 {
    margin: 0 0 28px;
    font: 800 46px/.9 var(--z-display);
    text-transform: uppercase
}

.zeta-next-match dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #555
}

.zeta-next-match dt {
    margin-top: 12px;
    color: #888;
    font-size: 9px;
    text-transform: uppercase
}

.zeta-next-match dd {
    margin: 2px 0;
    font-weight: 800
}

.zeta-next-match>a {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #555;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase
}

.zeta-home-hero__ticker {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 3%;
    display: flex;
    justify-content: space-around;
    gap: 20px;
    background: var(--z-orange);
    color: var(--z-black);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em
}

.zeta-home-counter {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 50px
}

.zeta-home-counter b {
    font: 800 92px/.7 var(--z-display);
    color: var(--z-orange)
}

.zeta-home-counter span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-home-section-action {
    margin-top: 30px;
    text-align: right
}

.zeta-home-section-action a {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-home-steps article {
    position: relative;
    min-height: 320px;
    padding: 24px;
    background: #151515;
    border: 1px solid #333
}

.zeta-home-steps article>span {
    color: var(--z-orange);
    font: 700 12px var(--z-display)
}

.zeta-home-steps article>i {
    display: block;
    margin: 50px 0 38px;
    color: var(--z-orange);
    font: normal 46px/1 var(--z-display)
}

.zeta-home-steps h3 {
    margin: 0;
    font: 700 38px var(--z-display);
    text-transform: uppercase
}

.zeta-home-steps p {
    color: #888
}

.zeta-home-how-note {
    margin-top: 20px;
    padding: 20px;
    display: flex;
    gap: 30px;
    border-left: 5px solid var(--z-orange);
    background: #151515
}

.zeta-home-how-note p {
    margin: 0;
    font-weight: 800
}

.zeta-home-how-note span {
    color: #888
}

.zeta-home-player {
    padding: 34px;
    background: #fff
}

.zeta-home-player__top {
    display: flex;
    align-items: center;
    gap: 20px
}

.zeta-home-player__top>i {
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--z-black);
    color: #fff;
    font: 800 32px var(--z-display);
    font-style: normal
}

.zeta-home-player__top h3 {
    margin: 4px 0;
    font: 800 42px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-home-player__top p {
    margin: 0;
    color: #777
}

.zeta-home-player__top>span {
    margin-left: auto;
    text-align: right;
    font-size: 9px
}

.zeta-home-player__top>span b {
    font: 800 50px var(--z-display)
}

.zeta-home-ranking {
    padding: 36px;
    background: var(--z-warm)
}

.zeta-home-ranking h3 {
    margin: 70px 0 20px;
    font: 800 clamp(44px, 5vw, 74px)/.88 var(--z-display);
    text-transform: uppercase
}

.zeta-home-ranking>p:not(.zeta-label) {
    max-width: 500px;
    color: #666
}

.zeta-home-ranking__figures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid var(--z-line)
}

.zeta-home-ranking__figures b,
.zeta-home-ranking__figures span {
    display: block
}

.zeta-home-ranking__figures b {
    font: 800 32px var(--z-display)
}

.zeta-home-ranking__figures span {
    font-size: 10px;
    text-transform: uppercase
}

.zeta-home-team {
    position: relative;
    isolation: isolate;
    min-height: 760px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff
}

.zeta-home-team__bg {
    background-image: url("../img/zeta-comunidad.png")
}

.zeta-home-team:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .5) 45%, rgba(0, 0, 0, .94))
}

.zeta-home-team h2 {
    margin: 0;
    font: 800 clamp(56px, 7vw, 104px)/.82 var(--z-display)
}

.zeta-home-team__copy {
    grid-column: 9/13;
    padding: 32px;
    background: rgba(9, 9, 9, .78);
    backdrop-filter: blur(10px)
}

.zeta-home-team__copy p {
    font-size: 19px
}

.zeta-home-team__copy ul {
    padding: 0;
    list-style: none
}

.zeta-home-team__copy li {
    padding: 12px 0;
    border-bottom: 1px solid #444;
    font-size: 12px
}

.zeta-home-community article {
    min-height: 290px;
    padding: 26px;
    background: var(--z-warm);
    border-top: 5px solid var(--z-black)
}

.zeta-home-community b {
    color: var(--z-orange);
    font: 700 13px var(--z-display)
}

.zeta-home-community h3 {
    margin: 95px 0 10px;
    font: 700 34px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-home-community p {
    color: #666
}

.zeta-home-faq {
    border-top: 1px solid #333
}

.zeta-home-faq details {
    border-bottom: 1px solid #333
}

.zeta-home-faq summary {
    padding: 25px 50px 25px 0;
    cursor: pointer;
    list-style: none;
    font: 700 28px var(--z-display);
    text-transform: uppercase
}

.zeta-home-faq summary:after {
    content: "+";
    float: right;
    color: var(--z-orange)
}

.zeta-home-faq details[open] summary:after {
    content: "−"
}

.zeta-home-faq details p {
    max-width: 700px;
    margin: 0 0 25px;
    color: #999
}

@media(max-width:812px) {
    .zeta-home-hero {
        min-height: 920px;
        padding: 150px 0 80px
    }

    .zeta-home-hero__bg {
        background-position: 62% center
    }

    .zeta-home-hero:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .97), rgba(0, 0, 0, .28))
    }

    .zeta-home-hero h1 {
        font-size: 72px
    }

    .zeta-home-hero__actions {
        align-items: flex-start;
        flex-direction: column
    }

    .zeta-next-match {
        margin-top: 45px
    }

    .zeta-home-hero__ticker {
        overflow: hidden;
        justify-content: flex-start;
        white-space: nowrap
    }

    .zeta-home-how-note {
        flex-direction: column
    }

    .zeta-home-player__top {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .zeta-home-player__top>span {
        margin-left: 0
    }

    .zeta-home-ranking__figures {
        grid-template-columns: 1fr
    }

    .zeta-home-ranking__figures span {
        padding: 10px 0;
        border-bottom: 1px solid var(--z-line)
    }

    .zeta-home-team {
        min-height: 900px
    }

    .zeta-home-team__bg {
        background-position: 38% center
    }

    .zeta-home-team:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .98), rgba(0, 0, 0, .1))
    }

    .zeta-home-team h2 {
        font-size: 58px
    }

    .zeta-home-team__copy {
        grid-column: auto;
        margin-top: 40px
    }

    .zeta-home-community h3 {
        margin-top: 55px
    }
}

.zeta-next-match>div {
    gap: 14px
}

.zeta-next-match .zeta-status {
    color: var(--z-black)
}

.zeta-home .padding-100 {
    padding-top: clamp(90px, 8vw, 140px);
    padding-bottom: clamp(90px, 8vw, 140px)
}

@media(min-width:813px) {
    .zeta-home-hero {
        padding-top: 150px;
        padding-bottom: 70px;
        align-items: center
    }

    .zeta-home-hero>.contenedor-seccion {
        align-items: center
    }

    .zeta-home-hero__lead {
        margin-top: 34px
    }

    .zeta-home-hero__actions {
        margin-top: 40px
    }
}

/* Como funciona */
.zeta-floating-header__nav .is-current {
    color: var(--z-orange)
}

.zeta-how-hero {
    position: relative;
    isolation: isolate;
    min-height: 820px;
    padding: 210px 0 90px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff
}

.zeta-how-hero__bg,
.zeta-how-day__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: center/cover no-repeat
}

.zeta-how-hero__bg {
    background-image: url("../img/zeta-hero-libertad.png");
    background-position: 60% center
}

.zeta-how-hero:after,
.zeta-how-day:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1
}

.zeta-how-hero:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .96), rgb(0 0 0 / 19%) 54%, rgba(0, 0, 0, .16));
}

.zeta-how-hero h1 {
    margin: 0;
    font: 800 clamp(74px, 9vw, 136px)/.79 var(--z-display);
    letter-spacing: -.04em
}

.zeta-how-hero h1 em,
.zeta-how-day h2 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-how-hero__intro {
    padding: 28px;
    background: rgba(8, 8, 8, .78);
    border-left: 4px solid var(--z-orange);
    backdrop-filter: blur(10px)
}

.zeta-how-hero__intro p {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.5
}

.zeta-how-steps article {
    min-height: 360px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--z-line)
}

.zeta-how-steps article>span {
    color: var(--z-orange);
    font: 700 13px var(--z-display)
}

.zeta-how-steps article>i {
    margin: 42px 0 auto;
    font: normal 56px/1 var(--z-display)
}

.zeta-how-steps h3 {
    margin: 30px 0 8px;
    font: 800 40px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-how-steps p {
    margin: 0;
    color: #666
}

.zeta-how-steps .is-orange {
    background: var(--z-orange);
    border-color: var(--z-orange)
}

.zeta-how-steps .is-orange>span {
    color: #000
}

.zeta-how-pay__assurance {
    margin-top: 38px;
    padding: 20px 0;
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b
}

.zeta-how-pay__assurance b,
.zeta-how-pay__assurance span {
    display: block
}

.zeta-how-pay__assurance b {
    color: var(--z-orange);
    font-size: 11px;
    letter-spacing: .12em
}

.zeta-how-pay__assurance span {
    margin-top: 6px;
    color: #aaa
}

.zeta-how-wallet {
    padding: 38px;
    background: var(--z-orange);
    color: #090909
}

.zeta-how-wallet__head {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 800
}

.zeta-how-wallet>strong {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin: 60px 0 10px;
    font: 800 32px var(--z-display)
}

.zeta-how-wallet>strong b {
    font-size: 132px;
    line-height: .65
}

.zeta-how-wallet h3 {
    margin: 28px 0 40px;
    font: 800 46px/.9 var(--z-display)
}

.zeta-how-wallet__flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(0, 0, 0, .4)
}

.zeta-how-wallet__flow span {
    padding: 18px 12px 0 0;
    font-size: 11px;
    font-weight: 700
}

.zeta-how-wallet__flow b {
    display: block;
    margin-bottom: 6px
}

.zeta-how-caption {
    color: #888;
    font-size: 13px
}

.zeta-waitlist-flow {
    border-top: 1px solid rgba(0, 0, 0, .45)
}

.zeta-waitlist-flow article {
    display: grid;
    grid-template-columns: 80px 1fr;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .45)
}

.zeta-waitlist-flow article>b {
    font: 800 36px var(--z-display)
}

.zeta-waitlist-flow h3 {
    margin: 0;
    font: 800 30px var(--z-display);
    text-transform: uppercase
}

.zeta-waitlist-flow p {
    margin: 4px 0 0
}

.zeta-how-day {
    position: relative;
    isolation: isolate;
    min-height: 780px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff
}

.zeta-how-day__bg {
    background-image: url("../img/zeta-comunidad.png")
}

.zeta-how-day:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .5) 48%, rgba(0, 0, 0, .94))
}

.zeta-how-day h2 {
    margin: 0;
    font: 800 clamp(58px, 7vw, 100px)/.82 var(--z-display)
}

.zeta-how-day__card {
    padding: 28px;
    background: rgba(8, 8, 8, .82);
    backdrop-filter: blur(10px)
}

.zeta-how-day__card article {
    padding: 20px 0;
    border-bottom: 1px solid #444
}

.zeta-how-day__card article:last-child {
    border: 0
}

.zeta-how-day__card b {
    color: var(--z-orange);
    font-size: 11px;
    letter-spacing: .12em
}

.zeta-how-day__card p {
    margin: 7px 0 0;
    color: #bbb
}

.zeta-how-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid var(--z-line)
}

.zeta-how-stats div {
    min-height: 210px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--z-line)
}

.zeta-how-stats span {
    font-size: 11px;
    font-weight: 800
}

.zeta-how-stats b {
    font: 800 78px/.8 var(--z-display)
}

.zeta-how-stats .is-orange {
    background: var(--z-orange);
    border-color: var(--z-orange)
}

.zeta-team-rules {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.zeta-team-rules article {
    min-height: 230px;
    padding: 26px;
    background: #151515;
    border: 1px solid #333
}

.zeta-team-rules article>b {
    color: var(--z-orange);
    font: 700 13px var(--z-display)
}

.zeta-team-rules h3 {
    margin: 65px 0 8px;
    font: 800 34px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-team-rules p {
    color: #999
}

.zeta-team-rules .is-note {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: var(--z-orange);
    color: #090909;
    border-color: var(--z-orange)
}

.zeta-team-rules .is-note strong {
    font: 800 42px var(--z-display)
}

.zeta-team-rules .is-note p {
    color: #090909
}

.zeta-how-faq {
    border-top: 1px solid var(--z-line)
}

.zeta-how-faq details {
    border-bottom: 1px solid var(--z-line)
}

.zeta-how-faq summary {
    padding: 24px 50px 24px 0;
    cursor: pointer;
    list-style: none;
    font: 700 28px var(--z-display);
    text-transform: uppercase
}

.zeta-how-faq summary:after {
    content: "+";
    float: right;
    color: var(--z-orange)
}

.zeta-how-faq details[open] summary:after {
    content: "−"
}

.zeta-how-faq details p {
    max-width: 720px;
    margin: 0 0 25px;
    color: #666;
    line-height: 1.6
}

@media(min-width:813px) {
    .zeta-how-hero {
        align-items: center;
        padding-top: 150px;
        padding-bottom: 70px
    }

    .zeta-how-hero>.contenedor-seccion {
        align-items: center
    }
}

@media(max-width:812px) {
    .zeta-how-hero {
        min-height: 900px;
        padding: 150px 0 85px
    }

    .zeta-how-hero__bg {
        background-position: 67% center
    }

  .zeta-how-hero:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .96), rgb(0 0 0 / 19%) 54%, rgba(0, 0, 0, .16));
}
    .zeta-how-hero h1 {
        font-size: 67px
    }

    .zeta-how-hero__intro {
        margin-top: 36px
    }

    .zeta-how-wallet>strong b {
        font-size: 100px
    }

    .zeta-how-wallet__flow,
    .zeta-how-stats,
    .zeta-team-rules {
        grid-template-columns: 1fr
    }

    .zeta-how-wallet__flow span {
        padding-bottom: 14px
    }

    .zeta-how-day {
        min-height: 900px
    }

    .zeta-how-day:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .98), rgba(0, 0, 0, .18))
    }

    .zeta-how-day__card {
        margin-top: 40px
    }

    .zeta-waitlist-flow article {
        grid-template-columns: 55px 1fr
    }
}

.zeta-home-pricing {
    background: var(--z-black);
    color: #fff
}

.zeta-home-pricing .zeta-copy {
    color: #999
}

.zeta-price-example {
    padding: 30px;
    background: var(--z-orange);
    color: var(--z-black)
}

.zeta-price-example>span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em
}

.zeta-price-example>div {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 24px 0
}

.zeta-price-example>div b {
    font: 800 110px/.7 var(--z-display)
}

.zeta-price-example>div strong {
    font: 800 36px var(--z-display)
}

.zeta-price-example p {
    margin: 0;
    font-weight: 700
}

.zeta-price-points {
    margin-top: 10px
}

.zeta-price-points article {
    min-height: 200px;
    padding: 22px;
    background: #171717;
    border: 1px solid #303030
}

.zeta-price-points article>b {
    color: var(--z-orange);
    font: 700 12px var(--z-display)
}

.zeta-price-points h3 {
    margin: 45px 0 8px;
    font: 700 28px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-price-points p {
    margin: 0;
    color: #888;
    font-size: 13px
}

.zeta-home-section-head {
    margin-bottom: clamp(72px, 6vw, 110px)
}

.zeta-home-section-head>.zeta-index {
    margin: 0 0 clamp(38px, 4vw, 64px)
}

.zeta-home-section-head>.zeta-title,
.zeta-home-section-head>div .zeta-title {
    max-width: 1120px;
    margin-left: 0;
    text-align: left
}

.zeta-home-section-head>.zeta-copy,
.zeta-home-section-head>div .zeta-copy {
    max-width: 820px;
    margin-top: 28px
}

.zeta-home-section-head .zeta-home-counter {
    justify-content: flex-end;
    margin-top: 0
}

.zeta-home-section-head+.zeta-match-grid,
.zeta-home-section-head+.zeta-home-steps,
.zeta-home-section-head+.zeta-home-community {
    margin-top: 0
}

@media(max-width:812px) {
    .zeta-home-section-head {
        margin-bottom: 60px
    }

    .zeta-home-section-head>.zeta-index {
        margin-bottom: 28px
    }

    .zeta-home-section-head .zeta-home-counter {
        justify-content: flex-start;
        margin-top: 30px
    }

    .zeta-home-section-head>.zeta-copy,
    .zeta-home-section-head>div .zeta-copy {
        margin-top: 20px
    }
}

/* Ajustes de legibilidad e identidad — Como funciona */
.zeta-how-hero__bg {
    background-image: url("../img/zeta-como-funciona-hero.png");
    background-position: 58% center
}

.zeta-how-hero:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .96), rgb(0 0 0 / 19%) 54%, rgba(0, 0, 0, .16));
}
.zeta-how-hero__intro {
    padding: 34px
}

.zeta-how-hero__intro p {
    margin-bottom: 30px;
    line-height: 1.6
}

.zeta-how-day__bg {
    background-image: url("../img/zeta-dia-partido.png");
    background-position: 42% center
}

.zeta-how-day:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .48) 48%, rgba(0, 0, 0, .95))
}

.zeta-how-page .zeta-title {
    font-size: clamp(54px, 6vw, 92px);
    line-height: .9;
    max-width: 900px
}

.zeta-how-page .zeta-copy {
    margin-top: 28px;
    line-height: 1.65
}

.zeta-how-page .zeta-button--dark {
    background: #090909;
    color: #fff !important;
    border-color: #090909
}

.zeta-how-page .zeta-button {
    line-height: 1.25
}

.zeta-how-page main>section>.contenedor-seccion {
    row-gap: clamp(42px, 5vw, 80px)
}

.zeta-how-page main>section .zeta-index {
    margin-bottom: 28px
}

.zeta-how-page .zeta-team-rules {
    gap: 18px
}

.zeta-how-page .zeta-team-rules article {
    min-width: 0;
    padding: 32px
}

.zeta-how-page .zeta-team-rules h3 {
    margin-top: 76px
}

.zeta-how-page .zeta-team-rules p {
    max-width: 100%;
    line-height: 1.55;
    overflow-wrap: anywhere
}

.zeta-how-page .zeta-how-stats {
    margin-left: 20px
}

.zeta-how-page .zeta-how-stats div {
    padding: 34px
}

.zeta-how-page .zeta-how-faq summary {
    line-height: 1.15
}

@media(max-width:812px) {
    .zeta-how-hero__bg {
        background-position: 62% center
    }

    .zeta-how-page .zeta-title {
        font-size: 54px;
        line-height: .92
    }

    .zeta-how-page .zeta-copy {
        margin-top: 22px
    }

    .zeta-how-page main>section>.contenedor-seccion {
        row-gap: 44px
    }

    .zeta-how-page .zeta-how-stats {
        margin: 10px 0 0
    }

    .zeta-how-page .zeta-team-rules article {
        padding: 26px
    }

    .zeta-how-day__bg {
        background-position: 35% center
    }
}

/* Páginas interiores */
.zeta-inner-hero {
    position: relative;
    isolation: isolate;
    min-height: 780px;
    padding: 190px 0 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff
}

.zeta-inner-hero__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: center/cover no-repeat
}

.zeta-inner-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgb(0 0 0 / 56%), rgb(0 0 0 / 1%) 54%, rgba(0, 0, 0, .15));
}

.zeta-inner-hero.is-partidos .zeta-inner-hero__bg {
    background-image: url("../img/hero-video-frames/zeta-hero-jugando-01-lateral.png")
}

.zeta-inner-hero.is-community .zeta-inner-hero__bg {
    background-image: url("../img/hero-video-frames/zeta-hero-jugando-03-arco.png")
}

.zeta-inner-hero.is-teams .zeta-inner-hero__bg {
    background-image: url("../img/zeta-comunidad.png")
}

.zeta-inner-hero h1 {
    max-width: 1100px;
    margin: 0;
    font: 800 clamp(74px, 9vw, 138px)/.79 var(--z-display);
    letter-spacing: -.04em
}

.zeta-inner-hero h1 em {
    color: var(--z-orange);
    font-style: italic
}

.zeta-inner-hero .contenedor-seccion>p:not(.zeta-kicker) {
    max-width: 700px;
    margin: 30px 0;
    font-size: 20px;
    line-height: 1.55
}

.zeta-inner-page .zeta-title {
    font-size: clamp(54px, 6vw, 92px);
    line-height: .9
}

.zeta-state-guide article {
    display: grid;
    grid-template-columns: 140px 1fr;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .35)
}

.zeta-state-guide p {
    margin: 0
}

.zeta-community-numbers article {
    min-height: 240px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(0, 0, 0, .25)
}

.zeta-community-numbers b {
    font: 800 90px/.8 var(--z-display)
}

.zeta-community-numbers span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-team-confirm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.zeta-team-confirm article {
    min-height: 220px;
    padding: 28px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(0, 0, 0, .25)
}

.zeta-team-confirm b {
    font: 800 30px var(--z-display)
}

.zeta-team-confirm h3 {
    margin: 55px 0 8px;
    font: 800 30px/1 var(--z-display);
    text-transform: uppercase
}

.zeta-team-confirm p {
    margin: 0
}

.zeta-play-modes article {
    min-height: 370px;
    padding: 36px;
    display: flex;
    flex-direction: column;
    background: var(--z-orange)
}

.zeta-play-modes .is-dark {
    background: #151515;
    color: #fff
}

.zeta-play-modes span {
    font-size: 11px;
    font-weight: 800
}

.zeta-play-modes h3 {
    margin: 90px 0 12px;
    font: 800 56px/.9 var(--z-display);
    text-transform: uppercase
}

.zeta-play-modes p {
    max-width: 500px
}

.zeta-play-modes a {
    margin-top: auto;
    color: inherit;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.zeta-inner-page .zeta-team-card .zeta-button--dark {
    color: #fff !important
}

.zeta-inner-page .zeta-main-footer__bottom a {
    color: #aaa;
    text-decoration: none
}

@media(max-width:812px) {
    .zeta-inner-hero {
        min-height: 820px;
        padding: 150px 0 80px
    }

    .zeta-inner-hero h1 {
        font-size: 66px
    }

    .zeta-inner-hero .contenedor-seccion>p:not(.zeta-kicker) {
        font-size: 17px
    }

    .zeta-inner-page .zeta-title {
        font-size: 54px
    }

    .zeta-state-guide article {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .zeta-community-numbers {
        grid-template-columns: 1fr 1fr
    }

    .zeta-community-numbers article {
        min-height: 180px
    }

    .zeta-community-numbers b {
        font-size: 64px
    }

    .zeta-team-confirm {
        grid-template-columns: 1fr
    }

    .zeta-inner-hero.is-partidos .zeta-inner-hero__bg,
    .zeta-inner-hero.is-community .zeta-inner-hero__bg {
        background-position: 58% center
    }

    .zeta-inner-page .zeta-main-footer__bottom {
        align-items: flex-start;
        flex-direction: column
    }
}

/* Video hero portada */
.zeta-home-hero__bg {
    z-index: -3
}

.zeta-home-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    object-fit: cover;
    object-position: center center;
    background: #090909
}

.zeta-home-hero__video::-webkit-media-controls {
    display: none !important
}

@media(max-width:812px) {
    .zeta-home-hero__video {
        object-position: 58% center
    }
}

@media(prefers-reduced-motion:reduce) {
    .zeta-home-hero__video {
        display: none
    }
}

/* Overlay invertido — Día del partido */
.zeta-how-day:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .94), rgba(0, 0, 0, .48) 52%, rgba(0, 0, 0, .16))
}

@media(max-width:812px) {
    .zeta-how-day:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .18) 72%)
    }
}

/* Drawer responsive */
.zeta-mobile-drawer,.zeta-mobile-drawer__overlay{display:none}
@media(max-width:812px){body.zeta-menu-open{overflow:hidden}.zeta-mobile-drawer__overlay{position:fixed;inset:0;z-index:998;display:block;background:rgba(0,0,0,.68);border:0;opacity:0;pointer-events:none;transition:opacity .3s}.zeta-mobile-drawer{position:fixed;top:0;right:0;bottom:0;z-index:999;width:min(88vw,430px);padding:24px;display:flex;flex-direction:column;background:#090909;color:#fff;transform:translateX(102%);visibility:hidden;transition:transform .35s ease,visibility .35s}.zeta-menu-open .zeta-mobile-drawer__overlay{opacity:1;pointer-events:auto}.zeta-menu-open .zeta-mobile-drawer{transform:translateX(0);visibility:visible}.zeta-mobile-drawer__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #333}.zeta-mobile-drawer__top img{width:110px;height:auto}.zeta-mobile-drawer__close{width:48px;height:48px;background:#fff;border:0;color:#090909;font:300 34px/1 Arial;cursor:pointer}.zeta-mobile-drawer__nav{display:flex;flex-direction:column;padding:28px 0}.zeta-mobile-drawer__nav a{padding:16px 0;border-bottom:1px solid #292929;color:#fff;font:700 34px/1 var(--z-display);text-decoration:none;text-transform:uppercase}.zeta-mobile-drawer__nav .is-current{color:var(--z-orange)}.zeta-mobile-drawer__actions{display:flex;flex-direction:column;gap:10px}.zeta-mobile-drawer__actions a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;color:#fff;border:1px solid #555;font-size:11px;font-weight:800;text-decoration:none;text-transform:uppercase}.zeta-mobile-drawer__actions .zeta-floating-header__cta{background:var(--z-orange);border-color:var(--z-orange);color:#090909}.zeta-mobile-drawer__foot{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid #333;color:#777;font-size:9px;letter-spacing:.1em}.zeta-mobile-drawer__foot span{color:var(--z-orange);font-weight:800}}