:root{--rojo:#c71617;--negro:#171716;--crema:#f7f2c9;--claro:#fffdf1;--ok:#166534;--line:rgba(24,24,20,.2);font-family:"Helvetica Neue",Helvetica,sans-serif;font-synthesis:weight;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Helvetica Neue",Helvetica,sans-serif;color:var(--negro);background:var(--crema)}button,input{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #161616;outline-offset:3px}
.topbar{min-height:84px;background:var(--crema);display:flex;justify-content:space-between;align-items:center;padding:12px clamp(18px,5vw,76px);border-bottom:1.5px solid var(--negro);gap:15px}.wordmark{text-decoration:none;color:var(--rojo);font-size:clamp(37px,4vw,53px);letter-spacing:-.11em;font-weight:900;line-height:.8;padding-right:12px}.wordmark span{font-size:11px;letter-spacing:0;vertical-align:top;padding-left:5px}.topbar nav{display:flex;align-items:center;gap:clamp(12px,4vw,50px)}.topbar nav a{font-weight:800;font-size:clamp(10px,1.2vw,14px);text-decoration:none;letter-spacing:-.018em;white-space:nowrap}.topbar nav a:hover{text-decoration:underline;text-underline-offset:4px}.arrow{color:var(--rojo)}
.landing{background:var(--rojo);color:var(--crema);min-height:calc(100vh - 84px);overflow:hidden}.hero-label{padding:18px clamp(18px,5vw,76px) 0;font-size:11px;font-weight:700;letter-spacing:.11em}.hero-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(22px,4vw,72px);align-items:center;padding:26px clamp(18px,5vw,76px) 55px;max-width:1660px;margin:0 auto}.micro-tag{font-size:11px;letter-spacing:.075em;font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--crema);box-shadow:0 0 0 4px #ffffff20}.hero-copy h1{font-weight:900;font-size:clamp(74px,9.9vw,163px);line-height:.83;letter-spacing:-.095em;margin:25px 0 26px;text-transform:uppercase}.hero-copy h1 span{color:var(--negro);-webkit-text-stroke:2px var(--crema);paint-order:stroke fill}.hero-copy>p{font-size:clamp(19px,2vw,27px);line-height:1.27;max-width:570px;margin:0 0 24px;letter-spacing:-.02em}.hero-copy>p strong{font-weight:900}.offer-note{display:inline-block;border-top:1.5px solid var(--crema);padding-top:14px;max-width:430px;font-size:11px;line-height:1.45;font-weight:700;letter-spacing:.04em}
.arcade{background:var(--crema);border:4px solid var(--negro);box-shadow:13px 13px 0 var(--negro);padding:clamp(14px,2vw,24px);color:var(--negro);transform:rotate(1deg);max-width:595px;width:100%;justify-self:center}.arcade-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.arcade-brand{font-weight:900;font-size:clamp(20px,2.2vw,29px);letter-spacing:-.055em}.arcade-brand .dot{font-size:11px;color:var(--rojo);padding:0 6px}.arcade-icon{font-size:25px}.scoreboard{display:flex;justify-content:space-between;border-top:2px solid var(--negro);padding-top:12px;padding-bottom:9px}.scoreboard>div{display:flex;flex-direction:column;gap:3px}.scoreboard small{font-size:11px;letter-spacing:.1em;font-weight:800}.scoreboard strong{font-size:42px;letter-spacing:-.07em;line-height:1;font-weight:900}.score-muted,.unit{font-size:19px;letter-spacing:0;color:#666}.timer{text-align:right}.gameboard{position:relative;height:clamp(265px,30vw,340px);background:#f1b238;border:3px solid var(--negro);overflow:hidden;touch-action:manipulation;user-select:none}.gamegrid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:32px 32px}.board-message{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:15px}.giant-burger{font-size:70px;filter:drop-shadow(6px 7px 0 rgba(0,0,0,.14))}.board-message strong{font-weight:900;font-size:39px;line-height:.9;letter-spacing:-.065em}.board-message p{margin:5px 0;font-weight:700;font-size:15px;line-height:1.3}.board-stamp{position:absolute;bottom:10px;left:10px;transform:rotate(-5deg);font-weight:900;font-size:11px;border:2px solid var(--negro);padding:6px;pointer-events:none;z-index:1}.target{border:0;position:absolute;z-index:3;width:92px;height:92px;font-size:68px;line-height:1;background:transparent;padding:0;display:flex;justify-content:center;align-items:center;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.15));touch-action:manipulation}.target:active{transform:scale(.84)}.game-button,.submit-prize{width:100%;display:flex;justify-content:space-between;align-items:center;border:3px solid var(--negro);background:var(--rojo);color:var(--crema);font-size:clamp(17px,2vw,24px);font-weight:900;letter-spacing:-.035em;padding:16px 18px;margin-top:16px;box-shadow:4px 4px 0 var(--negro)}.game-button:hover,.submit-prize:hover{background:#e51d25}.arcade-small{font-size:10px;letter-spacing:.06em;text-align:center;font-weight:800;margin:15px 0 0}
.bottom-ticker{border-top:2px solid var(--negro);border-bottom:2px solid var(--negro);background:var(--crema);color:var(--rojo);overflow:hidden;white-space:nowrap}.ticker-track{font-size:clamp(19px,2.8vw,38px);line-height:1.65;word-spacing:8px;font-weight:900;letter-spacing:-.04em;animation:marquee 21s linear infinite;width:max-content}.ticker-track span{margin:0 24px;color:var(--negro)}@keyframes marquee{to{transform:translateX(-45%)}}.public-footer{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(18px,5vw,76px);font-size:11px;letter-spacing:.035em;font-weight:700;gap:12px;flex-wrap:wrap}.public-footer>div{display:flex;gap:20px}.public-footer a{text-decoration:none}.public-footer a:hover{text-decoration:underline}
.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;z-index:10;background:rgba(11,9,9,.78);overflow-y:auto;padding:20px;display:flex;justify-content:center;align-items:flex-start}.modal{background:var(--crema);width:min(100%,560px);margin:25px auto;padding:clamp(22px,4vw,42px);border:3px solid var(--negro);box-shadow:10px 10px 0 var(--rojo);position:relative;color:var(--negro)}.close-modal{position:absolute;top:12px;right:17px;border:0;background:transparent;font-size:34px;font-weight:400}.modal-kicker{color:var(--rojo);font-size:12px;letter-spacing:.1em;font-weight:900}.modal h2{color:var(--rojo);font-size:clamp(58px,10vw,92px);line-height:.86;letter-spacing:-.09em;margin:14px 0 17px;font-weight:900}.modal>p{font-size:16px;line-height:1.35;margin:0 0 20px}.modal form>label:not(.checkline){display:block;font-size:12px;font-weight:900;letter-spacing:.02em;margin:13px 0}.modal input:not([type=checkbox]){display:block;width:100%;padding:14px 13px;margin-top:6px;border:2px solid var(--negro);background:#fffef6;border-radius:0;font-size:16px;outline-offset:2px}.privacy-summary{background:#fff6d8;border-left:4px solid var(--rojo);padding:13px;font-size:12px;line-height:1.5;margin:18px 0 14px}.checkline{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.43;font-weight:500;margin:14px 0}.checkline input{flex:none;width:19px;height:19px;accent-color:var(--rojo);margin:1px 0 0}.marketing{padding:13px;border:2px dashed var(--rojo)}.submit-prize{font-size:18px;margin:20px 0 0}.form-feedback{min-height:24px;margin:13px 0 0;font-size:13px;font-weight:800;line-height:1.35}.form-feedback.error{color:#a30000}.form-feedback.success{color:var(--ok)}.honey{display:none!important}.legal-page{background:var(--crema)}.legal-doc{max-width:920px;margin:45px auto;padding:25px;line-height:1.5}.legal-doc h1{font-weight:900;color:var(--rojo);font-size:clamp(37px,6vw,65px);letter-spacing:-.06em}.legal-doc pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.legal-doc a{color:var(--rojo)}
/* Privado */
.staff-page{background:#f4f2e8;min-height:100vh}.staff-page .topbar{background:#fffce6}.staff-shell{max-width:1250px;margin:auto;padding:30px 20px}.staff-shell h1{font-size:clamp(35px,6vw,60px);font-weight:900;color:var(--rojo);letter-spacing:-.07em;margin:0 0 10px}.staff-subtitle{margin:0 0 24px;font-size:14px}.staff-card{background:#fff;border:2px solid var(--negro);padding:20px;margin-bottom:20px;box-shadow:5px 5px 0 #1a1919}.login-box{max-width:430px;margin:7vh auto}.staff-card h2{margin:0 0 15px;font-weight:900;letter-spacing:-.035em}.field{padding:12px;border:2px solid #252525;font-size:16px;max-width:100%;width:100%;background:#fff}.btn{background:var(--negro);border:2px solid var(--negro);padding:12px 16px;color:#fff;font-size:14px;font-weight:800}.btn-red{background:var(--rojo);border-color:var(--rojo)}.btn-light{background:#fff;color:var(--negro)}.login-box .btn{width:100%;margin-top:12px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#fff;border:2px solid var(--negro);padding:15px}.stat small{font-size:12px;display:block;font-weight:800}.stat strong{font-size:38px;color:var(--rojo)}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scanner-box{background:#111;min-height:240px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.scanner-box:empty:after{content:'CÁMARA DESACTIVADA';font-size:14px;font-weight:700}.scanner-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.scanner-actions .btn{flex:1}.staff-card p{line-height:1.45;font-size:14px}.status-box{padding:16px;border:3px solid #777;background:#f4f4f4;min-height:100px}.status-box.ok{background:#e9f7e9;border-color:#167436}.status-box.warning{background:#fff3c9;border-color:#a46b00}.status-box.bad{background:#ffe3e3;border-color:#9d1922}.status-box strong{font-size:23px;display:block;margin-bottom:5px}.status-box small{font-size:13px;display:block;margin-top:8px}.staff-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.staff-tools a{text-decoration:none}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px}th,td{padding:12px 8px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}th{font-size:11px;text-transform:uppercase}td button{background:#fff;padding:5px 9px;border:1px solid var(--negro);font-weight:700}.staff-pill{font-weight:800;font-size:11px;padding:5px 8px;border-radius:4px;background:#eee;white-space:nowrap}.staff-pill.yes{background:#d5eddb}.staff-pill.no{background:#ffd4d4}.details-panel{margin-top:15px;padding:20px;background:#f4f2e8;border:1px solid #aaa}.details-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;max-height:230px;overflow:auto}.is-hidden{display:none!important}
@media(max-width:1020px){.hero-content{grid-template-columns:1fr;gap:45px}.hero-copy h1{font-size:clamp(78px,14vw,150px)}.hero-copy>p{max-width:740px}.arcade{max-width:600px;transform:rotate(0)}.staff-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{min-height:72px;padding:13px 16px}.wordmark{font-size:36px}.topbar nav{gap:14px}.topbar nav a{font-size:10px;line-height:1.15;max-width:92px}.topbar nav a .arrow{display:none}.hero-label{font-size:9px;padding:15px 17px 0}.hero-content{padding:19px 17px 42px;gap:32px}.hero-copy h1{font-size:clamp(74px,20vw,100px);margin:20px 0}.hero-copy>p{font-size:18px;line-height:1.3}.arcade{box-shadow:6px 6px 0 #161616;padding:13px;border-width:3px}.gameboard{height:280px}.game-button{font-size:19px}.public-footer{padding:20px 17px;font-size:9px;line-height:1.5}.public-footer>div{gap:12px}.modal-backdrop{padding:8px}.modal{margin:10px auto;box-shadow:5px 5px 0 var(--rojo)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:30px}.staff-shell{padding:20px 12px}}

/* Identidad ROJO para pantalla del equipo: rojo / crema, Helvetica. */
:root{--negro:#C71617;--rojo:#C71617;--crema:#F3F3C1}
.staff-page{background:#F3F3C1;color:#C71617}
.staff-page .topbar,.staff-card,.stat{background:#F3F3C1!important;color:#C71617!important}
.staff-card{border-color:#C71617;box-shadow:5px 5px 0 #C71617}
.staff-page .btn{background:#C71617;border-color:#C71617;color:#F3F3C1;font-family:'Helvetica Neue',Helvetica,sans-serif}
.staff-page .btn-light{background:#F3F3C1;color:#C71617}
.staff-page .field{background:#fffef0;border-color:#C71617;color:#C71617;font-family:'Helvetica Neue',Helvetica,sans-serif}
.scanner-box{background:#C71617;min-height:200px}
.scanner-box video{width:100%;height:auto}
.staff-page .status-box{color:#C71617}

/* Ajustes V4: PIN privado y panel en móvil. */
.staff-page #password{font-size:26px;letter-spacing:.35em;text-align:center;font-weight:800}
.staff-page .staff-card h2{color:#C71617}
.staff-page .staff-tools select{flex:1;min-width:190px}
@media(max-width:560px){.staff-page .staff-tools .btn{flex:1;text-align:center}.staff-page .scanner-actions .btn{min-height:56px}.staff-page #scan-result strong{font-size:20px}.staff-page .staff-card{padding:15px}}