:root{--navy:#082f4f;--green:#19723e;--pink:#d50072;--orange:#ef7d21;--cream:#f7f3eb;--white:#fff;--ink:#16222c;--muted:#63717e;--shadow:0 18px 50px rgba(6,36,61,.16)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}button{font:inherit;border:0}.screen{display:none;min-height:100vh}.screen.active{display:block}.hero{min-height:100vh;background:linear-gradient(180deg,rgba(5,31,50,.18),rgba(5,31,50,.84)),url("assets/cancha.jpg") center/cover no-repeat;color:white;display:flex;flex-direction:column}.tricolor{height:8px;background:linear-gradient(90deg,#137b40 0 33.33%,#fff 33.33% 66.66%,#c92738 66.66%)}.nav{display:flex;justify-content:space-between;padding:20px clamp(18px,4vw,52px)}.logos{display:flex;gap:12px}.logo{background:#fff;border-radius:16px;padding:7px;object-fit:contain;box-shadow:0 8px 24px rgba(0,0,0,.16)}.community{width:96px;height:76px}.country{width:76px;height:76px}.hero-content{width:min(980px,calc(100% - 36px));margin:auto;text-align:center;padding:40px 0 70px}.kicker{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#f3d77c;font-size:.78rem}h1{font-size:clamp(2.6rem,9vw,6rem);line-height:.92;margin:16px auto 22px;max-width:900px}.lead{max-width:820px;margin:auto;line-height:1.65;color:rgba(255,255,255,.9);font-size:clamp(1rem,2.3vw,1.22rem)}.primary{margin-top:30px;background:var(--orange);color:#fff;font-weight:900;border-radius:16px;padding:16px 28px;cursor:pointer}.page{width:min(1060px,calc(100% - 32px));margin:auto;padding:22px 0 58px}.top-actions{display:flex;justify-content:space-between;margin-bottom:20px}.icon-button{background:white;color:var(--navy);padding:11px 15px;border-radius:13px;box-shadow:0 8px 22px rgba(8,47,79,.08);cursor:pointer;font-weight:800}.header-card{background:linear-gradient(135deg,var(--navy),#0c466d);color:white;padding:30px;border-radius:28px;box-shadow:var(--shadow);margin-bottom:22px}.header-card h2{font-size:clamp(2rem,6vw,3.6rem);margin:0 0 8px}.header-card p{margin:0;color:rgba(255,255,255,.82)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border-radius:24px;padding:25px;box-shadow:0 12px 35px rgba(8,47,79,.09);display:flex;flex-direction:column;min-height:260px}.card h3{font-size:1.45rem;margin:14px 0 8px}.price{font-size:1.6rem;font-weight:950;color:var(--navy)}.card p{color:var(--muted);line-height:1.55}.card button{margin-top:auto;padding:14px;border-radius:14px;color:white;font-weight:900;cursor:pointer}.blue button,.branch-blue{background:var(--navy)}.green button{background:var(--green)}.orange button{background:var(--orange)}.branch-pink{background:var(--pink)}.branch{min-height:210px;color:white;border-radius:26px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);cursor:pointer;text-align:left}.branch strong{font-size:2rem}.branch span{opacity:.82;margin-top:7px}.category{min-height:140px;border-radius:22px;padding:22px;background:#fff;box-shadow:0 10px 30px rgba(8,47,79,.09);font-weight:950;font-size:1.4rem;color:var(--navy);cursor:pointer}.info{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.box{background:#fff;border-radius:22px;padding:23px;box-shadow:0 10px 28px rgba(8,47,79,.08)}.row{border-top:1px solid #e7edf0;padding:12px 0}.row:first-of-type{border-top:0}.row strong{display:block}.row span{color:var(--muted)}dialog{border:0;border-radius:22px;padding:0;max-width:430px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(3,20,34,.66)}.dialog-content{padding:26px}.dialog-content button{width:100%;padding:13px;background:var(--navy);color:white;border-radius:13px;font-weight:900}@media(max-width:780px){.grid,.grid.two,.info{grid-template-columns:1fr}.community{width:80px;height:64px}.country{width:64px;height:64px}}
/* CORRECCIÓN DEFINITIVA DE NAVEGACIÓN
   Cada paso ocupa su propio viewport y tiene scroll independiente. */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tricolor {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
}

.screen {
  position: fixed;
  inset: 8px 0 0 0;
  min-height: 0;
  height: calc(100dvh - 8px);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--cream);
}

.screen.active {
  display: block;
}

.screen.hero.active {
  display: flex;
}

.hero {
  min-height: 0;
  height: calc(100dvh - 8px);
}

/* RESTAURA LA IMAGEN DE FONDO EN LA PANTALLA INICIAL */
.screen.hero {
  background:
    linear-gradient(180deg, rgba(5,31,50,.18), rgba(5,31,50,.84)),
    url("assets/cancha.jpg") center center / cover no-repeat;
  color: white;
}