/* ==========================================================================
   Zona Zero Adventure
   Paleta y tipografía de la web original (Odoo, 2024-2026):
   Black Ops One en todo, rojo #AF191B, carbón #2D2926 y crema #FFF9E6.
   ========================================================================== */

@font-face {
    font-family: "Black Ops One";
    src: url("../fonts/black-ops-one-latin.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --zz-red: #AF191B;
    --zz-red-dark: #8E1315;
    --zz-red-light: #E23335;
    --zz-dark: #2D2926;
    --zz-darker: #1D1A18;
    --zz-cream: #FFF9E6;
    --zz-ink: #2D2926;
    --zz-sand: #F3D7CA;
    --zz-sand-2: #EDE1DB;
    --zz-grey: #D9DADC;
    --zz-line: rgba(45, 41, 38, .14);
    --zz-font: "Black Ops One", Impact, "Arial Narrow Bold", sans-serif;
    --zz-radius: 6px;
    --zz-pill: 999px;
    --zz-shadow: 0 2px 8px rgba(29, 26, 24, .14);
    --zz-gutter: clamp(16px, 4vw, 24px);
    --zz-band: clamp(48px, 7vw, 96px);
}

/* Base
   ========================================================================== */

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
/* La web nunca se desplaza de lado; clip (no hidden) para no romper position: sticky */
html, body { overflow-x: clip; max-width: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
    margin: 0;
    font-family: var(--zz-font);
    font-size: 15px;
    line-height: 1.6;
    color: var(--zz-ink);
    background: var(--zz-cream);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

img, svg, video, iframe { max-width: 100%; }
img { height: auto; display: block; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.2; margin: 0 0 .5em; }
p { margin: 0 0 1em; }
a { color: var(--zz-red); text-decoration: none; }
a:hover { color: var(--zz-red-dark); text-decoration: underline; }
button, input, select, textarea { font: inherit; color: inherit; }

:focus-visible { outline: 3px solid var(--zz-red-light); outline-offset: 2px; }

.screen-reader-text {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

.zz-skip {
    position: absolute; left: 12px; top: -60px; z-index: 1000;
    background: var(--zz-red); color: #fff; padding: 8px 14px; border-radius: var(--zz-radius);
}
.zz-skip:focus { top: 12px; color: #fff; }

.zz-container { width: 100%; max-width: 1170px; margin-inline: auto; padding-inline: var(--zz-gutter); }
.zz-container--narrow { max-width: 900px; }

.zz-center { text-align: center; }
.zz-small { font-size: .78rem; opacity: .85; }
.zz-empty { text-align: center; padding: 2em 0; }
.zz-icon { flex: none; vertical-align: middle; }

.zz-label {
    font-size: .74rem; letter-spacing: .06em; text-transform: uppercase;
    color: rgba(45, 41, 38, .6); margin-bottom: .6em;
}
.zz-label--rule { border-bottom: 1px solid var(--zz-line); padding-bottom: .7em; color: var(--zz-ink); }
.zz-label--light { color: rgba(255, 255, 255, .75); }

/* Botones: píldora roja de la web original
   ========================================================================== */

.zz-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5em;
    padding: .6em 1.5em; border: 1px solid var(--zz-red); border-radius: var(--zz-pill);
    background: var(--zz-red); color: #fff; font-size: .9rem; line-height: 1.2;
    text-align: center; cursor: pointer; text-decoration: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
.zz-btn:hover { background: var(--zz-red-dark); border-color: var(--zz-red-dark); color: #fff; text-decoration: none; }
.zz-btn--sm { padding: .45em 1.15em; font-size: .78rem; }
.zz-btn--lg { padding: .8em 2.2em; font-size: 1rem; }
.zz-btn--outline { background: transparent; color: var(--zz-red-light); border-color: var(--zz-red); }
.zz-btn--outline:hover { background: var(--zz-red); color: #fff; }
.zz-btn--light { background: var(--zz-cream); border-color: var(--zz-cream); color: var(--zz-ink); }
.zz-btn--light:hover { background: #fff; border-color: #fff; color: var(--zz-ink); }
.zz-btn--disabled, .zz-btn[aria-disabled="true"] { background: #DD6E73; border-color: #DD6E73; cursor: default; pointer-events: none; }

.zz-link-btn { background: none; border: 0; padding: 0; color: var(--zz-red); cursor: pointer; text-decoration: underline; }

/* Cabecera
   ========================================================================== */

.zz-header {
    position: relative; z-index: 50;
    background: var(--zz-dark); color: #fff;
    box-shadow: var(--zz-red) 0 2px 4px 0;
}

.zz-header__top {
    display: flex; align-items: center; gap: 24px;
    padding-block: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .55);
}

.zz-brand { display: flex; align-items: center; gap: clamp(12px, 3vw, 44px); color: #fff; margin-right: auto; }
.zz-brand:hover { color: #fff; text-decoration: none; }
.zz-brand__logo { width: auto; height: clamp(56px, 8vw, 92px); }
.zz-brand__name { font-size: clamp(1.1rem, 2.6vw, 2.1rem); line-height: 1.1; }

.zz-header__actions { display: flex; align-items: center; gap: 10px; }

/* Botones de cabecera a la medida del de usuario (con avatar): misma altura con o sin sesión */
.zz-header__actions .zz-btn,
.zz-nav__mobile-actions .zz-btn {
    height: 40px; min-width: 132px; padding: 0 18px; font-size: .82rem; line-height: 1; gap: 8px;
}
.zz-header__actions .zz-session__avatar,
.zz-nav__mobile-actions .zz-session__avatar { width: 26px; height: 26px; }

.zz-nav { padding-block: 14px; }
.zz-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; }
.zz-nav__list a {
    display: block; padding: .45em 1em; border-radius: var(--zz-pill);
    color: #fff; font-size: .92rem;
}
.zz-nav__list a:hover { background: rgba(255, 255, 255, .1); color: #fff; text-decoration: none; }
.zz-nav__list .current-menu-item > a,
.zz-nav__list .current_page_item > a,
.zz-nav__list a[aria-current="page"] { background: var(--zz-red); color: #fff; }
.zz-nav__mobile-actions { display: none; }

.zz-burger {
    display: none; background: none; border: 0; color: #fff; padding: 6px; cursor: pointer;
}
.zz-burger__close { display: none; }
.zz-burger[aria-expanded="true"] .zz-burger__open { display: none; }
.zz-burger[aria-expanded="true"] .zz-burger__close { display: inline; }

/* Sesión Plairsoft */
.zz-session { position: relative; }
.zz-session__toggle { max-width: 220px; }
.zz-session__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zz-session__avatar {
    display: inline-grid; place-items: center; width: 22px; height: 22px; flex: none;
    border-radius: 50%; overflow: hidden; background: var(--zz-red); color: #fff; font-size: .6rem;
}
.zz-session__avatar img { width: 100%; height: 100%; object-fit: cover; }
.zz-session__menu {
    display: none; position: absolute; right: 0; top: calc(100% + 8px); min-width: 250px;
    background: #fff; color: var(--zz-ink); border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    padding: 8px; z-index: 60;
}
.zz-session.is-open .zz-session__menu { display: block; }
.zz-session__who { padding: 8px 10px 10px; margin: 0 0 6px; border-bottom: 1px solid var(--zz-line); font-size: .85rem; }
.zz-session__who span { display: block; font-size: .72rem; opacity: .6; overflow-wrap: anywhere; }
.zz-session__item {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px;
    border: 0; border-radius: var(--zz-radius); background: none; color: var(--zz-ink);
    font-size: .82rem; text-align: left; cursor: pointer;
}
.zz-session__item:hover { background: var(--zz-cream); color: var(--zz-ink); text-decoration: none; }
.zz-session__item--logout { color: var(--zz-red); }

@media (max-width: 991px) {
    .zz-header__actions { display: none; }
    .zz-burger { display: inline-flex; }
    .zz-header__top { gap: 12px; border-bottom-color: transparent; }
    .zz-nav { display: none; border-top: 1px solid rgba(255, 255, 255, .35); padding-bottom: 20px; }
    .zz-nav.is-open { display: block; }
    .zz-nav__list { flex-direction: column; }
    .zz-nav__list a { font-size: 1rem; padding: .6em 1em; }
    .zz-nav__mobile-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; padding-inline: 1em; }
    .zz-session__menu { left: 0; right: auto; }
}

/* Bandas y títulos
   ========================================================================== */

.zz-band { padding-block: var(--zz-band); }
.zz-band--cream { background: var(--zz-cream); }
.zz-band--dark { background: var(--zz-dark); color: #fff; }
.zz-band--flush-top { padding-top: 0; }
.zz-band__title { font-size: clamp(1.35rem, 2.6vw, 1.8rem); margin-bottom: .4em; }

.zz-section-title { text-align: center; margin-bottom: clamp(24px, 4vw, 44px); }
.zz-h { font-size: clamp(1.8rem, 3.6vw, 2.6rem); color: var(--zz-ink); margin: 0; }
.zz-section-title--red .zz-h { color: var(--zz-red); }

/* Portada
   ========================================================================== */

.zz-hero {
    position: relative; overflow: hidden; isolation: isolate;
    min-height: clamp(460px, 80vh, 860px);
    display: grid; place-items: center;
    background: var(--zz-dark) var(--zz-hero-img) center 35% / cover no-repeat;
    color: #fff; text-align: center;
}
.zz-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(29, 26, 24, .45); }
.zz-hero__video { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.zz-hero__video iframe {
    position: absolute; top: 50%; left: 50%; border: 0;
    width: max(100%, 177.78vh); height: max(100%, 56.25vw);
    transform: translate(-50%, -50%);
    opacity: 0; transition: opacity 1.2s;
}
.zz-hero__video.is-playing iframe { opacity: 1; }
.zz-hero__content { padding-block: 60px; }
.zz-hero__title {
    font-size: clamp(2rem, 5.2vw, 3.6rem); color: #E6EBEF; margin-bottom: .35em;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .45);
}

.zz-features__grid { display: grid; grid-template-columns: repeat(var(--zz-cols, 4), 1fr); gap: 32px 24px; text-align: center; }
.zz-feature__icon {
    display: inline-grid; place-items: center; width: 64px; height: 64px; margin-bottom: 16px;
    border-radius: 50%; background: var(--zz-red); color: #fff;
}
.zz-feature__title { font-size: clamp(1.35rem, 2.2vw, 1.75rem); margin-bottom: .45em; }
.zz-feature p { font-size: .8rem; margin-bottom: .8em; }
@media (max-width: 900px) { .zz-features__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .zz-features__grid { grid-template-columns: 1fr; } }

/* Carrusel de zonas */
.zz-carousel { position: relative; height: clamp(400px, 62vh, 620px); overflow: hidden; background: var(--zz-darker); color: #fff; }
.zz-carousel__track, .zz-carousel__slide { position: absolute; inset: 0; }
.zz-carousel__slide { opacity: 0; visibility: hidden; transition: opacity .7s, visibility .7s; display: grid; place-items: center; text-align: center; }
.zz-carousel__slide.is-active { opacity: 1; visibility: visible; }
.zz-carousel__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zz-carousel__slide::after { content: ""; position: absolute; inset: 0; background: rgba(29, 26, 24, .5); }
.zz-carousel__caption { position: relative; z-index: 1; max-width: 640px; padding: 0 72px; }
.zz-carousel__title { font-size: clamp(2rem, 4.6vw, 3.2rem); margin-bottom: .3em; }
.zz-carousel__caption p { font-size: clamp(.9rem, 1.6vw, 1.1rem); }
.zz-carousel__arrow {
    position: absolute; top: 50%; z-index: 2; transform: translateY(-50%);
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
    border: 0; background: #fff; color: var(--zz-ink); cursor: pointer; box-shadow: var(--zz-shadow);
}
.zz-carousel__arrow--prev { left: clamp(10px, 2vw, 24px); }
.zz-carousel__arrow--next { right: clamp(10px, 2vw, 24px); }
.zz-carousel__dots { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 2; display: flex; justify-content: center; gap: 8px; }
.zz-carousel__dots button { width: 12px; height: 12px; padding: 0; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .55); cursor: pointer; }
.zz-carousel__dots button.is-active { background: #fff; }
@media (max-width: 600px) { .zz-carousel__caption { padding: 0 20px 40px; } .zz-carousel__arrow { top: auto; bottom: 12px; transform: none; width: 36px; height: 36px; } }

.zz-rating { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: -18px 0 32px; font-size: .82rem; }
.zz-rating .zz-icon { color: var(--zz-red); fill: var(--zz-red); }

.zz-cta {
    position: relative; isolation: isolate; color: #fff;
    padding-block: clamp(64px, 9vw, 110px);
    background: var(--zz-darker) var(--zz-bg) center / cover no-repeat;
}
.zz-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(22, 20, 19, .84); }
.zz-cta__title { font-size: clamp(1.35rem, 2.8vw, 1.9rem); margin-bottom: .35em; }
.zz-cta p { font-size: .85rem; margin-bottom: 1.6em; }

.zz-parallax {
    position: relative; isolation: isolate; color: #fff;
    padding-block: clamp(90px, 14vw, 170px);
    background: var(--zz-dark) var(--zz-bg) center / cover no-repeat;
}
@media (min-width: 1024px) and (hover: hover) { .zz-parallax { background-attachment: fixed; } }
.zz-parallax::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(29, 26, 24, .4); }
.zz-parallax__title { font-size: clamp(1.9rem, 4vw, 2.8rem); text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }

/* Tarjetas de partida (fichas de evento de la web original)
   ========================================================================== */

.zz-cards,
.plairsoft-calendar .plairsoft-calendar__grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 24px; margin-bottom: 40px;
}

.zz-card { background: var(--zz-sand); border-radius: var(--zz-radius); overflow: hidden; box-shadow: var(--zz-shadow); transition: transform .2s, box-shadow .2s; }
.zz-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(29, 26, 24, .2); }
.zz-card__link { display: flex; flex-direction: column; height: 100%; color: var(--zz-ink); }
.zz-card__link:hover { color: var(--zz-ink); text-decoration: none; }
.zz-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--zz-dark); }
/* Absoluta para que los estilos de imagen del plugin no rompan la proporción */
.zz-card__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; object-fit: cover; }
.zz-card__badge {
    position: absolute; top: 12px; right: 12px; width: 60px; height: 60px; border-radius: 50%;
    display: grid; place-content: center; text-align: center; line-height: 1.05;
    background: var(--zz-sand); color: var(--zz-ink); box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.zz-card__badge-month { font-size: .6rem; }
.zz-card__badge-day { font-size: 1.1rem; }
.zz-card__attendees {
    position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: var(--zz-pill); background: rgba(29, 26, 24, .82); color: #fff; font-size: .68rem;
}
.zz-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.zz-card__title { font-size: 1.15rem; margin-bottom: .35em; }
.zz-card__date, .zz-card__place { font-size: .8rem; margin-bottom: .2em; }
.zz-card__foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 12px; }
.zz-card__price { font-size: 1.15rem; color: var(--zz-red); white-space: nowrap; }
.zz-card__hurry { margin: 8px 0 0; font-size: .74rem; color: var(--zz-red); }
.zz-card--cancelled .zz-card__media img, .zz-card--finished .zz-card__media img { filter: grayscale(1); opacity: .7; }

.zz-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; }
.zz-tag { padding: 2px 7px; border-radius: 4px; color: #fff; font-size: .66rem; line-height: 1.5; }
.zz-tag--teal { background: #2B8A9E; }
.zz-tag--slate { background: #50607F; }
.zz-tag--pink { background: #D51E5B; }

.zz-status { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; }
.zz-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.zz-status--open { color: #1E7B3A; }
.zz-status--full, .zz-status--cancelled { color: var(--zz-red); }
.zz-status--finished, .zz-status--in-progress { color: #6B6560; }
.zz-status--inscribed { color: #1E7B3A; }

/* Página de partidas */
.zz-events__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start; }
.zz-events__aside { position: sticky; top: 24px; }
@media (max-width: 900px) { .zz-events__grid { grid-template-columns: 1fr; } .zz-events__aside { position: static; } }

.plairsoft-calendar { max-width: none; padding: 0; margin: 0; font-family: inherit; }
.plairsoft-calendar .plairsoft-calendar__title { display: none; }
.plairsoft-calendar .plairsoft-calendar__grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.plairsoft-calendar__empty { text-align: center; padding: 40px 0; }
.plairsoft-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; font-size: .82rem; }
.plairsoft-pagination__btn {
    padding: .45em 1.2em; border-radius: var(--zz-pill); background: var(--zz-red); color: #fff;
}
.plairsoft-pagination__btn:hover { background: var(--zz-red-dark); color: #fff; text-decoration: none; }
.plairsoft-notice { padding: 16px 20px; border-radius: var(--zz-radius); background: #fff; border-left: 4px solid var(--zz-red); }

.zz-steps { margin: 0 0 28px; padding-left: 1.3em; font-size: .8rem; }
.zz-steps li { margin-bottom: .8em; padding-left: .3em; }
.zz-steps li::marker { color: var(--zz-red); }

.zz-quote { margin: 0; padding: 20px 22px; background: #fff; border-radius: var(--zz-radius); box-shadow: var(--zz-shadow); border-left: 4px solid #C9C5BE; font-size: .82rem; font-style: italic; }
.zz-quote p { margin-bottom: .6em; }
.zz-quote cite { font-size: .72rem; opacity: .6; }

/* Precios
   ========================================================================== */

.zz-prices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }
.zz-prices--many { grid-template-columns: repeat(auto-fit, minmax(260px, 340px)); justify-content: center; align-items: stretch; }
.zz-prices--one { grid-template-columns: minmax(260px, 380px); justify-content: center; }
.zz-prices--many .zz-price, .zz-prices--one .zz-price { display: flex; flex-direction: column; }
.zz-prices--many .zz-price__title, .zz-prices--one .zz-price__title { flex: 1; display: grid; place-items: center; font-size: 1rem; line-height: 1.35; padding: 14px 18px; }
.zz-prices__source { margin: -18px 0 28px; font-size: .82rem; }

/* Alquileres en la ficha: como el paso "Extras" de la pasarela de reserva */
.zz-rentals { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.zz-rental { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 18px; background: #fff; border-radius: var(--zz-radius); box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.zz-rental__name { font-size: .86rem; }
.zz-rental__name small { display: block; margin-top: 3px; font-size: .72rem; color: #1E7B3A; }
.zz-rental__price { flex: none; font-size: 1.25rem; color: var(--zz-red); }
.zz-rental--out { opacity: .55; }
.zz-rental--out small { color: var(--zz-red); }
@media (max-width: 800px) { .zz-prices { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; } }

.zz-price { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: var(--zz-shadow); text-align: center; }
.zz-price__title { margin: 0; padding: 10px 14px; font-size: 1.3rem; }
.zz-price__amount { margin: 0; padding: 22px 12px 14px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; line-height: 1; }
.zz-price__currency { font-size: 1.5rem; margin: .7em .15em 0 0; }
.zz-price__int { font-size: clamp(3.2rem, 6vw, 4.2rem); }
.zz-price__dec { font-size: 1.35rem; margin-top: .9em; }
.zz-price__per { flex-basis: 100%; font-size: .78rem; margin-top: 10px; }
.zz-price__list { list-style: none; margin: 0; padding: 0; }
.zz-price__list li { padding: 9px 14px; border-top: 1px solid #ECE8E1; font-size: .82rem; background: #fff; }
.zz-price__note { margin: 0; padding: 14px 18px; font-size: .74rem; font-style: italic; }

/* En la columna de la ficha las tres tablas no caben con holgura */
.zz-game__main .zz-prices { gap: 14px; }
@media (min-width: 801px) and (max-width: 1200px) { .zz-game__main .zz-prices { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; } }
.zz-game__main .zz-price__list li, .zz-game__main .zz-price__note { font-size: .74rem; padding-inline: 10px; }

.zz-price--light .zz-price__title { background: #E3E6E9; }
.zz-price--light .zz-price__amount { background: #FBFBFB; }
.zz-price--light .zz-price__note { background: #E3E6E9; }
.zz-price--dark .zz-price__title { background: var(--zz-dark); color: #fff; }
.zz-price--dark .zz-price__amount { background: #EAE9E7; }
.zz-price--dark .zz-price__note { background: var(--zz-dark); color: #fff; }
.zz-price--red .zz-price__title { background: var(--zz-red); color: #fff; }
.zz-price--red .zz-price__amount { background: #F6E6E4; }
.zz-price--red .zz-price__note { background: var(--zz-red); color: #fff; }

/* Ficha de partida
   ========================================================================== */

.zz-subnav { background: var(--zz-dark); color: #fff; border-top: 1px solid rgba(255, 255, 255, .08); }
.zz-subnav__inner { display: flex; align-items: center; gap: 6px 20px; flex-wrap: wrap; padding-block: 12px; font-size: .8rem; }
.zz-subnav a { color: #fff; }
.zz-subnav__back { display: inline-flex; align-items: center; gap: 4px; opacity: .7; }
.zz-subnav__name { color: var(--zz-red-light); font-size: .95rem; }
/* En móvil los enlaces bajan de línea: nada de deslizar de lado */
@media (max-width: 600px) {
    .zz-subnav__inner { gap: 6px 16px; }
    .zz-subnav__name { flex-basis: 100%; order: -1; }
}

.zz-game-hero {
    position: relative; isolation: isolate; color: #fff;
    min-height: clamp(300px, 44vh, 480px);
    display: flex; align-items: flex-end;
    background: var(--zz-dark) var(--zz-bg) center 40% / cover no-repeat;
}
.zz-game-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(29, 26, 24, .25) 20%, rgba(29, 26, 24, .82)); }
.zz-game-hero__content { padding-bottom: 104px; padding-top: 40px; }
.zz-game-hero__count {
    display: inline-flex; align-items: center; gap: 8px; padding: .3em .9em; margin-bottom: 12px;
    border-radius: var(--zz-pill); background: #F6C21A; color: var(--zz-ink); font-size: 1.15rem;
}
.zz-game-hero__title { font-size: clamp(1.8rem, 5vw, 3.4rem); margin-bottom: .15em; text-shadow: 0 2px 16px rgba(0, 0, 0, .4); }
.zz-game-hero__sub { font-size: .9rem; margin: 0; }

.zz-game { position: relative; z-index: 2; margin-top: -72px; padding-bottom: var(--zz-band); }

@media (max-width: 600px) {
    .zz-game-hero { min-height: 220px; }
    .zz-game-hero__content { padding-top: 28px; padding-bottom: 76px; }
    .zz-game-hero__count { font-size: .95rem; margin-bottom: 8px; }
    .zz-game-hero__sub { font-size: .8rem; }
    .zz-game { margin-top: -52px; }
}

.zz-regbar {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
    padding: 16px 24px; background: var(--zz-grey); border-radius: var(--zz-radius) var(--zz-radius) 0 0;
}
.zz-regbar__text { margin: 0; font-size: .88rem; font-style: italic; }
.zz-regbar__cta > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 14px; }
.zz-regbar__user { font-size: .78rem; }
.zz-regbar__ok { display: inline-flex; align-items: center; gap: 6px; color: #1E7B3A; }
.zz-regbar--open { background: #E4E6E8; }
.zz-feedback { flex-basis: 100%; font-size: .8rem; text-align: right; }

.zz-game__grid { display: grid; grid-template-columns: minmax(0, 1fr) 32%; box-shadow: var(--zz-shadow); border-radius: 0 0 var(--zz-radius) var(--zz-radius); overflow: hidden; }
.zz-game__main { background: var(--zz-sand); padding: clamp(24px, 4vw, 40px); }
.zz-game__aside { background: var(--zz-sand-2); padding: clamp(20px, 3vw, 32px); }
@media (max-width: 900px) { .zz-game__grid { grid-template-columns: 1fr; } }

.zz-game__section + .zz-game__section { margin-top: clamp(40px, 6vw, 64px); }
.zz-game__section .zz-h { margin-bottom: .7em; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.zz-game__section h3 { font-size: 1.1rem; margin: 1.2em 0 .4em; }
.zz-game__section p, .zz-game__section li { font-size: .84rem; }
.zz-note { padding: 10px 14px; border-left: 3px solid var(--zz-red); background: rgba(255, 255, 255, .5); }
.zz-list { padding-left: 1.2em; }
.zz-alert { padding: 14px 18px; background: #fff; border-left: 4px solid var(--zz-red); border-radius: var(--zz-radius); }

.zz-aside-block { padding-block: 22px; border-bottom: 1px solid var(--zz-line); font-size: .82rem; }
.zz-aside-block:first-child { padding-top: 0; }
.zz-aside-block:last-child { border-bottom: 0; }
.zz-aside-block p { margin-bottom: .4em; }
.zz-aside-block a { display: inline-flex; align-items: center; gap: 6px; }
.zz-aside-strong { font-size: 1.1rem; line-height: 1.3; margin-bottom: .5em !important; }
.zz-plain { list-style: none; margin: 0; padding: 0; }
.zz-plain li { padding: 2px 0; }

.zz-progress { height: 8px; margin: 8px 0; border-radius: var(--zz-pill); background: rgba(45, 41, 38, .15); overflow: hidden; }
.zz-progress span { display: block; height: 100%; background: var(--zz-red); border-radius: inherit; }

.zz-share { list-style: none; display: flex; gap: 10px; margin: 10px 0 0; padding: 0; }
.zz-share a, .zz-share button {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
    border: 0; background: #fff; color: var(--zz-ink); cursor: pointer; box-shadow: var(--zz-shadow);
}
.zz-share a:hover, .zz-share button:hover { background: var(--zz-red); color: #fff; }
.zz-share button.is-copied { background: #1E7B3A; color: #fff; }

/* Horario en línea de tiempo */
.zz-timeline { position: relative; list-style: none; margin: 0; padding: 0; }
.zz-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--zz-ink); opacity: .6; }
.zz-timeline__row { position: relative; display: grid; grid-template-columns: 1fr 40px 1fr; align-items: center; column-gap: 12px; margin-bottom: 18px; }
.zz-timeline__dot { grid-column: 2; grid-row: 1; justify-self: center; width: 14px; height: 14px; border-radius: 50%; background: var(--zz-red); box-shadow: 0 0 0 4px var(--zz-sand); }
.zz-timeline__card { grid-column: 1; grid-row: 1; padding: 12px 16px; background: #fff; border-radius: var(--zz-radius); box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.zz-timeline__time { grid-column: 3; grid-row: 1; justify-self: start; padding: 2px 6px; background: #fff; font-size: .8rem; }
.zz-timeline__row:nth-child(even) .zz-timeline__card { grid-column: 3; }
.zz-timeline__row:nth-child(even) .zz-timeline__time { grid-column: 1; justify-self: end; }
@media (max-width: 600px) {
    .zz-timeline::before { left: 7px; }
    .zz-timeline__row, .zz-timeline__row:nth-child(even) { grid-template-columns: 14px 1fr; column-gap: 16px; }
    .zz-timeline__dot, .zz-timeline__row:nth-child(even) .zz-timeline__dot { grid-column: 1; grid-row: 1; align-self: center; }
    .zz-timeline__time, .zz-timeline__row:nth-child(even) .zz-timeline__time { grid-column: 2; grid-row: 1; justify-self: start; }
    .zz-timeline__card, .zz-timeline__row:nth-child(even) .zz-timeline__card { grid-column: 2; grid-row: 2; }
}

.zz-lead { font-size: .95rem !important; text-align: center; max-width: 60ch; margin-inline: auto; }
.zz-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--zz-radius); overflow: hidden; background: var(--zz-dark); }
.zz-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.zz-files li { padding: 6px 0; }

/* Árbitros y jugadores, como en la ficha de Plairsoft */
.zz-people { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 0; padding: 0; }
.zz-people li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 10px 6px 6px; background: rgba(255, 255, 255, .65); border-radius: var(--zz-pill); border-left: 3px solid var(--zz-team, transparent); }
.zz-people__avatar {
    display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; overflow: hidden;
    background: var(--zz-dark); color: #fff; font-size: .62rem;
}
.zz-people__avatar img { width: 100%; height: 100%; object-fit: cover; }
.zz-people__avatar--referee { background: var(--zz-red); }
.zz-people__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; }
.zz-people--big { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.zz-people--big .zz-people__avatar { width: 44px; height: 44px; font-size: .8rem; }
.zz-people--big .zz-people__name { font-size: .95rem; }

.zz-aside-price { font-size: 1.8rem; line-height: 1.1; color: var(--zz-red); display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.zz-aside-price del, .zz-card__price del { font-size: .6em; color: rgba(45, 41, 38, .55); }
.zz-aside-field { display: flex; align-items: center; gap: 10px; }
.zz-aside-field img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.zz-aside-block .zz-tags { margin: 4px 0 10px; }
.zz-tag--team { background: var(--zz-team); }

.zz-teams { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; padding: 0; }
.zz-teams li { padding: 10px 22px; background: #fff; border-radius: var(--zz-radius); border-left: 6px solid var(--zz-team); }

.zz-players { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; margin: 0; padding: 0; }
.zz-players li { padding: 6px 10px; background: rgba(255, 255, 255, .6); border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.zz-mobilebar { display: none; }
@media (max-width: 767px) {
    .zz-mobilebar {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
        display: flex; justify-content: space-between; align-items: center; gap: 12px;
        padding: 10px var(--zz-gutter) calc(10px + env(safe-area-inset-bottom));
        background: var(--zz-dark); color: #fff; box-shadow: 0 -2px 10px rgba(0, 0, 0, .25);
    }
    .zz-mobilebar__price { font-size: 1.25rem; }
    body:has(.zz-mobilebar) .zz-footer { padding-bottom: 64px; }
}

/* Listas con puntos guía (potencias) */
.zz-dots { list-style: none; margin: 0 0 1em; padding: 0; }
.zz-dots li { display: flex; align-items: baseline; gap: 10px; padding: 7px 0; font-size: .95rem; }
.zz-dots li::after { content: ""; order: 1; flex: 1; border-bottom: 2px dotted currentColor; opacity: .45; transform: translateY(-4px); }
.zz-dots li span:last-child { order: 2; }

/* Normas
   ========================================================================== */

.zz-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.zz-split--reverse { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.zz-split--reverse .zz-split__img { order: 2; }
.zz-split__img { width: 100%; max-height: 620px; object-fit: cover; border-radius: 4px; box-shadow: var(--zz-shadow); }
/* Con pocas normas sencillas la foto no debe dejar un hueco enorme */
.zz-split--reverse .zz-split__img { max-height: 420px; }
.zz-split__img--rounded { border-radius: var(--zz-radius); }
@media (min-width: 901px) { .zz-split .zz-split__img { position: sticky; top: 24px; } }
@media (max-width: 900px) {
    .zz-split, .zz-split--reverse { grid-template-columns: 1fr; }
    .zz-split--reverse .zz-split__img { order: 0; }
    .zz-split__img { max-height: 420px; object-fit: cover; }
}

.zz-rules { counter-reset: zz-rule; list-style: none; margin: 0; padding: 0; }
.zz-rules li { counter-increment: zz-rule; position: relative; padding: 0 0 14px 48px; margin-bottom: 14px; border-bottom: 1px solid var(--zz-line); font-size: .86rem; }
.zz-rules li:last-child { border-bottom: 0; }
.zz-rules li::before {
    content: counter(zz-rule); position: absolute; left: 0; top: -2px;
    display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
    background: var(--zz-red); color: #fff; font-size: .8rem;
}

.zz-rule-blocks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: clamp(32px, 5vw, 56px); }
@media (max-width: 800px) { .zz-rule-blocks { grid-template-columns: 1fr; } }
.zz-rule-block { background: #fff; border-radius: var(--zz-radius); box-shadow: var(--zz-shadow); padding: 24px 26px; border-top: 4px solid var(--zz-red); }
.zz-rule-block__title { color: var(--zz-red); font-size: 1.15rem; text-transform: uppercase; }
.zz-rule-block ul { margin: 0; padding-left: 1.1em; }
.zz-rule-block li { font-size: .82rem; margin-bottom: .6em; }
.zz-rule-block li::marker { color: var(--zz-red); }

.zz-powers {
    position: relative; isolation: isolate; color: #fff; padding-block: var(--zz-band);
    background: var(--zz-dark) var(--zz-bg) center / cover no-repeat;
}
.zz-powers::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(29, 26, 24, .82); }
.zz-powers__title { text-align: center; font-size: clamp(1.7rem, 3.4vw, 2.4rem); }
.zz-dots--light li { font-size: clamp(1rem, 2vw, 1.25rem); }

.zz-banner {
    position: relative; isolation: isolate; color: #fff; padding-block: clamp(56px, 8vw, 90px);
    background: var(--zz-red) var(--zz-bg) center / cover no-repeat;
}
.zz-banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(142, 19, 21, .86); }
.zz-banner__text { font-size: clamp(1rem, 2.2vw, 1.4rem); max-width: 900px; margin-inline: auto; }

/* Campo, galería, mapa
   ========================================================================== */

.zz-map { background: var(--zz-dark); height: clamp(320px, 50vh, 480px); }
.zz-map iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(.2); }
.zz-map__consent {
    width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; gap: 8px;
    border: 0; cursor: pointer; color: #fff;
    background: linear-gradient(rgba(29, 26, 24, .7), rgba(29, 26, 24, .7)), repeating-linear-gradient(45deg, #37322e 0 12px, #2D2926 12px 24px);
}
.zz-map__pin { color: var(--zz-red-light); }
.zz-map__text { font-size: 1.2rem; text-decoration: underline; }

.zz-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.zz-gallery--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 700px) { .zz-gallery--three { grid-template-columns: 1fr; } }
.zz-gallery__item { position: relative; display: block; margin: 0; overflow: hidden; border-radius: 4px; background: var(--zz-dark); aspect-ratio: 3 / 2; }
.zz-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s, opacity .3s; }
.zz-gallery__item:hover img { transform: scale(1.05); }
.zz-gallery__item figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 14px 10px; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .7)); font-size: .9rem; }
.zz-gallery-extra { margin-top: 40px; }

.zz-lightbox { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(15, 13, 12, .95); }
.zz-lightbox[open] { display: grid; place-items: center; }
.zz-lightbox::backdrop { background: rgba(0, 0, 0, .6); }
.zz-lightbox__img { max-width: min(92vw, 1600px); max-height: 86vh; object-fit: contain; }
.zz-lightbox__close, .zz-lightbox__nav { position: absolute; border: 0; background: none; color: #fff; cursor: pointer; padding: 10px; }
.zz-lightbox__close { top: 14px; right: 14px; }
.zz-lightbox__nav { top: 50%; transform: translateY(-50%); }
.zz-lightbox__nav--prev { left: 8px; }
.zz-lightbox__nav--next { right: 8px; }

/* Cabeceras de página con foto
   ========================================================================== */

.zz-pagehead {
    position: relative; isolation: isolate; color: var(--zz-cream);
    min-height: clamp(220px, 34vh, 340px); display: flex; align-items: center; padding-block: 48px;
    background: var(--zz-dark) var(--zz-bg) center / cover no-repeat;
}
.zz-pagehead::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(45, 41, 38, .72); }
.zz-pagehead--tall { min-height: clamp(420px, 70vh, 640px); color: #fff; }
.zz-pagehead__title { font-size: clamp(2rem, 5vw, 3rem); margin: 0; }
.zz-pagehead--tall .zz-pagehead__title { margin-bottom: .4em; }
.zz-pagehead .zz-btn { margin: 6px; }

/* Contacto y formularios
   ========================================================================== */

.zz-contact { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 60px); }
@media (max-width: 800px) { .zz-contact { grid-template-columns: 1fr; } }
.zz-contact__form > p { font-size: .88rem; }

.zz-contact-list { list-style: none; margin: 0 0 16px; padding: 0; }
.zz-contact-list li { display: flex; align-items: center; gap: 12px; padding: 5px 0; font-size: .85rem; }
.zz-contact-list .zz-icon { color: var(--zz-red-light); }
.zz-contact-list--red a { color: var(--zz-red); }

.zz-form { margin-top: 24px; }
.zz-form__row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 6px 18px; align-items: start; margin-bottom: 14px; }
.zz-form__row label { padding-top: 8px; font-size: .84rem; }
.zz-form input:not([type="checkbox"]), .zz-form select, .zz-form textarea {
    width: 100%; padding: 9px 12px; border: 1px solid #D8D1BD; border-radius: 4px;
    background: #FFFDF5; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .95rem;
}
.zz-form input:focus, .zz-form select:focus, .zz-form textarea:focus { outline: 2px solid var(--zz-red); outline-offset: 0; border-color: var(--zz-red); }
.zz-form__req { color: var(--zz-red); }
.zz-form__row--check { grid-template-columns: auto 1fr; gap: 10px; align-items: center; }
.zz-form__row--check label { padding-top: 0; font-size: .78rem; color: var(--zz-red); }
.zz-form__row--check input { width: 18px; height: 18px; accent-color: var(--zz-red); }
.zz-form__row--optional { display: block; }
.plairsoft-lead-consent { display: flex; align-items: flex-start; gap: 10px; }
.plairsoft-lead-consent input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--zz-red); }
.plairsoft-lead-consent label { font-size: .78rem; line-height: 1.5; color: var(--zz-ink); padding-top: 0; }
.plairsoft-lead-consent__optional { opacity: .6; font-size: .7rem; }
.plairsoft-lead-consent a { text-decoration: underline; }
.zz-form__actions { padding-left: 188px; }
.zz-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.zz-form__notice { padding: 12px 16px; border-radius: var(--zz-radius); font-size: .85rem; }
.zz-form__notice--ok { background: #E3F1E6; color: #185F2E; }
.zz-form__notice--error { background: #F9E1E1; color: var(--zz-red-dark); }
@media (max-width: 640px) {
    .zz-form__row { grid-template-columns: 1fr; }
    .zz-form__row label { padding-top: 0; }
    .zz-form__actions { padding-left: 0; }
}

.zz-social { list-style: none; display: flex; gap: 12px; margin: 0; padding: 0; }
.zz-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .08); }
.zz-social a:hover { background: var(--zz-red); color: #fff; }
.zz-social--dark a { color: var(--zz-ink); background: rgba(45, 41, 38, .08); }

/* Ayuda */
.zz-faq { margin: 32px 0; }
.zz-faq__item { background: #fff; border-radius: var(--zz-radius); box-shadow: var(--zz-shadow); margin-bottom: 12px; }
.zz-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; cursor: pointer; list-style: none; font-size: 1rem; }
.zz-faq__item summary::-webkit-details-marker { display: none; }
.zz-faq__item summary .zz-icon { color: var(--zz-red); transition: transform .2s; }
.zz-faq__item[open] summary .zz-icon { transform: rotate(180deg); }
.zz-faq__item p { padding: 0 20px 18px; margin: 0; font-size: .85rem; }

/* Blog y textos
   ========================================================================== */

.zz-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.zz-post-card { background: #fff; border-radius: var(--zz-radius); overflow: hidden; box-shadow: var(--zz-shadow); }
.zz-post-card__link { display: block; color: var(--zz-ink); height: 100%; }
.zz-post-card__link:hover { color: var(--zz-ink); text-decoration: none; }
.zz-post-card__media { aspect-ratio: 16 / 9; background: var(--zz-dark); }
.zz-post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.zz-post-card__body { padding: 18px 20px 22px; font-size: .84rem; }
.zz-post-card__title { font-size: 1.2rem; }
.zz-pagination .nav-links { display: flex; justify-content: center; gap: 6px; margin-top: 40px; }
.zz-pagination .page-numbers { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; border-radius: var(--zz-pill); background: #fff; color: var(--zz-ink); }
.zz-pagination .page-numbers.current { background: var(--zz-red); color: #fff; }
.zz-single__media { margin-bottom: 32px; border-radius: var(--zz-radius); overflow: hidden; }

.zz-prose { font-size: .92rem; line-height: 1.75; overflow-wrap: anywhere; }
.zz-prose h2 { font-size: 1.5rem; margin-top: 1.6em; }
.zz-prose h3 { font-size: 1.2rem; margin-top: 1.4em; }
.zz-prose ul, .zz-prose ol { padding-left: 1.3em; }
.zz-prose li { margin-bottom: .4em; }
.zz-prose li::marker { color: var(--zz-red); }
.zz-prose a { text-decoration: underline; }
.zz-prose table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; display: block; overflow-x: auto; }
.zz-prose th, .zz-prose td { padding: 8px 10px; border: 1px solid var(--zz-line); text-align: left; }
.zz-prose img { border-radius: var(--zz-radius); }

/* Pie
   ========================================================================== */

.zz-footer { background: var(--zz-dark); color: #fff; padding-top: clamp(44px, 6vw, 64px); }
.zz-footer__title { font-size: 1.45rem; margin-bottom: 1.1em; }
.zz-footer__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 32px clamp(24px, 5vw, 60px); padding-bottom: 48px; }
@media (max-width: 800px) { .zz-footer__grid { grid-template-columns: 1fr; } }
.zz-footer__about p { font-size: .8rem; line-height: 1.75; }
.zz-footer__lead { font-size: .88rem !important; }
.zz-footer__heading { font-size: .88rem; margin-bottom: .8em; }
.zz-footer__heading--social { margin-top: 18px; }
.zz-footer__links { list-style: none; margin: 0; padding: 0; }
.zz-footer__links li { padding: 2px 0; }
.zz-footer__links a, .zz-footer .zz-contact-list a { color: var(--zz-red-light); font-size: .82rem; }
.zz-footer__links a:hover, .zz-footer .zz-contact-list a:hover { color: #fff; }

.zz-copyright { position: relative; background: var(--zz-red); color: #fff; padding-block: 16px; font-size: .78rem; }
.zz-copyright p { margin: 0; }
.zz-cookies-link { appearance: none; background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.zz-cookies-link:hover { color: #fff; text-decoration: none; }
.zz-copyright__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; }
.zz-powered {
    display: inline-flex; align-items: center; gap: 8px;
    color: rgba(255, 255, 255, .78); font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
    transition: color .15s;
}
.zz-powered:hover { color: #fff; text-decoration: none; }
.zz-plairsoft-logo { width: 84px; height: auto; display: block; }
@media (max-width: 600px) {
    .zz-copyright { padding-top: 26px; }
    .zz-copyright__inner { flex-direction: column; text-align: center; }
}
.zz-totop {
    position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%);
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
    background: var(--zz-dark); color: #fff; box-shadow: 0 0 0 3px var(--zz-red);
}
.zz-totop:hover { background: var(--zz-darker); color: #fff; }

/* Modal de reserva y "Mis partidas" del plugin, con los colores del campo
   ========================================================================== */

/* El plugin escribe sus colores a mano (dorado #9A8866, negro #0a0b0a) sin usar sus variables */
.plairsoft-booking-modal, .plairsoft-modal { font-family: var(--zz-font); border-radius: 10px; }
.plairsoft-booking-modal input, .plairsoft-booking-modal select, .plairsoft-booking-modal textarea { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.plairsoft-booking-modal__header, .plairsoft-modal__header { background: var(--zz-dark); color: #fff; }
.plairsoft-booking-modal__header h3, .plairsoft-modal__header h3 { font-weight: 400; color: #fff; }

.plairsoft-booking-modal__close, .plairsoft-modal__close {
    display: grid !important; place-items: center; padding: 0 !important;
    background: rgba(255, 255, 255, .12) !important; color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .35) !important; border-radius: 50% !important;
    font-size: 22px !important; line-height: 1 !important; cursor: pointer;
}
.plairsoft-booking-modal__close:hover, .plairsoft-modal__close:hover { background: var(--zz-red) !important; border-color: var(--zz-red) !important; }

.plairsoft-booking-step--active { color: var(--zz-ink); }
.plairsoft-booking-step--active .plairsoft-booking-step__num { background: var(--zz-red); color: #fff; }

.plairsoft-booking-btn--primary { background: var(--zz-red); color: #fff; border-radius: var(--zz-pill); font-family: var(--zz-font); font-weight: 400; }
.plairsoft-booking-btn--primary:hover:not(:disabled) { background: var(--zz-red-dark); opacity: 1; }
.plairsoft-booking-btn--secondary { border-radius: var(--zz-pill); font-family: var(--zz-font); font-weight: 400; }

.plairsoft-booking-product:hover, .plairsoft-booking-option:hover { border-color: var(--zz-red); }
.plairsoft-booking-product--selected, .plairsoft-booking-option--selected { border-color: var(--zz-red); background: #FDF3F1; }
.plairsoft-booking-product input, .plairsoft-booking-option input { accent-color: var(--zz-red); }
.plairsoft-booking-product__price { color: var(--zz-red); }
.plairsoft-booking-form input:focus { border-color: var(--zz-red); }
.plairsoft-booking-modal a, .plairsoft-booking-policy__item button { color: var(--zz-red); }
.plairsoft-booking-price { background: var(--zz-cream); }