/* Shared visual language for the game and stand. */
/* Participation controls and repeat-play coupon history. */
.participation-controls{margin:14px 0 24px!important;border:1px solid #dce1ee!important;background:#fff!important;padding:20px!important}.participation-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.participation-heading h2{font-size:19px;margin:0}.participation-heading p{margin:5px 0 14px}.happy-hour{background:#fff0dd;color:#8c470a}.setting-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e3e7f0;border-radius:12px;padding:14px;margin:10px 0;font-size:14px}.setting-switch span{flex:1}.setting-switch strong{font-weight:650}.setting-switch small{display:block;font-size:12px;line-height:1.6;color:#657089;font-weight:400;margin-top:5px}.setting-switch input{appearance:none;-webkit-appearance:none;min-width:44px;width:44px;height:26px;border:0;border-radius:99px;background:#c3cad8;padding:3px;cursor:pointer;flex-shrink:0;position:relative}.setting-switch input::before{content:'';display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #20294320;transition:transform .15s}.setting-switch input:checked{background:#393f8c}.setting-switch input:checked::before{transform:translateX(18px)}.replay-button{margin-top:18px}.coupon-history{text-align:left;border:1px solid #e3e7f0;border-radius:12px;margin-top:20px;padding:14px}.coupon-history summary{font-weight:650;color:#393f8c;cursor:pointer}.coupon-history .small{font-size:12px}.coupon-history-item{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;background:#f7f8fc;color:#263156;border:1px solid #e3e7f0;border-radius:10px;padding:12px;margin-top:8px;cursor:pointer}.coupon-history-item span{font-size:12px;color:#647089}.how-it-works>span>span{padding:0;border:0;display:inline}.status:empty{display:none}
@media(max-width:600px){.stand-app>.wrap>header{margin:0 -12px 22px}.setting-switch span{min-width:0}.setting-switch strong{overflow-wrap:anywhere}}
:root{--orange:#f58220;--blue:#393f8c;--ink:#202943;--muted:#647089;--line:#e3e7f0;--surface:#fff;--soft:#f5f6fa}
html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.58;cursor:wait;box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5965bc;outline-offset:4px}button,a,summary{touch-action:manipulation}[hidden]{display:none!important}.screen:focus{outline:none}input,select,textarea{color:var(--ink)}
body:has(.shell){padding:30px 16px 48px;background:radial-gradient(ellipse at top,#fff2e6 0,transparent 45%),#f5f6fa}.shell{width:min(100%,620px);border-radius:24px;padding:28px 30px;border:1px solid var(--line);box-shadow:0 16px 50px #242b5410}.brand-header{padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:26px}.logo{width:190px}.tag{font-size:12px;font-weight:500;color:var(--muted);margin:8px 0 0}.pill{border:0;background:#fff0e2;color:#954600;font-size:10px;font-weight:700;padding:7px 12px;letter-spacing:.12em}.hero h1{font-size:clamp(32px,7vw,44px);font-weight:750;line-height:1.12;margin:22px 0 16px;letter-spacing:-1.3px}.lead{font-size:15px;line-height:1.7}.btn{min-height:56px;border-radius:12px;box-shadow:none;background:#f58220;color:#35210d;font-size:16px;font-weight:750}.btn:hover{background:#ec781a}.btn:active{box-shadow:none;transform:translateY(1px)}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 16px}.how-it-works span{font-size:12px;color:#566178;padding:12px 5px;border:1px solid var(--line);border-radius:12px}.how-it-works b{display:block;color:var(--blue);font-size:18px;margin-bottom:3px}.status{font-size:14px;font-weight:600}.status:empty{min-height:0;margin:0}.quiz-progress{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;font-size:13px;color:var(--muted)}.progress{margin:0}.dot{width:9px;height:9px}.qcard{background:#fff;border:1px solid var(--line);padding:24px 18px;border-radius:18px}.question{font-size:clamp(23px,5vw,30px);font-weight:700;text-align:left;margin:14px 0 24px;line-height:1.35;letter-spacing:-.4px}.qcat{text-align:left;font-weight:650}.opt{text-align:left;border-width:1px;font-weight:600;font-size:16px;padding:15px 17px;min-height:58px;border-radius:12px}.opt:hover:enabled{background:#fff7ee;border-color:#f58220}.opt:disabled{opacity:.8}.opt.good,.opt.bad{opacity:1}.unlock,.failed{border-width:1px;background:#f5fbf7}.failed{background:#fff7f6}.unlock h2,.failed h2{font-weight:700}.machine{border-width:2px;box-shadow:0 8px 25px #e878251a;background:linear-gradient(145deg,#ffdfb5,#ffc58b);padding:18px;border-radius:22px}.viewport{border-width:2px;background:#f7f7fc;height:175px}.slot-card{border-width:1px}.slot-card strong{font-weight:700}.machine-head,.machine-foot{font-weight:650}.sound{margin:4px 0;font-size:12px;font-weight:600}.lights{margin-bottom:16px}.result{border:1px solid #e6dfd4;background:#fffdf9;padding:26px 20px;border-radius:18px}.result-icon{font-size:42px;margin-top:16px}.result h2{font-size:30px;font-weight:700;letter-spacing:-.5px}.coupon-state{display:inline-block;border-radius:99px;padding:7px 12px;background:#fff0df;color:#8b460f;font-size:12px;font-weight:650}.is-redeemed .coupon-state{background:#e8f7ef;color:#17683d}.qr{border:1px solid var(--line);padding:8px;border-radius:12px;width:232px}.qr img,.qr canvas{max-width:100%;height:auto}.code{border:1px dashed #cbd1df;background:#f7f8fc;font-size:24px;font-weight:700;letter-spacing:3px}.coupon-help{font-size:12px;color:var(--muted);margin-top:22px}.redeem-instruction{font-size:14px}.is-redeemed .redeem-instruction,.is-redeemed .coupon-help{display:none}.institutional{margin-top:32px;padding-top:26px}.institutional h2{font-size:20px;font-weight:650}.product{font-weight:500;border-radius:10px}.contact{grid-template-columns:repeat(3,1fr);gap:7px}.contact a{padding:12px 5px;font-size:12px;font-weight:600;border:1px solid var(--line);color:var(--blue);background:#fff}.contact a:hover{background:#f5f6fa}.contact-label{font-weight:600;font-size:10px}.foot{color:#69758b;line-height:1.7}body[data-screen="quiz"] .institutional,body[data-screen="qualified"] .institutional,body[data-screen="machineScreen"] .institutional{display:none}
body>.wrap{max-width:1120px}body>.wrap>header{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:0 0 26px;box-shadow:none}body>.wrap>header img{width:145px}body>.wrap>header nav{gap:6px}body>.wrap>header nav a{background:transparent;color:#5b657d;font-size:14px;border-radius:10px;padding:10px 16px;font-weight:600;display:inline-flex!important}body>.wrap>header nav a[aria-current=page]{background:#eeeff9;color:var(--blue)}.stand-app>.wrap{max-width:780px}.stand-app>.wrap>header{margin:0 -15px 22px;border-radius:0;border-width:0 0 1px;padding:16px 20px}.stand-app .stand-main-btn,.qr-confirm{box-shadow:none;background:#f58220;color:#35210d}.stand-app .stand-main-btn:active,.qr-confirm:active{box-shadow:none;transform:translateY(1px)}.stand-app .stand-canjer{border-radius:18px;box-shadow:none}.stand-app .stand-code{font-weight:650;background:#fafbfe}.stand-app .stand-heading h1{font-size:30px;font-weight:700}.stand-app .stand-shortcut{font-weight:600}.stand-app .stand-online{background:#edf1f7;color:#526079}.stand-priority-note{color:var(--muted)}.stand-app .pending-snapshot{background:#fffaf3;border:1px solid #f1ddc6;box-shadow:none}.stand-result,.qr-state{box-shadow:none;border-width:2px}.stand-config{margin-top:24px}.card,.qitem,.qstat,.pr-app .pr-card,.pr-app .pr-stat{box-shadow:none;border-color:var(--line);border-radius:14px}.qadm{max-width:900px}.qadm>h1,.pr-app h1,.bm h1{font-size:30px;font-weight:700;letter-spacing:-.6px}.qitem.off{opacity:1;background:#f4f5f8}.qitem.off strong{color:#67728a}.qitem strong{font-weight:650}.qmeta{line-height:1.7}.qopts{background:#f7f8fc;border-radius:10px;padding:12px 14px;margin-top:12px}.qactions button{font-size:13px;padding:10px 14px}.question-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:16px 0}.question-tools input,.question-tools select{width:100%;min-height:48px;background:#fff}.qstats{margin:20px 0}.qadm details.card{padding:18px}.qadm label{font-size:14px}.pr-app{max-width:900px}.pr-app .pr-top{flex-wrap:wrap;gap:16px}.pr-app .pr-primary{color:#35210d;font-weight:650}.pr-app .pr-primary[style]{color:#fff}.pr-app .pr-metric{padding:12px 3px}.pr-app .pr-metric span{font-size:11px}.pr-app .pr-metric b{font-weight:650}.pr-app .pr-metric:nth-child(2){background:#edf7f1}.pr-app .pr-metric:nth-child(3){background:#fff4e7}.pr-app .pr-form textarea{font-family:inherit}.pr-app .pr-title strong{font-weight:650}.pr-app .pr-edit-link{font-weight:600}.pr-app .pr-search,.pr-app .pr-filter{height:48px}.bm .table-outer{box-shadow:none;max-height:65vh}.bm th{background:#f0f2f8;color:#3b4560;z-index:2;border-bottom:1px solid #dce1ec}.bm td{padding:16px 10px}.bm .row-changed td{background:#fffbf3}.bm .field-changed{border-color:#d58a31!important;background:#fffdf7!important}.bm .bulk-savebar{position:sticky;bottom:12px;border:1px solid var(--line);background:#fff;padding:14px;border-radius:14px;box-shadow:0 6px 24px #242b5414;z-index:3}.bm .save{background:#f58220;color:#35210d;font-weight:650}.qr-state h1{font-weight:700;font-size:clamp(28px,7vw,42px);line-height:1.2}.qr-kicker{font-weight:650;font-size:12px}.qr-back,.qr-confirm{font-weight:650}
@media(min-width:850px){.qstats,.pr-app .pr-stats{gap:16px}.qitem{padding:20px}.stand-panel{max-width:720px}.stand-app .stand-overview{gap:12px}.stand-app .stand-stat{padding:18px}.stand-app .stand-stat b{font-size:30px}}
@media(max-width:600px){body:has(.shell){padding:12px 10px 24px}.shell{padding:22px 18px;border-radius:18px}.brand-header{margin-bottom:22px;padding-bottom:18px}.logo{width:160px}.hero h1{font-size:34px}.question-tools{grid-template-columns:1fr 1fr}.question-tools input{grid-column:1/-1}.contact a{font-size:11px}.pr-app .pr-top>div:last-child{width:100%;justify-content:flex-start!important}body>.wrap>header{padding:12px;gap:10px}body>.wrap>header img{width:100px}body>.wrap>header nav a{font-size:12px;padding:9px 10px}.stand-app>.wrap>header img{width:95px;max-width:26vw}.stand-app>.wrap>header nav a{font-size:12px;padding:9px 10px}.bm .bulk-savebar{bottom:5px}.bm .table-outer{max-height:60vh}.qr-state{padding:24px 16px}.result{padding:22px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body>.wrap>header nav a{gap:7px}.question-tools{grid-template-columns:2fr 1fr 1fr 1fr}@media(max-width:600px){.question-tools{grid-template-columns:1fr 1fr}.question-tools input{grid-column:1/-1}.question-tools select:last-child{grid-column:1/-1}body>.wrap>header nav a{padding:9px 8px;gap:4px}body>.wrap>header nav a svg{width:15px;height:15px}.stand-app>.wrap>header{padding:12px}.stand-app>.wrap>header img{width:80px}.stand-app>.wrap>header nav a{padding:9px 7px;font-size:11px}}
@media(max-width:600px){.stand-app>.wrap>header{margin:0 -12px 22px}}

body[data-screen="institutional"] .institutional{margin-top:0;padding-top:0;border-top:0}body[data-screen="institutional"] .brand-header{margin-bottom:24px}.stats-entry{margin:14px 0;justify-content:flex-start!important}.stats-entry span:last-child{margin-left:auto}.stats-page{max-width:1100px;margin:auto}.stats-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.stats-heading h1{font-size:30px;margin:4px 0}.stats-heading p{margin:5px 0}.stats-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;margin-bottom:20px}.stats-filters label{flex:1;font-size:13px;margin:0;min-width:140px}.stats-filters input,.stats-filters select{display:block;width:100%;min-height:46px;margin-top:5px}.stats-filters button{min-height:46px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-tile{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.stat-tile span{font-size:13px;color:#546079}.stat-tile strong{display:block;color:var(--blue);font-size:34px;margin:8px 0;font-variant-numeric:tabular-nums}.stat-tile small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.stats-chart{overflow-x:auto}.stats-chart svg{display:block}.stats-key{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 12px}.stats-key.visits{background:#393f8c}.stats-key.plays{background:#f58220}.stats-breakdown{display:flex;flex-wrap:wrap;gap:14px}.stats-breakdown span{flex:1;min-width:140px;background:#f7f8fc;border-radius:10px;padding:14px;font-size:13px}.stats-breakdown b{display:block;font-size:24px;color:var(--blue)}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile{padding:14px}.stat-tile strong{font-size:27px}.stats-filters button{width:100%}.stats-heading h1{font-size:26px}.stats-entry{font-size:13px!important;padding:12px!important}}

.answer-feedback{margin:20px 0;padding:20px;background:#fff;border:1px solid #e3e7f0;border-radius:14px;text-align:left}.feedback-question{margin:0 0 16px;font-size:14px;color:#647089}.feedback-label{display:block;color:#647089;font-size:12px;font-weight:600}.answer-feedback>strong{display:block;font-size:23px;color:#17683d;margin:5px 0;overflow-wrap:anywhere}.answer-feedback #explanation-block{border-top:1px solid #e3e7f0;padding-top:14px;margin-top:16px}.answer-feedback #answer-explanation{font-size:15px;line-height:1.65;margin:5px 0 0;color:#303b54;white-space:pre-line;overflow-wrap:anywhere}.question-explanation-editor{padding:12px;background:#f7f8fc;border-radius:10px}.question-explanation-editor form{margin-top:14px}.question-explanation-editor textarea,.addq textarea{width:100%;min-height:90px;resize:vertical;font:inherit;padding:12px;border:1px solid #c6cce0;border-radius:10px;background:#fff}.question-explanation-editor label{font-size:13px}.question-explanation-editor button{margin-top:8px}

/* Suspenso del sorteo y celebración del premio. */
.machine.drawing{animation:machine-sway .65s ease-in-out infinite;box-shadow:0 0 25px #f5822055}.drawing .light{animation:bulb-chase .9s ease-in-out infinite}.drawing .light:nth-child(2){animation-delay:.15s}.drawing .light:nth-child(3){animation-delay:.3s}.drawing .light:nth-child(4){animation-delay:.45s}.drawing .light:nth-child(5){animation-delay:.6s}.drawing .light:nth-child(6){animation-delay:.75s}.drawing .viewport{box-shadow:inset 0 0 24px #363b8530}.drawing .slot-card{animation:slot-arrival .14s ease-out infinite}.machine.drawing-final{animation-duration:.3s;box-shadow:0 0 36px #f5822077}.drawing-final .light{animation-duration:.6s}.prize-reveal .result{animation:prize-entrance .7s cubic-bezier(.2,.8,.3,1) both}.prize-reveal .result-icon{animation:gift-pop 1s ease-out both}.prize-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.prize-confetti i{position:absolute;left:var(--x);top:-25px;width:9px;height:15px;border-radius:2px;animation:confetti-fall 3.4s var(--delay) ease-in both}
@keyframes machine-sway{0%,100%{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}@keyframes bulb-chase{0%,100%{background:#ffe9aa;box-shadow:0 0 8px #ffe09d}50%{background:#fff;box-shadow:0 0 17px #fff1a5}}@keyframes slot-arrival{from{transform:translateY(-6px);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes prize-entrance{from{transform:translateY(22px) scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes gift-pop{0%{transform:scale(.5) rotate(-15deg)}60%{transform:scale(1.25) rotate(10deg)}100%{transform:none}}@keyframes confetti-fall{to{transform:translate(var(--drift),110vh) rotate(640deg);opacity:.2}}
@media(prefers-reduced-motion:reduce){.machine.drawing,.drawing .light,.drawing .slot-card,.prize-reveal .result,.prize-reveal .result-icon{animation:none!important}.prize-confetti{display:none}}
