@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#111113;--surface-2:#1a1a1e;--border:#ffffff14;--border-soft:#ffffff0d;--text:#f0f1f3;--text-2:#9a9fa8;--text-3:#6b7080;--accent:#c89600;--accent-ink:#1c1500;--accent-soft:#c8960029;--accent-glow:#c8960059;--success:#1d9e4e;--danger:#d43a32;--role-S:#c89600;--role-O:#e07b2a;--role-C:#8f5ce0;--role-P:#0f9ec4;--role-L:#1faf58;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 18px -6px #00000080;--topbar-bg:#000000eb;--nav-bg:#000000f5;--font-ui:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;touch-action:manipulation;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}input:not([type=range]),select,textarea{appearance:none;border-radius:0}button{cursor:pointer}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #c8960099}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.app-shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.sidebar{z-index:40;border-right:1px solid var(--border);background:linear-gradient(180deg, var(--surface), var(--surface-2));-webkit-overflow-scrolling:touch;flex-direction:column;gap:18px;width:264px;padding:22px 16px;transition:transform .24s cubic-bezier(.32,.72,.24,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%);box-shadow:32px 0 70px #00000061}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:39;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060a80;position:fixed;inset:0}.sidebar ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.sidebar-nav li button{border-radius:var(--radius-sm);width:100%;color:var(--text-2);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .14s,color .14s,transform .14s,border-color .14s;display:flex;position:relative}.sidebar-nav li button:hover{background:var(--surface);color:var(--text);border-color:var(--border);transform:translate(2px)}.sidebar-nav li button.active{background:linear-gradient(90deg, var(--accent-soft), transparent);color:var(--accent);border-color:var(--accent-glow);font-weight:600}.sidebar-nav li button.active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-16px}.sidebar-nav li button.active svg{color:var(--accent)}.sidebar-nav svg{color:var(--text-3)}.sidebar-foot{margin-top:auto}.sidebar-section{margin-top:8px}.sidebar-section-head:hover{background:var(--surface)}.main{z-index:1;min-width:0;padding-bottom:80px;position:relative}.app-fondo{z-index:0;pointer-events:none;opacity:.65;position:fixed;inset:0}.topbar{z-index:20;background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-brand{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 8px #ffc74d59);background:linear-gradient(120deg,#caa13a,#ffd970 40%,#f4b52d 60%,#8a6a12);-webkit-background-clip:text;background-clip:text;align-items:center;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.topbar-brand:hover{filter:drop-shadow(0 1px 10px #ffc74d8c)}.content{max-width:1040px;margin:0 auto;padding:24px 28px 40px}.page-head{margin-bottom:20px}.bottom-nav{z-index:30;padding:8px 8px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#000000f5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-width:58px;color:var(--text-3);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px;font-size:10px;font-weight:600;transition:color .12s;display:flex}.bottom-nav button.on{color:var(--accent)}.bottom-nav button:hover{color:var(--text-2)}.menu-open{border:1px solid var(--text-2);width:40px;height:40px;color:var(--text);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;transition:border-color .14s,background .14s;display:inline-flex}.menu-open:hover{border-color:var(--accent);background:var(--accent-soft)}.menu-line{background:var(--text);border-radius:2px;width:18px;height:2px;display:block}.menu-open-desktop{display:inline-flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:42px;height:42px;color:var(--accent-ink);font-family:var(--font-display);letter-spacing:-.06em;border-radius:12px 4px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.brand-mark img,.brand-mark svg{object-fit:contain;width:100%;height:100%;display:block}.brand-mark.logo{background:0 0}.brand-mark.volley{color:var(--accent);border:1px solid var(--border);background:0 0}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 8px #ffc74d4d);background:linear-gradient(120deg,#caa13a,#ffd970 40%,#f4b52d 60%,#8a6a12);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.brand-sub{color:var(--text-3);font-size:11px;font-weight:400;display:block}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px;font-size:11px;font-weight:700}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}h1{margin:0 0 6px;font-size:clamp(24px,3.5vw,32px)}h2{margin:0 0 4px;font-size:22px}h3{margin:0 0 4px;font-size:17px}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.mono-num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.card.hover{cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}.card.hover:hover{box-shadow:var(--shadow-md);border-color:#c896008c;transform:translateY(-1px)}.stat{flex-direction:column;gap:4px;display:flex}.stat .icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:8px;display:grid}.stat strong{font-family:var(--font-display);color:var(--accent);font-size:30px;font-weight:700;line-height:1}.stat span{color:var(--text-2);font-size:13px}.stat small{color:var(--text-3);font-size:12px}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:transform 80ms,background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 6px -2px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 12px -4px var(--accent-glow);background:#d8a700}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{color:var(--text);box-shadow:var(--shadow-sm);border-color:#aab1ba}.btn-danger{color:var(--danger);background:#e74c3c24;border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 12px;font-size:13px}.field{gap:6px;display:grid}.field label{color:var(--text-2);font-size:12.5px;font-weight:600}.input{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:0;padding:12px 13px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:#c8960080}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge{border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-ok{color:var(--success);background:#2ecc7124}.badge-danger{color:var(--danger);background:#e74c3c24}.badge-lock{background:var(--surface-2);color:var(--text-3)}.login{grid-template-columns:minmax(380px,1fr) 1.15fr;min-height:100dvh;display:grid}.login-panel{place-content:start;gap:6px;padding:clamp(28px,6vw,72px);display:grid}.login-form{gap:14px;max-width:360px;margin-top:26px;display:grid}.login-aside{color:#f2f3f5;background:radial-gradient(120% 120% at 20% 0,#111 0%,#0a0a0a 58%,#000 100%);border-left:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.login-aside .big{font-family:var(--font-display);letter-spacing:-.03em;max-width:640px;font-size:clamp(34px,5vw,64px);font-weight:600;line-height:1.02}.login-aside .big em{color:#fff;font-style:normal}.login-aside .eyebrow{color:#ffffffb8}.login-aside .chip{color:#d7d9de;box-shadow:none;background:#ffffff14;border-color:#ffffff29}.login-aside .dim{color:#fff9}.login-video{object-fit:cover;object-position:center 28%;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.login-video-veil{z-index:0;pointer-events:none;background:linear-gradient(#0000009e 0%,#0000004d 38%,#000000b8 100%),radial-gradient(90% 90% at 15% 0,#0000008c 0%,#0000 60%);position:absolute;inset:0}.login-aside>:not(.login-video):not(.login-video-veil){z-index:1;position:relative}.demo-hint{color:var(--text-3);margin-top:8px;font-size:12px}.demo-hint b{color:var(--text-2);font-weight:600}.pizarra-wrap{gap:12px;display:grid}.pizarra-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.pizarra-toolbar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.rotate-tabs{gap:6px;display:flex}.rotate-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:600}.rotate-tabs button:hover{color:var(--text);border-color:#aab1ba}.rotate-tabs button.on{background:var(--accent-soft);color:var(--accent);border-color:#c8960099;box-shadow:inset 0 0 0 1px #c8960040}.play-ctl{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.play-btn{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play-btn.outline{border:1px solid var(--border);color:var(--text);background:0 0}.timeline{flex:1;gap:2px;min-width:120px;display:grid}.timeline input[type=range]{width:100%;accent-color:var(--accent)}.timeline-labels{color:var(--text-3);font-size:11px;font-family:var(--font-display);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.speed-row{gap:6px;display:flex}.speed-row button{border:1px solid var(--border);background:var(--surface);color:var(--text-3);border-radius:7px;padding:5px 9px;font-size:12px;font-weight:600}.speed-row button.on{color:var(--accent);background:var(--accent-soft);border-color:#c8960099}.zoom-row{gap:6px;display:flex}.pizarra-notes{border-top:1px solid var(--border-soft);gap:4px;padding:12px 14px;display:grid}.pizarra-notes .tag{align-self:start}.legend{border-top:1px solid var(--border-soft);flex-wrap:wrap;gap:12px;padding:12px 14px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:inline-flex}.legend-dot{border-radius:50%;width:12px;height:12px}.piz-notes{gap:6px;display:grid}.piz-item{text-align:left;border:1px solid var(--border-soft);background:var(--surface);width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:9px 10px;transition:border-color .12s,background .12s;display:flex}.piz-item:hover{border-color:#aab1ba}.piz-item.on{background:var(--accent-soft);border-color:#c896008c}.piz-item .piz-dot{border-radius:50%;flex:none;width:13px;height:13px}.piz-item strong{font-size:13px;font-weight:650;display:block}.piz-item span{color:var(--text-2);font-size:11.5px;line-height:1.35;display:block}.piz-note{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);border-radius:10px;gap:4px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:grid}.piz-note strong{font-size:13.5px}.module{overflow:hidden}.module-head{text-align:left;border:0;border-bottom:1px solid var(--border-soft);background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:15px 16px;display:flex}.module-head h3{margin:0}.module-chevron{transition:transform .15s}.module-chevron.open{transform:rotate(180deg)}.module-body{gap:8px;padding:0 14px 14px;display:grid}.lesson{border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:12px;padding:12px 13px;transition:border-color .12s,box-shadow .12s;display:flex}.lesson:hover{box-shadow:var(--shadow-md);border-color:#c896008c}.lesson.lesson-locked{opacity:.5;box-shadow:none}.lesson-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-3);border-radius:10px;flex:none;place-items:center;display:grid}.lesson-icon.done{color:var(--success);background:#2ecc711f}.lesson-body{flex:1;min-width:0}.lesson-body strong{font-size:14px;display:block}.lesson-body span{color:var(--text-2);font-size:12.5px}.lesson-badge{flex:none}.lesson-desc{color:var(--text-2);white-space:pre-line;font-size:13.5px;line-height:1.6}.lesson-tabs{gap:6px;margin:22px 0 18px;display:flex}.lesson-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}.lesson-tabs button:hover{color:var(--text);border-color:#aab1ba}.lesson-tabs button.on{background:var(--accent-soft);color:var(--accent);border-color:#c8960099;box-shadow:inset 0 0 0 1px #c8960040}.back-link{color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0 18px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--accent)}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow-sm);padding:20px}.quiz-options{gap:10px;margin-top:16px;display:grid}.quiz-option{border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:flex-start;gap:11px;padding:13px 14px;font-size:14px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.quiz-option:hover{box-shadow:var(--shadow-sm);border-color:#c8960080}.quiz-option.correct{border-color:var(--success);background:#2ecc711a}.quiz-option.wrong{border-color:var(--danger);background:#e74c3c1a}.quiz-option .key{background:var(--surface);border:1px solid var(--border);width:26px;height:26px;font-family:var(--font-display);color:var(--text-2);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.quiz-option.correct .key{background:var(--success);color:#06130b;border-color:var(--success)}.quiz-option.wrong .key{background:var(--danger);color:#fff;border-color:var(--danger)}.quiz-feedback{border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13.5px;font-weight:500}.quiz-feedback.ok{background:#2ecc711f;border:1px solid #2ecc7173}.quiz-feedback.bad{background:#e74c3c1f;border:1px solid #e74c3c73}.cancha-grid{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:14px;display:grid}.cancha-grid-wide{grid-template-columns:minmax(0,1fr) 175px}.court-svg{background:#fff;border:2px solid #14181c;border-radius:10px;width:100%;max-width:300px;height:auto;margin-inline:auto;display:block}.cancha-chips{align-content:start;gap:8px;display:grid}.cancha-chips .btn{justify-content:flex-start;gap:9px}@media (width<=700px){.cancha-chips{flex-wrap:wrap;gap:7px;display:flex}.cancha-chips .btn{flex:auto;justify-content:center;min-height:40px;padding:6px 10px}.cancha-chips .legend-dot{display:none}.cancha-grid .court-svg,.cancha-grid-wide .court-svg{max-width:240px}}.p51-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.step-grid{grid-template-columns:minmax(0,1fr) minmax(0,350px);align-items:start;gap:16px;display:grid}.step-grid>.court-svg{max-width:320px}.step-side{align-content:start;gap:12px;display:grid}@media (width<=700px){.cancha-grid,.cancha-grid-wide,.p51-grid{grid-template-columns:1fr}}@media (width<=900px){.step-grid{grid-template-columns:1fr}.step-grid>.court-svg{max-width:340px}}.video-thumb{aspect-ratio:16/9;background:#000;border-radius:10px;display:block;position:relative;overflow:hidden}.video-thumb .video-gif{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-overflow-scrolling:touch;background:#000000c7;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.video-modal{background:var(--surface);border:1px solid var(--border);width:max-content;max-width:100%;height:max-content;max-height:100%;box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;margin:auto;padding:14px;display:flex;position:relative}.video-modal video{background:#000;border-radius:10px;align-self:center;max-width:calc(100vw - 60px);max-height:76vh;display:block}.video-close{z-index:1;border:1px solid var(--border);color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.video-close:hover{background:#000c}.video-dur{font-size:11px;font-weight:700;font-family:var(--font-display);font-variant-numeric:tabular-nums;background:#000000a6;border-radius:6px;padding:3px 8px;position:absolute;bottom:8px;right:8px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.perfil-grid{grid-template-columns:300px 1fr;align-items:start;gap:16px;display:grid}.avatar-big{background:var(--accent);width:84px;height:84px;color:var(--accent-ink);font-family:var(--font-display);border-radius:22px 8px;place-items:center;font-size:26px;font-weight:700;display:grid}.ring-wrap{place-items:center;display:grid}.ring-label{text-align:center;color:var(--text-2);margin-top:8px;font-size:12px;font-weight:600}.streak{color:var(--accent);font-weight:700;font-family:var(--font-display);align-items:center;gap:6px;display:inline-flex}.seg{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 3px #0000002e}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.role-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.role-card-head{align-items:center;gap:10px;display:flex}.role-init{width:30px;height:30px;font-family:var(--font-display);color:var(--accent-ink);border-radius:9px 3px;place-items:center;font-size:13px;font-weight:700;display:grid}.role-name{font-size:15px;font-weight:700;font-family:var(--font-display)}.role-sub{color:var(--text-2);margin:0;font-size:12.5px}.role-card-list{gap:7px;margin:4px 0 0;padding:0;list-style:none;display:grid}.role-card-list li{color:var(--text);padding-left:14px;font-size:13.5px;line-height:1.5;position:relative}.role-card-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.list{gap:10px;display:grid}.entry{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.entry:last-child{border-bottom:0}.empty{text-align:center;color:var(--text-3);padding:40px}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.perfil-grid{grid-template-columns:1fr}.content{padding:20px 16px 96px}.topbar{padding:12px 16px}.login{grid-template-columns:1fr}.login-aside{order:-1;justify-content:flex-end;min-height:190px;padding:20px}.login-aside .eyebrow,.login-aside .big,.login-aside .row{display:none}.bottom-nav{padding:6px 8px max(6px, env(safe-area-inset-bottom));justify-content:space-around;gap:0;overflow-x:visible}.bottom-nav button{flex:1;min-width:0;padding:6px 4px}}@media (width<=520px){.grid-3{grid-template-columns:1fr}}.set-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:10px;display:grid}.video-square-empty{color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.video-square{aspect-ratio:1;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.video-square iframe,.video-square video{background:#000;border:0;width:178%;height:178%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-square video{object-fit:cover}.video-square img{object-fit:cover;background:#fff;width:100%;height:100%;position:absolute;inset:0}.entrenar-card{gap:10px;padding:14px;display:grid}.entrenar-card .row{gap:8px}.entrenar-card .chip{font-size:11.5px}.set-grid .entrenar-card{gap:8px;padding:10px}.set-grid .entrenar-card h3{line-height:1.25}.card.entrenar-card.mini-card{grid-template-columns:75px minmax(0,1fr);align-items:start;gap:7px 9px;padding:8px;display:grid}.card.entrenar-card.mini-card .video-square{border-radius:8px;width:75px;height:75px}.card.entrenar-card.mini-card h3{margin:0;font-size:12.5px;line-height:1.25}.card.entrenar-card.mini-card .chip{padding:2px 6px;font-size:10.5px}@media (width<=640px){.card.entrenar-card.mini-card{grid-template-columns:58px minmax(0,1fr);gap:6px;padding:6px}.card.entrenar-card.mini-card .video-square{width:58px;height:58px}}.warmup-card{border-color:#c8960059}.premium-lock{text-align:center;justify-items:center;gap:12px;padding:28px 18px;display:grid}.premium-lock h2{margin:0}.premium-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.premium-lock .row{gap:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);background:var(--surface);padding:20px}.btn-close{border:1px solid var(--border);width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}.btn-close:hover{background:var(--surface-2);color:var(--text)}.admin-table{border-top:1px solid var(--border);gap:6px;padding-top:10px;display:grid}.admin-table .row{border-bottom:1px dashed var(--border);padding:5px 0}.admin-table .mono-num{word-break:break-all;min-width:0}.chat-fab{z-index:70;border:1px solid var(--border);background:var(--accent);width:58px;height:58px;color:var(--accent-ink);box-shadow:0 6px 20px -6px var(--accent-glow), 0 0 0 6px var(--accent-soft);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:86px;right:18px;transform:none}.chat-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.chat-close:hover{color:var(--text)}.chat-panel{z-index:70;background:var(--surface);border:1px solid var(--border);width:min(384px,100vw - 36px);height:min(560px,100dvh - 190px);box-shadow:var(--shadow-md), 0 0 0 8px #00000059;border-radius:18px;flex-direction:column;display:flex;position:fixed;bottom:152px;right:18px;overflow:hidden}.chat-head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-body{background:var(--surface);-webkit-overflow-scrolling:touch;flex:auto;align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.chat-msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:86%;padding:9px 12px;font-size:13.5px;line-height:1.45}.chat-msg.bot{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px;justify-self:start}.chat-msg.user{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;justify-self:end}.chat-img{object-fit:cover;border-radius:10px;max-width:100%;max-height:160px;margin-bottom:4px;display:block}.chat-input-row{border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:10px;display:flex}.chat-input-row .input{flex:auto;min-width:0}.chat-attach,.chat-send{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.chat-send{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chat-attach:hover,.chat-send:hover{filter:brightness(1.1)}.home-section{scroll-margin-top:82px}.home-hero{isolation:isolate;text-align:center;place-items:center;min-height:300px;padding:52px 24px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(110% 95% at 50% -15%, var(--accent-glow) 0%, #0000 62%), radial-gradient(130% 70% at 50% -5%, #111 0%, #0000 100%);position:absolute;inset:0}.home-hero-content{justify-items:center;gap:18px;max-width:720px;display:grid;position:relative}.home-logo{background:var(--accent);width:128px;height:128px;color:var(--accent-ink);font-family:var(--font-display);letter-spacing:-.06em;box-shadow:0 0 0 1px var(--accent-glow), 0 24px 48px -18px var(--accent-glow);border-radius:32px 10px;place-items:center;font-size:44px;font-weight:700;display:grid}.home-logo.logo{box-shadow:0 0 0 1px var(--accent-glow), 0 24px 48px -22px var(--accent-glow);background:0 0;border-radius:28px;overflow:hidden}.home-logo.volley{color:var(--accent);border:1px solid var(--border);box-shadow:none;background:0 0}.home-logo img{object-fit:contain;width:100%;height:100%}.home-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.26em;margin:0;font-size:14px;font-weight:700}.home-hero h1{max-width:680px;margin:0;font-size:clamp(26px,5vw,40px);line-height:1.12}.home-sub{color:var(--text-2);max-width:520px;margin:0;font-size:15px}.rot-btn{border:2px solid var(--accent);width:62px;height:62px;color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .14s,transform .14s,box-shadow .14s;display:grid}.rot-btn:hover{background:var(--accent-soft);transform:scale(1.04)}.rot-btn.advancing svg{animation:.44s linear spin}.pases-grid{gap:14px;max-width:620px;display:grid}.notice{color:var(--accent);background:#c896001f;border:1px solid #c8960059;border-radius:10px;max-width:620px;margin:0 0 14px;padding:10px 12px;font-size:13px}.notice-error{color:var(--danger);background:#d43a321a;border-color:#d43a3266}.stepper{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.stepper button{width:40px;height:40px;color:var(--accent);background:0 0;border:0;border-radius:8px;place-items:center;font-size:16px;display:grid}.stepper button:hover:not(:disabled){background:var(--accent-soft)}.stepper button:disabled{opacity:.35}.stepper span{text-align:center;min-width:44px;font-weight:700;font-family:var(--font-display);font-size:17px}.codigo-box{border:1px dashed var(--border);background:#ffffff0a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.barra-cupo{background:#ffffff14;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.barra-cupo>i{background:var(--accent);border-radius:999px;height:100%;transition:width .3s;display:block}.input-code{background:var(--surface-2);border:1px solid var(--border);min-width:160px;color:var(--text);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;flex:1;padding:9px 12px}.input-code:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.sesion-overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sesion-overlay-card{background:var(--surface);text-align:center;border:1px solid #c8960073;border-radius:16px;gap:6px;width:min(100%,380px);padding:30px 24px;display:grid;box-shadow:0 24px 60px #0000008c}.sesion-overlay-marca{color:var(--accent);background:var(--accent-soft);border-radius:50%;justify-self:center;place-items:center;width:62px;height:62px;margin-bottom:4px;display:grid}.sesion-overlay-card h1{font-family:var(--font-display);margin:0;font-size:21px}.sesion-overlay-card p{color:var(--text-3);margin:0 0 10px;font-size:13.5px;line-height:1.5}.sesion-overlay-card .btn{justify-self:center;min-width:150px}.video-play{color:#fff;pointer-events:none;background:#0009;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;display:grid;position:absolute;inset:0}.video-embed{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.home-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.home-card{text-align:left;font:inherit;color:inherit;cursor:pointer;gap:6px;display:grid}.home-card strong{font-size:16px}.home-card .dim{font-size:13px}.home-claves{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.animated-gradient-text{justify-content:center;align-items:center;max-width:fit-content;display:inline-flex;position:relative;overflow:hidden}.text-content{z-index:2;color:#0000;-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.card-spotlight{border-radius:inherit;--mouse-x:50%;--mouse-y:50%;--spotlight-color:#c896002e;position:relative;overflow:hidden}.card-spotlight:before{content:"";z-index:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 78%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight>*{z-index:1;position:relative}.color-bends-container{width:100%;height:100%}