ruleta-sorteo{--rul-accent: #1d5c96;--rul-wheel-size: 288px;--rul-r: calc(var(--rul-wheel-size) / 2);--rul-bg: oklch(.98 .006 240);--rul-ink: oklch(.22 .02 250);--rul-muted: oklch(.5 .02 250);--rul-line: oklch(.9 .01 250);--rul-line-soft: oklch(.95 .005 250);--rul-dark: oklch(.2 .03 250);--rul-ok: oklch(.5 .12 150);--rul-warn: oklch(.55 .15 55);--rul-danger: oklch(.5 .15 25);display:flex;flex-direction:column;width:100%;background:var(--rul-bg);color:var(--rul-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}ruleta-sorteo *,ruleta-sorteo *:before,ruleta-sorteo *:after{box-sizing:border-box}ruleta-sorteo.rul--tall{min-height:100vh}ruleta-sorteo:fullscreen{min-height:100vh;overflow-y:auto}ruleta-sorteo ::selection{background:#2c6ea5;color:#fff}ruleta-sorteo.is-busy .rul-steps,ruleta-sorteo.is-busy .rul-cattabs{opacity:.55}ruleta-sorteo button:disabled,ruleta-sorteo input:disabled,ruleta-sorteo textarea:disabled{cursor:not-allowed}.rul-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 32px;background:var(--rul-dark);color:#fff}.rul-brand{display:flex;align-items:center;gap:14px}.rul-brand__circle{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--rul-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:.5px}.rul-brand__eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.rul-brand__title{font-size:19px;font-weight:700}.rul-headeractions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rul-cattabs{display:flex;gap:4px;padding:4px;background:#ffffff1a;border-radius:999px}.rul-cattab{padding:8px 16px;border:none;border-radius:999px;background:transparent;color:#ffffffd9;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.rul-cattab.is-active{background:#fff;color:var(--rul-dark)}.rul-fs{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:10px 16px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.rul-steps{display:flex;gap:8px;flex-wrap:wrap;padding:16px 32px;background:#fff;border-bottom:1px solid var(--rul-line)}.rul-step{padding:10px 18px;border:1px solid var(--rul-line);border-radius:8px;background:#fff;color:#262f38;font:inherit;font-weight:600;font-size:13px;cursor:pointer}.rul-step.is-active{border-color:transparent;background:#1f74bf;color:#fff}.rul-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.rul-foot{padding:16px 32px;font-size:11px;color:#69737d;border-top:1px solid oklch(.92 .01 250);text-align:center}.rul-grid{display:grid;gap:24px;align-items:start}.rul-grid--setup{grid-template-columns:1.2fr .8fr}.rul-grid--wheel{grid-template-columns:1fr 340px;gap:28px}.rul-grid--split{grid-template-columns:1fr 1fr}.rul-grid--zones{grid-template-columns:1fr 1fr;gap:16px}.rul-card{background:#fff;border:1px solid var(--rul-line);border-radius:12px;padding:24px}.rul-card__title{font-weight:700;font-size:16px;margin-bottom:4px}.rul-card__hint{font-size:13px;color:var(--rul-muted);margin-bottom:14px}.rul-notice{background:#fff;border:1px solid var(--rul-line);border-radius:12px;padding:24px;font-size:14px}.rul-notice--ok{margin-top:20px;background:#d5f5da;border-color:#6fb07d;border-radius:10px;padding:16px;font-weight:600;color:#003915;color:oklch(.3 .1 150)}.rul-textarea{width:100%;min-height:360px;border:1px solid oklch(.88 .01 250);border-radius:8px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.6;resize:vertical;color:inherit;background:#fff}.rul-num{width:70px;padding:8px;border:1px solid oklch(.88 .01 250);border-radius:6px;text-align:center;font:inherit;font-size:14px;color:inherit;background:#fff}.rul-btn{border:none;border-radius:8px;padding:12px 22px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;background:var(--rul-accent);color:#fff}.rul-btn:disabled{background:#d9dfe5;color:#69737d}.rul-btn--apply{margin-top:12px;padding:11px 20px}.rul-btn--neutral{margin-top:14px;padding:11px 20px;background:#222f3c}.rul-btn--danger{margin-top:20px;padding:10px 18px;font-size:13px;background:var(--rul-danger)}.rul-btn--block{width:100%;margin-top:6px;padding:10px;font-size:13px}.rul-sizerow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid oklch(.94 .005 250)}.rul-sizerow__label{font-weight:600}.rul-sizesum{font-size:12px;margin-top:10px;color:var(--rul-warn)}.rul-sizesum.is-ok{color:var(--rul-ok)}.rul-zone{background:#fff;border:2px solid var(--rul-line);border-radius:12px;padding:18px}.rul-zone.is-full{border-color:#7fc08c}.rul-zone.is-active{border-color:var(--rul-accent)}.rul-zone__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rul-zone__name{font-weight:800;font-size:16px}.rul-zone__count{font-size:12px;color:var(--rul-muted)}.rul-zone__team{background:#edf2f8;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600;margin-bottom:6px}.rul-match{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--rul-line);border-radius:8px;padding:12px 16px;margin-bottom:8px}.rul-match__n{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--rul-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.rul-match__teams{flex:1;font-weight:600;font-size:14px}.rul-match__zone{font-size:12px;color:var(--rul-muted)}.rul-match__court{font-size:13px;font-weight:700;color:var(--rul-accent);min-width:90px;text-align:right}.rul-courts{font-size:13px;color:var(--rul-muted);margin-bottom:10px}.rul-list{margin-top:18px}.rul-sumzone{margin-bottom:14px}.rul-sumzone__name{font-weight:700;font-size:13px;color:var(--rul-accent);margin-bottom:6px}.rul-sumzone__team{font-size:13px;padding:4px 0;border-bottom:1px solid var(--rul-line-soft)}.rul-subtitle{font-weight:700;font-size:16px;margin:18px 0 12px}.rul-sumrow{display:flex;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--rul-line-soft)}.rul-sumrow__n{font-weight:700;width:20px}.rul-sumrow__text{flex:1}.rul-sumrow__court{font-weight:600}.rul-hist{display:flex;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--rul-line-soft)}.rul-hist__time{color:#69737d;font-variant-numeric:tabular-nums;flex-shrink:0}.rul-empty{font-size:13px;color:var(--rul-muted)}.rul-wheelpanel{background:#fff;border:1px solid var(--rul-line);border-radius:16px;padding:24px;position:sticky;top:20px}.rul-wheelwrap{position:relative;width:var(--rul-wheel-size);height:var(--rul-wheel-size);margin:0 auto}.rul-pointer{position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:20px solid var(--rul-accent);z-index:3}.rul-wheel{width:100%;height:100%;border-radius:50%;position:relative;background:#e4e9ee;box-shadow:0 8px 24px #0000002e;border:6px solid #fff;will-change:transform}.rul-wheel__label{position:absolute;left:50%;top:50%;width:calc(var(--rul-r) * .78);transform-origin:0 0;transform:rotate(calc(var(--rul-mid, 0deg) - 90deg)) translateY(-50%);padding-right:calc(var(--rul-r) * .09);padding-left:calc(var(--rul-r) * .15);text-align:right;font-size:var(--rul-label-size, 12px);line-height:1.15;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;overflow-wrap:anywhere}.rul-wheel__label.is-flipped{transform:rotate(calc(var(--rul-mid) + 90deg)) translate(calc(var(--rul-r) * -.78),-50%);padding-right:calc(var(--rul-r) * .15);padding-left:calc(var(--rul-r) * .09);text-align:left}.rul-wheel--few .rul-wheel__label,.rul-wheel--few .rul-wheel__label.is-flipped{width:calc(var(--rul-r) * .56);padding:0;text-align:center;transform:rotate(var(--rul-mid)) translateY(calc(var(--rul-r) * -.62)) rotate(calc(var(--rul-mid) * -1)) translate(-50%,-50%)}.rul-hub{position:absolute;left:50%;top:50%;width:24px;height:24px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003;z-index:2}.rul-wheelcaption{font-size:13px;color:var(--rul-muted);text-align:center;margin-top:14px}.rul-flash{text-align:center;margin-top:10px;font-weight:700;font-size:15px;color:var(--rul-accent);min-height:21px}@media(prefers-reduced-motion:reduce){.rul-wheel{transition-duration:1ms!important}}@media(max-width:900px){.rul-grid--setup,.rul-grid--wheel,.rul-grid--split{grid-template-columns:1fr}.rul-header,.rul-steps,.rul-body,.rul-foot{padding-inline:16px}}@media(max-width:640px){ruleta-sorteo{--rul-wheel-size: min(76vw, 300px)}.rul-header{padding:12px 16px;gap:10px}.rul-brand{gap:10px}.rul-brand__circle{width:38px;height:38px;font-size:12px}.rul-brand__eyebrow{font-size:9px;letter-spacing:1.4px}.rul-brand__title{font-size:15px;line-height:1.25}.rul-headeractions{width:100%;justify-content:space-between;flex-wrap:nowrap}.rul-cattab{padding:9px 18px}.rul-fs{padding:10px 14px;font-size:15px;line-height:1}.rul-fs__text{display:none}.rul-steps{flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:10px 16px}.rul-steps::-webkit-scrollbar{display:none}.rul-step{flex:0 0 auto;padding:10px 14px}.rul-body{padding:20px 16px}.rul-card,.rul-wheelpanel,.rul-notice{padding:18px 16px}.rul-textarea{min-height:220px}.rul-btn{min-height:46px;width:100%}.rul-btn--danger{width:auto}.rul-num{width:84px;min-height:44px}}@media(max-width:560px){.rul-grid--zones{grid-template-columns:1fr}.rul-match{display:grid;grid-template-columns:32px 1fr auto;grid-template-areas:"num teams court" "num zone  court";column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px}.rul-match__n{grid-area:num}.rul-match__teams{grid-area:teams}.rul-match__zone{grid-area:zone}.rul-match__court{grid-area:court;min-width:0}.rul-sumrow,.rul-hist{flex-wrap:wrap}.rul-sumrow__text{flex:1 1 100%;order:3}}@media(max-width:900px){.rul-wheelpanel{position:static}.rul-grid--wheel>[data-wheel-slot]{order:-1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ruleta-sorteo.css.map */