@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--court: #094685;--court-deep: #06335f;--navy: #0a3a6b;--navy-900: #04223d;--forest: #1e3524;--volt: #dbe07a;--volt-deep: #c9d05f;--accent: var(--volt);--bg: #f4efee;--surface: #fcfaf9;--surface-2: #ece4e0;--line: #e4dcd7;--line-strong: #d6cbc4;--ink: #112338;--ink-2: #4c5a6b;--ink-3: #7e8794;--glass: rgba(252, 250, 249, .82);--ok: #2f7d4f;--warn: #c08a2a;--danger: #c5462f;--logo: "Poppins", system-ui, sans-serif;--display: "Manrope", system-ui, sans-serif;--sans: "Manrope", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--r-sm: 8px;--r: 14px;--r-lg: 22px;--r-xl: 30px;--shadow-sm: 0 1px 2px oklch(.3 .03 250 / .07), 0 2px 6px oklch(.3 .03 250 / .06);--shadow: 0 4px 14px oklch(.3 .03 250 / .1), 0 1px 3px oklch(.3 .03 250 / .07);--shadow-lg: 0 18px 50px oklch(.22 .04 255 / .2)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit}.u-display{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.025em}.u-mono{font-family:var(--mono)}.u-kicker{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--court)}.u-tnum{font-variant-numeric:tabular-nums}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.btn{--b: var(--court);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,color .15s ease;white-space:nowrap;text-decoration:none;line-height:1}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--court);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--court-deep);box-shadow:var(--shadow)}.btn-volt{background:var(--accent);color:var(--navy-900)}.btn-volt:hover{filter:brightness(1.04);box-shadow:0 6px 18px #dddf7573}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:var(--navy-900)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn-sm{padding:8px 14px;font-size:13.5px}.btn-lg{padding:15px 26px;font-size:16.5px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.badge-volt{background:#dddf754d;color:var(--court-deep)}.badge-blue{background:#2a63ab24;color:var(--court-deep)}.badge-ok{background:#4a9a5e2e;color:var(--ok)}.badge-warn{background:#e8aa4e38;color:#8e5300;color:oklch(.5 .12 65)}.badge-gray{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:13px;font-weight:600;color:var(--ink-2)}.input{font-size:15px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r);padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{outline:none;border-color:var(--court);box-shadow:0 0 0 4px #2a63ab29}.input::placeholder{color:var(--ink-3)}.ph{position:relative;overflow:hidden;background:var(--surface-2);background-image:repeating-linear-gradient(135deg,var(--surface-2) 0 10px,var(--surface) 10px 20px);display:flex;align-items:center;justify-content:center}.ph>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ph span{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:lowercase;background:var(--surface);padding:3px 8px;border-radius:6px;border:1px solid var(--line)}.sp-toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.sp-toast{background:var(--navy-900);color:#fff;border-radius:999px;padding:12px 20px;font-family:var(--sans);font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:pop .25s cubic-bezier(.2,.7,.3,1) both}.sp-toast.err{background:var(--danger)}.sp-toast.ok .dot{color:var(--accent)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:6px}.gap-2{gap:12px}.gap-3{gap:18px}.gap-4{gap:28px}.wrap{flex-wrap:wrap}.grow{flex:1}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.anim-up,.anim-pop{opacity:1}@media (prefers-reduced-motion: no-preference){.anim-up{animation:fadeUp .4s cubic-bezier(.2,.7,.3,1) both}.anim-pop{animation:pop .3s cubic-bezier(.2,.7,.3,1) both}}.no-anim .anim-up,.no-anim .anim-pop{animation:none!important;opacity:1!important;transform:none!important}.sp-container{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.sp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.sp-hero-visual{position:relative}.sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sp-courts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sp-shop-teaser{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sp-prod-mini{transition:transform .15s ease,box-shadow .15s ease}.sp-prod-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.sp-court-choose{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-slot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sp-express-courts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-pay-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start}.sp-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.sp-prod{transition:transform .15s ease,box-shadow .15s ease}.sp-prod:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.sp-out{opacity:.6}.sp-res-list{display:flex;flex-direction:column;gap:12px}.sp-auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sp-auth-art{display:block}.sp-table{width:100%;border-collapse:collapse;font-size:14px}.sp-table th{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.sp-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.sp-table tbody tr:hover{background:var(--surface-2)}.sp-table tfoot td{border-bottom:none;padding-top:14px}.sp-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:var(--sans);font-weight:600;font-size:13px;transition:all .15s}.sp-chip:hover{border-color:var(--ink-3)}.sp-chip.on{background:var(--court);border-color:var(--court);color:#fff}.sp-link{border:none;background:transparent;color:var(--court);cursor:pointer;font-family:var(--sans);font-weight:600;font-size:13px}.sp-admin{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sp-admin-side{background:var(--navy-900);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sp-admin-nav{display:flex;flex-direction:column;gap:2px;padding:14px 12px}.sp-admin-nav button{display:flex;align-items:center;gap:12px;border:none;background:transparent;color:#aeb9c4;cursor:pointer;padding:11px 14px;border-radius:12px;font-family:var(--sans);font-weight:600;font-size:14.5px;text-align:left;transition:all .15s}.sp-admin-nav button:hover{background:#ffffff0f;color:#fff}.sp-admin-nav button.on{background:var(--court);color:#fff}.sp-admin-exit{display:flex;align-items:center;gap:10px;border:1px solid oklch(1 0 0 / .16);background:transparent;color:#b4bfca;cursor:pointer;padding:11px 14px;border-radius:12px;width:100%;font-family:var(--sans);font-weight:600;font-size:14px}.sp-admin-exit:hover{background:#ffffff0f;color:#fff}.sp-admin-main{display:flex;flex-direction:column;background:var(--bg);min-width:0}.sp-admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 32px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.sp-admin-mobnav{display:none;gap:6px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface)}.sp-admin-mobnav button{flex:0 0 auto;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer}.sp-admin-mobnav button.on{background:var(--court);border-color:var(--court);color:#fff}.sp-admin-body{padding:28px 32px}.sp-libre{transition:border-color .15s,color .15s,background .15s}.sp-libre:hover{border-color:var(--court)!important;color:var(--court)!important;background:#2a63ab0d!important}.sp-tl-courts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sp-resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-cons-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.sp-clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.sp-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.sp-modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#07162c73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sp-mode-fab{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:9px;background:var(--navy-900);color:#fff;border:1px solid oklch(1 0 0 / .14);border-radius:999px;padding:11px 18px;font-family:var(--sans);font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .15s}.sp-mode-fab:hover{transform:translateY(-2px)}.sp-spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--court);border-radius:50%;animation:sp-spin .7s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-loading{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink-3)}@media (max-width: 1000px){.sp-prod-grid,.sp-shop-teaser,.sp-kpis,.sp-cons-summary{grid-template-columns:repeat(2,1fr)}.sp-resumen-grid,.sp-pay-grid,.sp-admin{grid-template-columns:1fr}.sp-admin-side{display:none}.sp-admin-mobnav{display:flex}.sp-admin-topbar{padding:18px 20px}.sp-admin-body{padding:20px}}@media (max-width: 860px){.sp-hero-grid{grid-template-columns:1fr;gap:30px}.sp-hero-visual{display:none}.sp-steps,.sp-courts,.sp-express-courts,.sp-auth{grid-template-columns:1fr}.sp-auth-art{display:none}.sp-nav-desktop{display:none!important}.sp-burger{display:flex!important}}@media (max-width: 560px){.sp-container{padding-left:20px;padding-right:20px}.sp-hero-cta{flex-direction:column;align-items:stretch}.sp-hero-cta .btn{width:100%;justify-content:center}.sp-court-choose{grid-template-columns:1fr}.sp-slot-grid{grid-template-columns:repeat(3,1fr)}.sp-prod-grid,.sp-shop-teaser,.sp-kpis,.sp-cons-summary{grid-template-columns:1fr 1fr}.sp-bookbar{flex-direction:column;align-items:stretch!important}.sp-bookbar .btn{width:100%}.sp-tl-courts{grid-template-columns:1fr}}.sp-modal-foot{padding:16px 20px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp-modal-foot .sp-foot-right{display:flex;gap:10px;margin-left:auto}@media (max-width: 560px){.sp-modal-foot{flex-direction:column-reverse;align-items:stretch}.sp-modal-foot .sp-foot-right{margin-left:0;flex-direction:column-reverse}.sp-modal-foot .btn{width:100%;justify-content:center}}.sp-burger{display:none}