:root{--bg:#0a1230;--bg2:#0f1b40;--card:#111e46;--card2:#1a2b5e;--line:#243568;--text:#f4f7ff;--muted:#a2b3d9;--lime:#72f350;--lime-ink:#04142a;--teal:#5fe0d4;--red:#ff6178;--amber:#ffc24a;--green:#3ddc84;--r:16px;--sh:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#1b3d7855,transparent),var(--bg);color:var(--text);font:16px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
a{color:var(--lime)}h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2rem,7vw,3.6rem);font-weight:900}h2{font-size:clamp(1.4rem,4vw,2rem);font-weight:800}h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.hide{display:none!important}
.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.narrow{width:min(720px,100% - 32px);margin-inline:auto}
.top{position:sticky;top:0;z-index:30;background:#0a1230e8;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;height:58px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;color:var(--text);letter-spacing:-.02em}.brand i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#efffb0,var(--lime) 55%,#8cc200);display:inline-block;position:relative}
.brand i:after{content:"";position:absolute;inset:3px;border:2px solid #0a123055;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 45%,0 60%)}
.top nav{margin-left:auto;display:flex;gap:4px}.top nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:.92rem}.top nav a:hover,.top nav a.on{color:var(--text);background:var(--card)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font:700 1rem/1 inherit;cursor:pointer;text-decoration:none;transition:transform .12s,filter .12s}
.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-lime{background:var(--lime);color:var(--lime-ink);border-color:transparent;box-shadow:0 8px 24px #72f35033}.btn-mp{background:#009ee3;color:#fff;border-color:transparent}
.btn-ghost{background:transparent}.btn-sm{min-height:36px;padding:0 14px;font-size:.88rem}.btn-danger{background:#3a1420;border-color:#66253a;color:#ffb3c0}.btn-block{width:100%}
.card{background:linear-gradient(180deg,var(--card),#0e1a3f);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}.card+.card{margin-top:16px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hero{padding:56px 0 36px;position:relative;overflow:hidden}.hero .court{position:absolute;right:-60px;top:10px;width:min(560px,90vw);opacity:.28;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#72f3501a;border:1px solid #72f35055;color:var(--lime);font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--lime)}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}.fact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 16px}.fact b{display:block;font-size:1.15rem}.fact span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps .card{position:relative;padding-top:52px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--lime-ink);font-weight:900;display:grid;place-items:center}
.bar{height:10px;border-radius:99px;background:#060c22;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--lime));border-radius:99px;transition:width .6s}.bar.full>i{background:var(--red)}
.cat{display:grid;gap:8px}.cat .row{display:flex;justify-content:space-between;gap:8px;font-weight:700}
details.faq{border-bottom:1px solid var(--line);padding:14px 0}details.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}details.faq summary:after{content:"+";color:var(--lime);font-size:1.3rem;line-height:1}details[open].faq summary:after{content:"–"}details.faq p{margin:10px 0 0;color:var(--muted)}
/* forms */
.field{margin-bottom:16px}.field label,.lab{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px}.field .hint{color:var(--muted);font-size:.82rem;margin-top:4px}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:#0d1738;color:var(--text);font:inherit;outline:none;transition:border .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #72f35026}.field.err input,.field.err select{border-color:var(--red)}.field .msg{color:var(--red);font-size:.84rem;margin-top:5px;min-height:0}
.row2{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:560px){.row2{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative}.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}.chip span{display:block;padding:11px 16px;border-radius:999px;border:1.5px solid var(--line);background:#0d1738;font-weight:700;font-size:.92rem}
.chip input:checked+span{background:var(--lime);color:var(--lime-ink);border-color:transparent}.chip input:focus-visible+span{box-shadow:0 0 0 3px #72f35044}.chip small{display:block;font-weight:500;opacity:.75;font-size:.72rem}
.check{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;border:1.5px solid var(--line);background:#0d1738;margin-bottom:10px;cursor:pointer}.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--lime);flex:none}.check.err{border-color:var(--red)}
.prog{display:flex;gap:6px;margin:0 0 6px}.prog i{flex:1;height:6px;border-radius:9px;background:#22346c}.prog i.on{background:var(--lime)}.stepname{color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:14px}
.actions{position:sticky;bottom:0;z-index:10;background:linear-gradient(180deg,transparent,var(--bg) 35%);padding:18px 0 16px;display:flex;gap:10px}.actions .btn{flex:1}.actions .btn-ghost{flex:0 0 auto}
.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.b-pendiente{background:#3a2f10;color:var(--amber)}.b-comprobante{background:#0d3140;color:var(--teal)}.b-pagada{background:#0f3a24;color:var(--green)}.b-rechazada,.b-cancelada,.b-reembolsada{background:#3a1420;color:#ff9db0}.b-vencida{background:#2a2f42;color:var(--muted)}
.notice{border-radius:14px;padding:14px 16px;border:1px solid;margin-bottom:16px}.n-ok{background:#0f3a2420;border-color:#2c8f5a;color:#b8f5d1}.n-warn{background:#3a2f1030;border-color:#8a6d1f;color:#ffe2a0}.n-err{background:#3a142030;border-color:#8a2b45;color:#ffc2cf}.n-info{background:#0d314030;border-color:#1f7d8a;color:#b7f0f6}
.code{font:800 1.5rem/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--lime)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;word-break:break-word}
.copy{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0d1738;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.copy b{font-family:ui-monospace,Consolas,monospace;word-break:break-all}
.timeline{display:flex;gap:0;margin:8px 0 22px}.timeline div{flex:1;text-align:center;font-size:.78rem;color:var(--muted);position:relative;padding-top:24px}.timeline div:before{content:"";position:absolute;left:50%;top:0;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#22346c;border:2px solid var(--line);z-index:1}
.timeline div:after{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--line)}.timeline div:first-child:after{display:none}.timeline .done:before{background:var(--lime);border-color:var(--lime)}.timeline .done:after{background:var(--lime)}.timeline .now{color:var(--text);font-weight:700}
table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle}th{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}tr.click{cursor:pointer}tr.click:hover td{background:#1a2b5e}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px}.tab{white-space:nowrap;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;cursor:pointer;font-size:.92rem}.tab.on{background:var(--lime);color:var(--lime-ink);border-color:transparent}
.match{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}.match:last-child{border:0}.match .t{color:var(--muted);font-size:.8rem;line-height:1.2}.match .vs b.w{color:var(--lime)}.match .sc{font:800 1rem/1 ui-monospace,Consolas,monospace}
.mine{outline:2px solid var(--lime);outline-offset:-2px;border-radius:8px}.bracket{display:flex;gap:26px;overflow-x:auto;padding-bottom:8px}.bracket .col{min-width:210px;display:flex;flex-direction:column;justify-content:space-around;gap:12px}.bracket h4{margin:0 0 4px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.bm{background:#0d1738;border:1px solid var(--line);border-radius:12px;overflow:hidden}.bm div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.88rem}.bm div+div{border-top:1px solid var(--line)}.bm .w{color:var(--lime);font-weight:800}.bm .tbd{color:var(--muted)}.bm small{display:block;padding:4px 10px;color:var(--muted);background:#060c22;font-size:.72rem}
dialog{border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:20px;padding:0;width:min(860px,100% - 20px);max-height:92vh;box-shadow:0 30px 80px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog .in{padding:20px;overflow:auto;max-height:90vh}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:99;background:#0f1b40;border:1px solid var(--lime);color:var(--text);padding:12px 18px;border-radius:14px;box-shadow:var(--sh);font-weight:600;max-width:92vw}.toast.err{border-color:var(--red)}
.stat{padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.stat b{display:block;font-size:1.7rem;letter-spacing:-.02em}.stat span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
footer{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
.spin{width:20px;height:20px;border-radius:50%;border:3px solid #ffffff33;border-top-color:var(--lime);animation:sp .8s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:640px){.top nav a{padding:8px 9px;font-size:.85rem}.hero{padding-top:36px}.match{grid-template-columns:58px 1fr}.match .sc{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ---- v2: centrado, tamaños uniformes, logo pelota ---- */
.brand i,.brand i:after{all:unset}.brand svg{width:30px;height:30px;flex:none;filter:drop-shadow(0 2px 6px #0006)}
h2.sec{text-align:center;margin-bottom:22px}
.hero{padding:48px 0 40px;overflow:visible}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.hero-text{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-text .facts{justify-content:center;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:520px}
.fact{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:82px;padding:10px}.fact b{font-size:1rem}
.hero-court{display:flex;align-items:center;justify-content:center}.hero-court svg{width:min(300px,100%);height:auto;filter:drop-shadow(0 20px 40px #0008)}
.hero .court{display:none}
.cards-eq{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,300px));justify-content:center}
.cards-eq>.card,.cards-eq>.card+.card{margin:0;height:100%}
.steps{grid-template-columns:repeat(auto-fit,minmax(240px,300px));justify-content:center}.steps .card{margin:0;text-align:center;padding-top:56px;min-height:210px}.steps .card:before{left:50%;margin-left:-14px}
.cat{text-align:center;justify-items:stretch;min-height:110px;align-content:center}
.faq-box{max-width:680px;margin:0 auto}
.btnrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-court{order:-1}.hero-court svg{width:min(200px,60%)}.hero-text .facts{grid-template-columns:1fr}}
footer{text-align:center}
/* ---- v3: identidad Ombú (verde + dorado) ---- */
.brand img{height:36px;width:auto;display:block}
.hero-logo{display:block;width:clamp(120px,22vw,170px);height:auto;margin:0 auto 18px}
.hero-court img{width:min(380px,100%);height:auto;border-radius:22px;box-shadow:0 30px 70px #000b,0 0 0 1px var(--line)}
.foot-logo{display:block;margin:0 auto 14px;height:auto;opacity:.95}
.top .wrap{height:64px}
.pill{background:#72f3501a;border-color:#72f35055}
.btn-lime{box-shadow:0 8px 24px #72f35033}
@media(max-width:820px){.hero-court img{width:min(260px,70%)}}
/* ---- v3: panel de administración centrado ---- */
body.adm main{width:min(1000px,100% - 32px);margin-inline:auto;padding-top:22px}
body.adm .tabs{justify-content:center;flex-wrap:wrap;overflow:visible;margin-bottom:22px}
body.adm .top .wrap{width:min(1000px,100% - 32px)}
body.adm h3{text-align:center}
body.adm .card>h3:first-child,body.adm .card>h2:first-child{text-align:center;margin-bottom:14px}
body.adm .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body.adm .stat{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:104px}
body.adm .g2>.card{margin:0}
body.adm .cfg{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
body.adm .cfg>.card{margin:0}body.adm .cfg>.full{grid-column:1/-1}
body.adm .toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-bottom:18px}
body.adm .toolbar .field{margin:0;flex:1 1 260px;max-width:380px}
body.adm .btnrow-c{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
body.adm .center-card{text-align:center}
body.adm td.num,body.adm th.num{text-align:right}
.login-logo{display:block;margin:0 auto 16px;width:130px;height:auto}
#login .card{text-align:center}#login .field{text-align:left}
.adm-h{text-align:center;margin:0 0 22px}.adm-h h2{margin-bottom:4px}.adm-h p{margin:0}
@media(max-width:820px){body.adm .stats{grid-template-columns:repeat(2,1fr)}body.adm .cfg{grid-template-columns:1fr}}
@media(max-width:420px){body.adm .stats{grid-template-columns:1fr}}
body.adm .g2{grid-template-columns:repeat(2,1fr)}body.adm .g2>.card{text-align:center}body.adm .g2>.card.cat{text-align:initial}
@media(max-width:640px){body.adm .g2{grid-template-columns:1fr}}
/* botones sobre el borde inferior de la cancha */
.hero-court{flex-direction:column}
.court-cta{position:relative;z-index:2;margin-top:-26px;flex-wrap:nowrap;width:min(380px,100%)}
.court-cta .btn{flex:1;padding:0 14px;white-space:nowrap;box-shadow:0 10px 26px #000a}
.court-cta .btn-ghost{background:var(--bg2);flex:0 0 auto}
@media(max-width:820px){.court-cta{width:min(300px,90%)}}
/* ---- v4: móvil 100% ---- */
html,body{overflow-x:clip}img,svg{max-width:100%}
.brand span{white-space:nowrap}
@media(max-width:640px){
 .wrap,.narrow{width:calc(100% - 28px)}
 .top .wrap{height:56px;gap:8px}
 .brand{gap:7px;font-size:.92rem;min-width:0}.brand img{height:30px}
 .top nav{gap:0}.top nav a{padding:7px 8px;font-size:.8rem;white-space:nowrap}
 .card{padding:16px}
 h1{font-size:clamp(1.7rem,8.5vw,2.3rem)}
 .hero{padding:20px 0 28px}.hero-grid{gap:18px}
 .hero-logo{display:none}
 .hero-court img{width:min(300px,82vw)}
 .court-cta{width:min(300px,82vw);gap:8px}.court-cta .btn{min-height:46px;font-size:.92rem}
 .hero-text .facts{grid-template-columns:repeat(3,1fr);gap:8px}.fact{min-height:74px;padding:8px 6px}.fact b{font-size:.86rem}.fact span{font-size:.66rem}
 .hero-text p{font-size:1rem!important}
 .cards-eq,.steps{grid-template-columns:1fr}.steps .card{min-height:0}
 .btn{min-height:50px}.btn-sm{min-height:40px}
 .field input,.field select,.field textarea{font-size:16px}
 .actions{padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px))}
 table{font-size:.85rem}th,td{padding:9px 6px}
 dialog{width:calc(100% - 12px);max-height:94vh;border-radius:16px}dialog .in{padding:14px}
 .toast{width:calc(100% - 24px);text-align:center;bottom:14px}
 .timeline div{font-size:.68rem}
 .bracket{gap:14px}.bracket .col{min-width:180px}
 .copy{flex-wrap:wrap}
 .kv{grid-template-columns:1fr;gap:0}.kv dt{margin-top:8px;font-size:.8rem}
 body.adm .stats{grid-template-columns:1fr 1fr;gap:10px}
 body.adm .stat{min-height:88px;padding:12px 8px}body.adm .stat b{font-size:1.35rem}body.adm .stat span{font-size:.68rem}
 body.adm .tabs{gap:6px}body.adm .tab{padding:8px 13px;font-size:.86rem}
 .brand span.long{display:none}
}
@media(max-width:380px){.top nav a{padding:7px 6px;font-size:.74rem}.brand span{font-size:.85rem}}
@media(max-width:460px){.brand span{display:none}body.adm .brand span{display:inline;font-size:.82rem}.top nav{margin-left:auto}.top nav a{font-size:.85rem;padding:8px 10px}}
/* hero sin cancha: una columna centrada */
.hero-grid.one{grid-template-columns:1fr;max-width:640px}
.hero-cta{margin:4px 0 22px}.hero-cta .btn{min-width:170px}
.hero-grid.one .hero-logo{width:clamp(150px,30vw,210px)}
@media(max-width:640px){.hero-logo{display:block!important;width:130px}.hero-cta{width:100%}.hero-cta .btn{flex:1;min-width:0}}
.hero{padding:28px 0 24px}.hero-grid.one .hero-logo{width:clamp(110px,18vw,140px);margin-bottom:12px}
.hero-text .facts{margin:14px auto 18px;max-width:560px}.hero-cta{margin:0}
.hero h1{margin-top:12px!important}.hero-text p{margin-bottom:.4em}
@media(max-width:640px){.hero-logo{width:96px!important}.hero{padding-top:16px}}
/* ---- v5: identidad Play.mendoza (navy + verde/aqua) ---- */
:root{--grad:linear-gradient(100deg,#72f350,#5fe0d4)}
body{background:radial-gradient(1200px 600px at 80% -10%,#1b3d7855,transparent),radial-gradient(900px 500px at 0% 110%,#72f35012,transparent),var(--bg)}
.btn-lime{background:var(--grad);color:var(--lime-ink);box-shadow:0 8px 24px #5fe0d433}
.chip input:checked+span,.tab.on,.steps .card:before,.timeline .done:before{background:var(--grad);color:var(--lime-ink)}
.timeline .done:before{border-color:transparent}.timeline .done:after{background:var(--lime)}
.bar>i{background:var(--grad)}
.pill{background:#72f3501a;border-color:#72f35055}
.hero h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand{gap:9px}.brand .wm{display:flex;flex-direction:column;line-height:.95}.brand .wm b{font-weight:900;font-size:1.05rem;letter-spacing:.02em}.brand .wm i{font-style:normal;font-weight:600;font-size:.72rem;color:var(--lime);letter-spacing:.02em}
.brand .tag{font-style:normal;margin-left:6px;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:#72f3501f;color:var(--lime);border:1px solid #72f35055}
.brand img{height:34px}
.hero-grid.one .hero-logo{width:clamp(120px,20vw,150px)}
.sede{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 0;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.sede img{height:40px;width:auto;opacity:.95}
.sede-f{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.sede-f img{height:38px;width:auto}
.foot-logo{width:84px}
@media(max-width:460px){.brand span.wm{display:flex!important}.brand .tag{display:none}}
/* ---- v6: portada en 2 columnas + menú móvil ---- */
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}
.top.open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.top.open .burger i:nth-child(2){opacity:0}.top.open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:700px){
 .top .wrap{position:relative}
 .burger{display:flex}
 .top nav{display:none!important;position:absolute;left:0;right:0;top:calc(100% + 1px);flex-direction:column;gap:4px;padding:12px;background:#0a1230f5;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:0 24px 40px #000a;margin:0}
 .top.open nav{display:flex!important}
 .top nav a{padding:14px 16px!important;font-size:1rem!important;border-radius:12px;text-align:left}
 .top nav a.on{background:var(--card2)}
}
.hx{padding:0;min-height:calc(100vh - 65px);min-height:calc(100svh - 65px);display:flex;align-items:center}
.hx-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:28px}
.hx-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;position:relative}
.hx-brand:before{content:"";position:absolute;inset:-10% -5%;background:radial-gradient(closest-side,#5fe0d426,transparent 70%);z-index:0;pointer-events:none}
.hx-logo{position:relative;z-index:1;width:min(330px,100%);height:auto;filter:drop-shadow(0 18px 40px #0008)}
.hx-brand .sede{position:relative;z-index:1;margin:0}
.hx-main{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.hx-main h1{font-size:clamp(2rem,3.7vw,3.4rem);margin:14px 0 12px}
.hx-main h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-desc{color:var(--muted);font-size:1.05rem;max-width:520px;margin:0 0 18px}
.hx-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:560px;margin:0 0 18px}
.hx-facts .fact{min-height:80px;justify-content:center;align-items:center}
.hx-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hx-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,320px));gap:12px;width:100%;max-width:560px}
.hx-cats .card{margin:0;padding:14px 16px;min-height:0}.hx-cats .cat{min-height:0;text-align:center}
@media(max-height:760px) and (min-width:901px){.hx-facts .fact{min-height:68px}.hx-logo{width:min(260px,100%)}.hx-main h1{font-size:clamp(1.8rem,3.2vw,2.8rem)}}
@media(max-width:900px){
 .hx{min-height:calc(100svh - 57px);align-items:flex-start}
 .hx-grid{grid-template-columns:1fr;gap:14px;padding-block:14px 22px;justify-items:center}
 .hx-brand{flex-direction:row;gap:14px;width:100%;justify-content:center}
 .hx-logo{width:88px}
 .hx-brand .sede{flex-direction:column;gap:4px;margin:0;align-items:center;padding-left:14px;border-left:1px solid var(--line)}
 .hx-brand .sede img{height:44px}
 .hx-main{align-items:center;text-align:center;width:100%}
 .hx-main h1{font-size:clamp(1.75rem,8vw,2.4rem);margin:10px 0 8px}
 .hx-desc{font-size:.95rem;margin-bottom:14px}
 .hx-facts{gap:8px;margin-bottom:14px}.hx-facts .fact{min-height:70px;padding:8px 6px}.hx-facts .fact b{font-size:.85rem}.hx-facts .fact span{font-size:.64rem}
 .hx-cta{width:100%;max-width:420px;flex-wrap:nowrap;margin-bottom:14px}.hx-cta .btn{flex:1;padding:0 12px;white-space:nowrap;min-height:50px}
 .hx-cats{grid-template-columns:1fr;max-width:420px}
}
.sede img{height:64px}.hx-brand .sede img{height:72px}.sede-f img{height:52px}
@media(max-width:900px){.hx-brand .sede img{height:56px}}

/* ---- inicio: datos en verde del logo, CTA amarillo, todo centrado en la 2ª columna ---- */
.hx-facts .fact{background:linear-gradient(135deg,#72f350,#5fe0d4);border-color:transparent;color:var(--lime-ink);box-shadow:0 8px 22px #5fe0d433}
.hx-facts .fact b{color:var(--lime-ink)}.hx-facts .fact span{color:#0a3a2a;font-weight:700}
.btn-yellow{background:#ffd21f;color:#1a1400;border-color:transparent;box-shadow:0 8px 26px #ffd21f55}
.hx-cta{justify-content:center;width:100%;max-width:560px}
.hx-cats{justify-content:center;justify-items:center;max-width:560px}.hx-cats .card{width:100%}

/* inscribirme: debajo de la barra de lugares, misma caja que la tarjeta */
.hx-enroll{display:flex;flex-direction:column;gap:12px;width:min(400px,100%);align-self:center}
.hx-enroll .hx-cats{display:block;width:100%;max-width:none}.hx-enroll .hx-cats .card{width:100%;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.btn-card{width:100%;min-height:120px;border-radius:var(--r);font-size:1.35rem;font-weight:800}

.faq-a{color:var(--muted);margin-top:8px}.faq-a p{margin:0 0 8px}.faq-a ul{margin:0;padding-left:20px;display:grid;gap:6px}.faq-a b{color:var(--text)}

/* ---- v5: datos simples (sin cajas) + CTA con el verde ---- */
.hx-facts{display:flex;justify-content:center;gap:0;max-width:560px;margin:4px 0 22px}
.hx-facts .fact{background:none;border:0;box-shadow:none;min-height:0;padding:2px 22px;flex:1 1 0;border-radius:0;color:var(--text)}
.hx-facts .fact+.fact{border-left:1px solid var(--line)}
.hx-facts .fact b{color:var(--text);font-size:1.05rem}
.hx-facts .fact span{color:var(--muted);font-weight:600;font-size:.72rem;margin-top:3px}
.hx-enroll .btn-card{background:linear-gradient(135deg,#72f350,#5fe0d4);color:var(--lime-ink);width:225px;min-height:110px;align-self:center;box-shadow:0 8px 22px #5fe0d433;font-size:1.25rem}
.hx-enroll .hx-cats .card{gap:6px}
@media(max-width:900px){.hx-facts .fact{padding:2px 8px}.hx-facts .fact b{font-size:.9rem}}

/* CTA: pastilla compacta arriba de la barra de parejas */
.hx-enroll{gap:14px}
.btn-cta{align-self:center;min-height:50px;padding:0 34px;border-radius:999px;border:1.5px solid #72f350aa;background:linear-gradient(135deg,#72f350,#5fe0d4);color:var(--lime-ink);font-size:1.05rem;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 18px #5fe0d42e;transition:transform .15s,box-shadow .15s}
.btn-cta span{transition:transform .15s}.btn-cta:hover{box-shadow:0 8px 24px #5fe0d455;filter:none;transform:translateY(-1px)}.btn-cta:hover span{transform:translateX(3px)}
/* aire alrededor del botón y de la tarjeta de parejas */
.hx-facts{margin-bottom:30px}
.hx-enroll{gap:26px;margin-bottom:20px}
.btn-cta{margin-block:4px}

/* ---- banner de sponsors (marquesina derecha → izquierda) ---- */
.sponsors{position:fixed;left:0;right:0;bottom:0;z-index:25;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(90deg,#72f350,#5fe0d4);box-shadow:0 -6px 22px #0007;overflow:hidden;display:flex;align-items:center;transition:transform .35s ease,opacity .35s ease}
.sponsors.off{transform:translateY(105%);opacity:0;pointer-events:none}
.sp-track{display:flex;width:max-content;animation:sp-scroll 32s linear infinite;will-change:transform}
.sponsors:hover .sp-track{animation-play-state:paused}
.sp-set{display:flex;align-items:center;flex:none}
.sp-i{display:flex;align-items:center;justify-content:center;flex:none;width:150px;height:54px;margin-right:44px}
.sp-i img{width:150px;height:54px;object-fit:contain;display:block;-webkit-user-drag:none}
a.sp-i{transition:transform .15s}a.sp-i:hover{transform:scale(1.06)}
@keyframes sp-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sp-track{animation-duration:120s}}
.hx{padding-bottom:70px}
@media(max-width:640px){.sp-i{margin-right:30px}}

/* banner: queda en el borde inferior de la primera pantalla y se va con el scroll como el resto del contenido */
body{position:relative}
.sponsors{position:absolute;left:0;right:0;bottom:auto;top:calc(100svh - 62px - env(safe-area-inset-bottom));transition:none}
.sponsors.off{transform:none;opacity:1;pointer-events:auto}


/* ---- banner más grande + hero redistribuido proporcionalmente a la altura de la pantalla ---- */
:root{--sp-h:92px}
.sponsors{height:calc(var(--sp-h) + env(safe-area-inset-bottom));top:calc(100svh - var(--sp-h) - env(safe-area-inset-bottom))}
.sp-i{width:210px;height:76px;margin-right:60px}
.sp-i img{width:210px;height:76px}
.hx{padding-bottom:calc(var(--sp-h) + 6px)}
.hx-grid{padding-block:clamp(10px,2.2vh,28px)}
.hx-main h1{margin:clamp(6px,1.6vh,14px) 0 clamp(4px,1.2vh,12px);font-size:clamp(1.8rem,min(3.7vw,6.4vh),3.4rem)}
.hx-desc{margin-bottom:clamp(8px,1.8vh,18px)}
.hx-facts{margin:2px 0 clamp(10px,2.4vh,30px)}
.hx-enroll{gap:clamp(12px,2.6vh,26px);margin-bottom:clamp(4px,1.4vh,20px)}
.hx-logo{width:auto;max-width:100%;max-height:clamp(200px,50vh,420px)}
.hx-brand{gap:clamp(10px,2.4vh,22px)}.hx-brand .sede img{height:clamp(40px,7vh,72px)}
@media(max-width:640px){:root{--sp-h:84px}.sp-i{width:170px;height:62px;margin-right:36px}.sp-i img{width:170px;height:62px}}

/* ---- banner dentro del flujo, justo debajo del hero: nunca tapa contenido ---- */
:root{--hd:65px}
.sponsors{position:relative;top:auto;left:auto;right:auto;bottom:auto;height:var(--sp-h);padding-bottom:0}
.hx{min-height:calc(100svh - var(--hd) - var(--sp-h));padding-bottom:0}
@media(max-width:900px){
  :root{--hd:57px;--sp-h:64px}
  .sp-i{width:132px;height:48px;margin-right:26px}.sp-i img{width:132px;height:48px}
  .hx{align-items:stretch}
  .hx-grid{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(4px,1.2svh,12px);padding-block:clamp(6px,1.4svh,14px);width:100%}
  .hx-brand{display:contents}.hx-brand:before{display:none}
  .hx-logo{order:1;align-self:center;width:auto;max-width:60%;max-height:clamp(70px,14svh,120px)}
  .hx-main{order:2;flex:1 1 auto;justify-content:center;width:100%}
  .hx-brand .sede{order:3;align-self:flex-end;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0;border:0}
  .hx-brand .sede img{height:clamp(28px,5svh,40px)}
  .hx-main h1{font-size:clamp(1.45rem,min(7.4vw,4.2svh),2.3rem);margin:4px 0}
  .hx-desc{font-size:clamp(.8rem,1.9svh,.92rem);margin-bottom:clamp(4px,1.2svh,10px);line-height:1.35}
  .pill{font-size:.72rem;padding:4px 11px}
  .hx-facts{margin:0 0 clamp(6px,1.4svh,14px)}.hx-facts .fact{min-height:0}.hx-facts .fact b{font-size:.82rem}.hx-facts .fact span{font-size:.62rem}
  .hx-enroll{gap:clamp(6px,1.4svh,12px);margin-bottom:0;width:min(400px,100%)}
  .btn-cta{min-height:clamp(40px,6svh,48px)}
  .hx-enroll .hx-cats .card{min-height:0;padding:10px 14px;gap:4px}.hx-cats .cat h3{font-size:.95rem}
}
@media(max-width:900px){.hx-grid{padding-inline:16px;box-sizing:border-box}.hx-enroll{width:min(400px,100%)}}
@media(max-width:900px){.hx-logo{max-height:clamp(56px,11.5svh,110px)}}
@media(max-width:900px) and (max-height:700px){.hx-desc{font-size:.78rem}.hx-brand .sede img{height:26px}.hx-main h1{font-size:clamp(1.35rem,4svh,1.9rem)}}

/* menú de navegación fijo arriba: el sticky tiene que estar en el contenedor (#hd), no dentro de él */
#hd{position:sticky;top:0;z-index:40}

/* ---- hero de una columna (sin logo grande) + "Organiza / Sede" + menú con logo más grande ---- */
:root{--hd:80px}
.top .wrap{min-height:80px}
.brand img{height:50px}.brand .wm b{font-size:1.45rem}.brand .wm i{font-size:.95rem}.brand{gap:12px}
.hx-grid{grid-template-columns:1fr;max-width:720px;justify-items:center}
.hx-main{align-items:center;text-align:center}
.hx-desc{margin-inline:auto}.hx-facts{margin-inline:auto}
.hx-by{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,28px);margin:2px 0 clamp(8px,1.8vh,16px)}
.by-i{display:flex;align-items:center;gap:10px}.by-i small{color:var(--muted);font-weight:800;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.by-play{display:flex;align-items:center;gap:8px}.by-play img{height:clamp(34px,5.5vh,48px);width:auto}
.by-play .wm{display:flex;flex-direction:column;line-height:.95}.by-play .wm b{font-size:1.15rem;font-weight:900;letter-spacing:.02em}.by-play .wm i{font-style:normal;font-weight:600;font-size:.78rem;color:var(--lime)}
.by-ombu{height:clamp(40px,6.5vh,58px);width:auto}
.by-sep{width:1px;align-self:stretch;background:var(--line);min-height:40px}
@media(max-width:900px){:root{--hd:66px}.top .wrap{min-height:66px}.brand img{height:40px}.brand .wm b{font-size:1.2rem}.brand .wm i{font-size:.8rem}
  .hx-grid{padding-inline:16px}.by-play img{height:30px}.by-ombu{height:38px}.by-i small{font-size:.6rem}.by-play .wm b{font-size:1rem}}
.top .wrap{min-height:79px}
.hx-by{margin-top:clamp(6px,1.4vh,12px)}
@media(min-width:901px){.hx-main h1{font-size:clamp(1.7rem,min(3.4vw,5.2vh),3.2rem)}.hx-grid{padding-block:clamp(6px,1.4vh,18px)}.hx-desc{font-size:clamp(.9rem,2.1vh,1.05rem);margin-bottom:clamp(6px,1.4vh,14px)}.hx-enroll .hx-cats .card{min-height:0;padding:12px 16px;gap:6px}.hx-enroll{gap:clamp(10px,2vh,22px)}.hx-facts{margin-bottom:clamp(8px,1.8vh,22px)}}
@media(max-width:900px){.top .wrap{min-height:65px}}

/* celular: el contenido ocupa todo el alto del hero y reparte el espacio libre entre los elementos */
@media(max-width:900px){
  .hx-grid{justify-content:stretch;padding-block:10px 16px}
  .hx-main{justify-content:space-between;gap:6px;flex:1 1 auto;align-self:stretch}
  .hx-enroll{display:contents}
  .hx-enroll .btn-cta{align-self:center;min-height:clamp(48px,7svh,58px);padding:0 44px;font-size:1.15rem;margin:0}
  .hx-enroll .hx-cats{width:min(400px,100%);align-self:center}
  .hx-main>.pill{margin-top:0}
  .hx-main h1,.hx-main .hx-desc,.hx-main .hx-facts,.hx-main .hx-by{margin-block:0}
}

/* ---- fondo de pelotas con spin (sutil) ---- */
.bg-balls{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.16}
.bb{position:absolute;display:block;animation:bb-drift var(--ds,30s) ease-in-out infinite alternate;will-change:transform}
.bb i{display:block;width:100%;height:100%;animation:bb-spin var(--ss,14s) linear infinite;animation-direction:normal;transform-origin:50% 50%}
.bb i svg{width:100%;height:100%;display:block}
@keyframes bb-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--dx,40px),var(--dy,40px),0)}}
@keyframes bb-spin{from{transform:rotate(0)}to{transform:rotate(calc(360deg * var(--sd,1)))}}
@media(max-width:640px){.bb-x{display:none}.bg-balls{opacity:.14}}
@media(prefers-reduced-motion:reduce){.bb,.bb i{animation-duration:140s}}

/* ---- comparación: /?hero=2col reorganiza el mismo contenido en 2 columnas (sin logo grande) ---- */
.hx-brand{display:none!important}
@media(min-width:901px){
  body.hero2 .hx-grid{max-width:1080px;justify-items:stretch}
  body.hero2 .hx-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:clamp(32px,5vw,72px);align-content:center;align-items:center;text-align:left;width:100%}
  body.hero2 .hx-main>.pill{grid-column:1;grid-row:1;justify-self:start}
  body.hero2 .hx-main>h1{grid-column:1;grid-row:2;margin:0}
  body.hero2 .hx-main>.hx-by{grid-column:1;grid-row:3;justify-content:flex-start;margin:clamp(8px,2vh,18px) 0}
  body.hero2 .hx-main>.hx-desc{grid-column:1;grid-row:4;margin:0;max-width:none}
  body.hero2 .hx-main>.hx-facts{grid-column:2;grid-row:1 / 3;margin:0;max-width:none;align-self:center}
  body.hero2 .hx-main>.hx-enroll{grid-column:2;grid-row:3 / 5;align-self:center;width:min(400px,100%);justify-self:center}
}
@media(min-width:901px){
  body.hero2 .hx-main>.hx-by{align-self:end}
  body.hero2 .hx-main>.hx-desc{align-self:start}
  body.hero2 .hx-main>.pill{align-self:end}
  body.hero2 .hx-main>h1{align-self:start;margin-top:clamp(6px,1.4vh,12px)}
}

/* ---- pelotas: recorren la pantalla girando (spin) ---- */
.bg-balls{opacity:.24}
.bb{animation:bb-fly var(--ds,22s) ease-in-out infinite alternate}
.bb i{animation:bb-spin var(--ss,5s) linear infinite}
@keyframes bb-fly{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(calc(var(--dx) * .42),calc(var(--dy) * 1.25),0)}70%{transform:translate3d(calc(var(--dx) * .8),calc(var(--dy) * .55),0)}100%{transform:translate3d(var(--dx),var(--dy),0)}}
@media(max-width:640px){.bg-balls{opacity:.2}}
@media(prefers-reduced-motion:reduce){.bb{animation-duration:160s}.bb i{animation-duration:90s}}

/* ---- pelotas: las mueve JS (rebotan en los bordes) ---- */
.bg-balls{opacity:.22}
.bb{left:0!important;top:0!important;animation:none!important}.bb i{animation:none!important}
@media(max-width:640px){.bg-balls{opacity:.18}}

/* fondo con el logo de Play */
.bb img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none}

/* ===== Play.comunidad: perfil a la izquierda + tarjeta de eventos (carrusel) a la derecha ===== */
.hx-grid{gap:clamp(24px,4vw,64px)}
@media(min-width:901px){
  body.hero2 .hx-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);max-width:1120px;justify-items:stretch;align-items:center}
  body.hero2 .hx-main{display:block;text-align:center;align-self:center}
}
.pc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(8px,1.7vh,16px);max-width:470px;justify-self:end;width:100%}
.pc-bio{margin:0;line-height:1.5;font-size:clamp(.95rem,2.1vh,1.05rem)}
/* tarjeta de eventos */
.evc{width:100%;max-width:540px;margin-inline:auto;background:linear-gradient(180deg,var(--card),#0e1a3f);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:clamp(12px,2vh,20px) clamp(12px,1.6vw,20px) 10px}
.ev{flex:0 0 100%;min-width:0;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(6px,1.3vh,14px);padding:2px 4px}
.ev-top{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;flex-wrap:wrap}
.ev-tag{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ev .pill{font-size:.68rem;padding:4px 11px}
.ev-title{font-size:clamp(1.45rem,min(2.5vw,4.3vh),2.3rem);margin:0;font-weight:900;line-height:1.05}
.ev-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ev .hx-by{margin:0}.ev .hx-desc{margin:0;max-width:none;font-size:clamp(.85rem,1.9vh,.98rem)}
.ev .hx-facts{margin:0;max-width:none;width:100%}
.ev .hx-enroll{margin:0;width:min(400px,100%)}
.evc .hx-cats .card{background:#0d1738;box-shadow:none}
/* banner: invitación a ser sponsor (fija a la derecha; los logos pasan por detrás) */
.sp-cta{position:absolute;right:0;top:0;bottom:0;z-index:3;display:flex;align-items:center;gap:14px;padding:0 clamp(14px,2vw,28px) 0 clamp(56px,7vw,110px);background:linear-gradient(90deg,#5fe0d400,#5fe0d4 48%);color:#04142a;font-weight:800;white-space:nowrap}
.sp-cta .btn{background:#04142a;color:#fff;border-color:transparent;box-shadow:0 6px 16px #0006;min-height:40px}.sp-cta .btn b{margin-left:4px}
@media(max-width:900px){
  .hx-grid{align-items:stretch}
  .pc{max-width:none;align-items:center;text-align:center;justify-self:stretch}.pc-head{flex-direction:column;text-align:center}  .hx-main{order:2;flex:none;width:100%}.pc{order:1}
  .evc{max-width:none}
  .sp-cta{gap:8px;font-size:.78rem;padding-left:44px;white-space:normal;text-align:right;line-height:1.1}.sp-cta span{max-width:90px}.sp-cta .btn{min-height:36px;padding:0 12px;font-size:.8rem}
}
@media(min-width:901px){
  .ev{gap:clamp(4px,1vh,12px)}
  .ev .hx-enroll{gap:clamp(8px,1.4vh,14px)}
  .evc .hx-enroll .hx-cats .card{padding:8px 14px;gap:2px;min-height:0}
  .ev .hx-facts .fact{padding-block:0}
  .evc{padding-top:clamp(10px,1.6vh,16px)}  .ev .hx-by{transform:none}
  .by-ombu{height:clamp(34px,5.4vh,50px)}.by-play img{height:clamp(30px,4.6vh,42px)}
}
/* celular: perfil compacto (estilo Instagram) para que la tarjeta del evento quede a la vista */
@media(max-width:900px){
  .hx-grid{gap:14px;padding-block:12px 18px}
  .pc{align-items:flex-start;text-align:left;gap:8px}
    .ev-title{font-size:1.6rem}
}
.sp-h{font-size:clamp(2rem,6vw,3rem);margin:10px 0 10px}.sp-h em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-lead{margin-bottom:22px}

/* ===== columna izquierda: Nosotros (estilo de la página, sin formato de red social) ===== */
.pc{align-items:flex-start;text-align:left;gap:clamp(10px,2vh,18px)}
.pc-title{font-size:clamp(1.9rem,min(3.6vw,6.2vh),3.2rem);margin:0;font-weight:900;line-height:1.05;letter-spacing:-.02em}
.pc-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-bio{margin:0;max-width:44ch;color:var(--muted);font-size:clamp(.98rem,2.2vh,1.12rem);line-height:1.55}
@media(max-width:900px){.pc{align-items:flex-start}.pc-title{font-size:1.7rem}.pc-bio{font-size:.92rem}}

/* instagram: solo el ícono de líneas con los colores originales */
.ig{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;transition:transform .15s,filter .15s}
.ig:hover{transform:scale(1.12) rotate(-4deg);filter:brightness(1.15)}.ig svg{display:block}
@media(max-width:900px){
  /* celular: primero el evento, después el banner y abajo "Somos una comunidad…" centrado */
  main{display:flex;flex-direction:column}
  main>*{order:4}
  .hx,.hx-grid{display:contents}
  .hx-main{order:1;padding:12px 16px 14px;min-height:calc(100svh - var(--hd) - var(--sp-h));display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%}
  .sponsors{order:2}
  .pc{order:3;align-items:center;text-align:center;padding:clamp(28px,6vh,48px) 22px;gap:14px;max-width:560px;margin-inline:auto;width:100%;box-sizing:border-box}
  .pc-title{font-size:clamp(1.55rem,6.4vw,2rem)}.pc-bio{max-width:36ch;margin-inline:auto;text-align:center}
}
@media(max-width:900px) and (max-height:700px){.hx-main{padding:6px 16px 6px}.evc{padding-block:10px 8px}.ev{gap:4px}.ev .hx-by{transform:scale(.92)}}
@media(max-width:900px){.sp-cta{background:linear-gradient(90deg,#5fe0d400,#5fe0d4 26%);padding-left:56px}}

/* ===== sin tarjeta alrededor del evento (contenido directo sobre el fondo), pastilla centrada, espaciado según el alto de pantalla ===== */
.evc{background:none;border:0;box-shadow:none;border-radius:0;padding:0;max-width:540px}
.ev-top{justify-content:center}
.ev{gap:clamp(10px,2.3svh,24px);padding:0}
.ev .hx-by,.ev .hx-desc,.ev .hx-facts,.ev .hx-enroll{margin:0}
.ev .hx-enroll{gap:clamp(10px,2.1svh,22px)}
@media(max-width:900px){
  .hx-main{padding:10px 16px 12px}
  .ev{gap:clamp(8px,2.2svh,22px)}
}
@media(max-width:900px) and (max-height:700px){.hx-main{padding:4px 16px 6px}.ev{gap:clamp(5px,1.6svh,14px)}.ev .hx-by{transform:none}}
@media(max-width:900px){.ev{gap:clamp(8px,3svh,26px)}.ev .hx-enroll{gap:clamp(8px,2.4svh,20px)}}
@media(max-width:900px) and (max-height:700px){.ev{gap:clamp(5px,2svh,16px)}}

/* instagram en el menú: a la derecha del todo en escritorio; a la izquierda del botón de menú en celular */
.ig-nav{width:44px;height:44px;flex:none;order:3;margin-left:8px}
.top .wrap .brand{order:0}.top .wrap nav{order:1}
@media(max-width:700px){.ig-nav{order:1;margin-left:auto;margin-right:2px}.top .burger{order:2;margin-left:0}}

/* sin selección ni arrastre de imágenes/elementos (los campos de formulario siguen siendo editables) */
html.nocopy body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.nocopy input,html.nocopy textarea,html.nocopy select,html.nocopy [contenteditable="true"]{-webkit-user-select:text;user-select:text}
html.nocopy img,html.nocopy svg{pointer-events:none;-webkit-user-drag:none;user-drag:none}
/* banner de sponsors: se desliza con el dedo; el avance y el arrastre los hace JS con transform */
.sp-track{width:100%;overflow:hidden;animation:none!important;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.sp-track::-webkit-scrollbar{display:none}
.sp-set{flex:none;will-change:transform}

/* ===== cuentas: botón de sesión en el menú, login, perfil y ranking ===== */
.top nav a.nav-auth{border:1.5px solid #72f350;color:var(--lime);background:transparent;font-weight:800}
.top nav a.nav-auth:hover{background:#72f3501f;color:var(--lime)}
.top nav a.nav-auth.on{background:linear-gradient(135deg,#72f350,#5fe0d4);color:#04142a;border-color:transparent}
.pw{position:relative}.pw input{padding-right:78px}.pw-t{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font:700 .8rem system-ui,sans-serif;cursor:pointer}
.perfil-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pf-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pf-stats .stat{text-align:center;padding:14px 8px}.pf-stats .stat b{display:block;font-size:1.5rem}.pf-stats .stat span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:760px){.pf-stats{grid-template-columns:repeat(3,1fr)}}
.insc{margin-bottom:16px}.insc-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.insc-h h2{margin:2px 0 4px;font-size:1.35rem}
.rk{width:100%}.rk td,.rk th{padding:8px 6px}.rk tr.mine td{background:#72f3501a;font-weight:700}
.res{font-weight:800;font-size:.9rem;padding:3px 10px;border-radius:99px;background:#ffffff14}.res.ganado{background:#0f3a24;color:var(--green)}.res.perdido{background:#3a1420;color:#ff9db0}
@media(max-width:700px){.top nav a.nav-auth{border-width:1.5px}}

.dob{display:grid;grid-template-columns:1fr 1.5fr 1.1fr;gap:8px}.dob select{min-width:0}

/* ===== tarjeta del torneo: colores del flyer (azul petróleo → azul), fondo al 50% de transparencia; el único verde es el botón Inscribirme ===== */
:root{--tn-a:27,143,166;--tn-b:29,95,166;--tn-c:20,60,124}
.evc{background:linear-gradient(160deg,rgba(var(--tn-a),.5),rgba(var(--tn-b),.5) 58%,rgba(var(--tn-c),.5));border:1px solid rgba(255,255,255,.22);border-radius:22px;box-shadow:0 14px 40px rgba(4,12,40,.45),inset 0 1px 0 rgba(255,255,255,.18);padding:clamp(18px,3vh,32px) clamp(16px,2.2vw,30px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.evc .pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#fff}
.evc .ev-title,.evc .ev-title em{color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;text-shadow:0 2px 0 rgba(8,24,70,.55)}
.evc .hx-desc{color:rgba(255,255,255,.88)}
.evc .by-i small{color:rgba(255,255,255,.78)}
.evc .hx-facts .fact b{color:#fff}.evc .hx-facts .fact span{color:rgba(255,255,255,.78)}
.evc .hx-facts .fact+.fact{border-left-color:rgba(255,255,255,.28)}
.evc .hx-cats .card{background:rgba(7,26,66,.42);border-color:rgba(255,255,255,.22);box-shadow:none;color:#fff}
.evc .hx-cats .card .muted{color:rgba(255,255,255,.78)}
.evc .bar{background:rgba(3,14,44,.45);border-color:rgba(255,255,255,.25)}
.evc .bar>i{background:linear-gradient(90deg,#9fdcf0,#fff)}.evc .bar.full>i{background:var(--red)}