:root{--color-ink:#fff;--color-muted:#fff8e9;--color-action:#72b500;--color-action-hover:#5b9800;--color-page:#650e06;--color-line:#ffffff38;--brand-red:#bc1e00;--font-interface:MontserratCampana,Arial,sans-serif}
body{border:0;background:#670d05 url('assets/navidad-2026/fondo-campana.webp') center top/cover fixed;font-weight:600;line-height:1.45}
.site-header{max-width:1100px;padding:13px 24px;gap:16px;min-height:60px}
.site-header .brand{font-size:14px}.brand small{color:#ffe687;letter-spacing:.08em;font-size:9px}
.demo-badge{background:#ffffff18;border-color:#ffffff38;color:#fff;font:600 11px/1.4 MontserratCampana,Arial,sans-serif;white-space:normal}
.demo-notice{background:#480804b3;color:#fff4df;border-color:#ffffff20;padding:9px 20px;font-size:11px;line-height:1.55}
.workspace{max-width:1060px;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:50px;margin:28px auto 50px;padding:0 28px;align-items:center}
.campaign-poster{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.campaign-poster img{width:100%;height:auto;aspect-ratio:auto;filter:drop-shadow(0 20px 25px #30000055)}
.campaign-intro{padding:0 10px;max-width:460px}.campaign-intro h2{font:900 italic clamp(28px,3vw,42px)/1.05 NeoNavidad,Arial,sans-serif;color:#fff;letter-spacing:0;margin:12px 0 18px}.campaign-intro .eyebrow{color:#ffe335;font-size:12px;letter-spacing:.06em}.campaign-intro>p:last-of-type{color:#ffeddb;font-size:13px}.how-to-play{gap:18px;margin-top:26px}.how-to-play li>span{border-radius:50%;background:#ffe335;color:#940f01;font:900 italic 22px NeoNavidad,Arial,sans-serif}.how-to-play strong{font-size:13px}.how-to-play p{font-size:11px;color:#ffe5d1}
.experience{width:100%;max-width:460px;margin:auto}.stepper,.campaign-name,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-card{padding:0;border:1px solid #ffffff24;border-radius:18px;background:var(--brand-red) url('assets/navidad-2026/fondo-campana.webp') center top/100% auto no-repeat;min-height:800px;box-shadow:0 25px 80px #30000066;overflow:hidden;position:relative;isolation:isolate}
.screen-brand{position:relative;aspect-ratio:360/215;overflow:hidden;z-index:1}.screen-brand img{position:absolute;display:block;left:-5%;top:-10%;width:110%;height:auto;max-width:none}
.app-card [data-view]{padding:0;text-align:center;position:relative}.app-card h1{font:900 italic 30px/1.08 NeoNavidad,Arial,sans-serif;letter-spacing:0;margin:0 auto 12px;max-width:94%;text-wrap:balance}.app-card h2{font:900 italic 21px/1.15 NeoNavidad,Arial,sans-serif;letter-spacing:0}.app-card section p{color:var(--color-muted)}
.mascot-frame{position:relative;width:100%;aspect-ratio:360/280;overflow:hidden;pointer-events:none}.art-mascot{display:block;width:110%;height:auto;max-width:none;margin-left:-5%}.loading-art{aspect-ratio:360/310}.loading-art .art-mascot{width:124%;margin-left:-12%}.scan-art{aspect-ratio:360/270}
.screen-content{position:relative;padding:28px 25px 30px;background:var(--brand-red);z-index:2;min-width:0}.screen-content:before{content:'';position:absolute;inset:-20px -10% auto;height:42px;border-radius:50% 50% 0 0;background:var(--brand-red);z-index:-1}.screen-content>p{font:700 italic 18px/1.25 NeoNavidad,Arial,sans-serif}.screen-content>.eyebrow{font-family:MontserratCampana,Arial,sans-serif;font-style:normal;font-size:11px;color:#ffe23b;margin-bottom:10px}
[data-view=scan] h1{color:#ffe331;text-transform:uppercase;font-size:27px;max-width:300px}[data-view=scan] .screen-content>p:first-of-type{max-width:290px;margin:auto;font-size:17px}.app-card .campaign-rules{font:600 11px/1.5 MontserratCampana,Arial,sans-serif;margin-top:12px;color:#fff4c4}
.app-card .button{position:relative;isolation:isolate;background:transparent;color:#fff;border:0;border-radius:11px;min-height:52px;padding:11px 17px;font:700 italic 21px/1.15 NeoNavidad,Arial,sans-serif;box-shadow:none;max-width:100%;text-decoration:none;transition:filter .15s,transform .15s;touch-action:manipulation}
.app-card .button::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/navidad-2026/boton-verde.webp') center/100% 100% no-repeat;filter:brightness(.55)}
.app-card .button:hover:not(:disabled){background:transparent;filter:brightness(1.12)}.app-card .button:active:not(:disabled){transform:translateY(1px)}.app-card .button:disabled{opacity:.5;cursor:default}.app-card .button-primary{display:flex;width:85%;margin:20px auto 0}.app-card .button-secondary{display:flex;width:85%;margin:12px auto 0}.button-pair{display:grid;grid-template-columns:1fr;gap:10px;max-width:280px;margin:22px auto 0}.button-pair .button{width:100%;margin:0}.button-pair .button:before{content:'';display:block;width:25px;height:25px;flex:0 0 25px;background:center/contain no-repeat}#take-photo:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 24" fill="none" stroke="white" stroke-width="2"%3E%3Crect x="1" y="5" width="26" height="18" rx="3"/%3E%3Cpath d="M8 5 11 1h7l3 4"/%3E%3Ccircle cx="14" cy="14" r="6"/%3E%3C/svg%3E')}#upload-photo:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="none" stroke="white" stroke-width="2"%3E%3Crect x="1" y="1" width="24" height="24" rx="3"/%3E%3Ccircle cx="8" cy="8" r="2"/%3E%3Cpath d="m2 21 7-8 5 6 4-5 7 8"/%3E%3C/svg%3E')}
.app-card .secondary-note,.app-card .privacy-note,.app-card .file-name{font:600 11px/1.6 MontserratCampana,Arial,sans-serif;margin-top:13px}.app-card .privacy-note{margin:16px auto 0;max-width:300px;color:#ffe8cf}.photo-guide,.canje-conditions{font:600 11px/1.6 MontserratCampana,Arial,sans-serif;margin:15px auto 0;text-align:center;max-width:320px}.photo-guide summary,.canje-conditions summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:7px;min-height:34px}.photo-guide[open],.canje-conditions[open]{background:#690c0026;border-radius:8px;padding:10px}.canje-conditions p{margin-top:10px}.app-card .campaign-message{background:#fff7df;color:#633600;font:600 11px/1.55 MontserratCampana,Arial,sans-serif;border:1px solid #ffda92;padding:10px 12px;margin:12px 0;border-radius:8px}.app-card>#validation-attempts,.app-card>#validation-cooldown{margin:0 18px 10px}#public-campaign-state{background:#730e0040;color:#fff0db;border:1px solid #ffffff26;font-size:10px}
.entry-security{background:#fffaf0;color:#4c351b;border:1px solid #ffdc80;padding:15px 10px;margin:18px -5px 0;overflow:hidden}.entry-security h2{font:600 14px/1.4 MontserratCampana,Arial,sans-serif;margin:0 0 8px}.app-card .entry-security p{font:600 11px/1.55 MontserratCampana,Arial,sans-serif;color:#66523c;margin-bottom:10px}#entry-captcha-widget{display:flex;justify-content:center;min-height:65px;max-width:100%}.entry-security .button{font-size:15px;min-height:45px;width:100%}
.receipt-preview{min-height:0;margin:18px auto 0;border:1px solid #ffde7f;border-radius:10px;background:#fff8e7;padding:10px;max-width:280px}.receipt-preview img{max-height:210px;max-width:100%;border-radius:5px}.app-card .error-text{background:#fff1d9;color:#8b1100!important;border-radius:7px;padding:10px;font:600 12px/1.55 MontserratCampana,Arial,sans-serif;overflow-wrap:anywhere}.resume-notice{background:#fff4cf;color:#643000;border:1px solid #ebc66d;font:600 12px/1.5 MontserratCampana,Arial,sans-serif}.resume-notice p{color:#643000!important}.app-card .text-button{color:#fff4cb;font:600 12px/1.5 MontserratCampana,Arial,sans-serif;padding:9px;min-height:38px}.resume-notice .text-button{color:#643000}
.status-view .status-symbol{width:105px;height:105px;border:0;box-shadow:inset -9px -12px 0 #0002,0 5px 20px #f2bf0020;margin:12px auto 17px;font:900 italic 86px/1 NeoNavidad,Arial,sans-serif;color:#fff}.status-symbol.success{background:radial-gradient(circle at 30% 20%,#b7ed19,#7ab800 50%,#296000)}.status-symbol.danger{background:radial-gradient(circle at 30% 20%,#ff3f10,#f80000 50%,#9c0000)}.status-view>h1{font-size:30px;padding:0 14px}.status-view>p{font:700 italic 19px/1.25 NeoNavidad,Arial,sans-serif;margin:0 18px 15px}.result-mascot{aspect-ratio:360/250;margin-top:20px}.result-mascot img{width:118%;margin-left:-9%}.compact-content{padding:11px 22px 27px}.compact-content .button{margin-top:10px}.compact-content:before{top:-17px;height:35px}
[data-view=error] .status-symbol{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0}[data-view=error] h1{font-size:31px}[data-view=error] #validation-error-message{font:500 italic 18px/1.3 NeoNavidad,Arial,sans-serif;margin:0 auto;max-width:310px}
.loading-bar{height:22px;background:#5b0901;box-shadow:inset 0 2px 5px #240000;border:1px solid #8c2308;border-radius:30px;max-width:290px;margin:25px auto 28px;overflow:hidden}.loading-bar span{display:block;width:0;height:100%;background:linear-gradient(#a8e825,#77b402 60%,#3b7900);border-radius:30px;transition:width .2s ease-out}.loading-dots{display:flex;justify-content:center;gap:10px;margin:35px auto 10px}.loading-dots i{display:block;width:16px;height:16px;border-radius:50%;background:#252727;animation:load-dot 1.3s infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.loading-dots i:nth-child(4){animation-delay:.6s}.app-card [data-view=loading],.app-card [data-view=checking]{padding-bottom:0}.app-card [data-view=loading] h1,.app-card [data-view=checking] h1{font-size:25px}
.game-mascot{aspect-ratio:360/245}.game-mascot img{width:135%;margin-left:-17%}.scratch-card{position:relative;width:76%;aspect-ratio:256/226;border:0;border-radius:26px;margin:-50px auto 0;z-index:3;overflow:hidden;background:#fff7d3;box-shadow:0 14px 20px #51050066}.scratch-underlay{padding:14px;gap:7px}.scratch-underlay strong{font:900 italic 25px/1.1 NeoNavidad,Arial,sans-serif;color:#9c1702}.scratch-underlay span:last-child{font:600 11px/1.4 MontserratCampana,Arial,sans-serif;color:#795721}.scratch-underlay .placeholder-label{font:600 10px/1.4 MontserratCampana,Arial,sans-serif;color:#795721}.scratch-prize-art{max-width:82%;height:95px;object-fit:contain}.game-content{padding-top:34px;margin-top:24px}.game-content #scratch-instructions{font:700 italic 24px/1.15 NeoNavidad,Arial,sans-serif;max-width:290px;margin:auto}.scratch-progress{color:#ffe2a4;font-size:11px;margin-top:20px}.scratch-progress progress{height:5px;background:#6c1400}progress::-webkit-progress-bar{background:#6c1400}progress::-webkit-progress-value{background:#ffe438}progress::-moz-progress-bar{background:#ffe438}
.winning-art{width:78%;margin:0 auto -25px;aspect-ratio:360/190}.winning-art img{width:100%;margin:0}.app-card #win-title,.app-card #redeem-title{position:relative;z-index:2;color:#fff;font:400 41px/1.2 TitanCampana,Arial,sans-serif;-webkit-text-stroke:9px #f0170b;paint-order:stroke fill;text-shadow:3px 6px 0 #850c00;margin:0 auto 15px;letter-spacing:-1px}.prize-art-frame{width:76%;margin:10px auto 0;aspect-ratio:1.2;display:grid;place-items:center;border-radius:18px;background:#ab1004}.prize-art-frame img{max-width:90%;max-height:230px;object-fit:contain;width:100%;height:100%;padding:15px}.app-card #prize-title{color:#ffe13c;font-size:21px;margin:18px 20px 0}.app-card [data-view=win]{padding-bottom:22px}.app-card [data-view=win] .button{font-size:19px}.app-card [data-view=win] .canje-conditions{padding:0 12px;margin-top:8px}
.thanks-art{aspect-ratio:360/300}.thanks-art img{width:115%;margin-left:-7.5%}.app-card #lose-title{text-transform:uppercase;font-size:35px;max-width:310px}.app-card #lose-intro{font:700 italic 22px/1.2 NeoNavidad,Arial,sans-serif}.app-card #promotion-title{font-size:17px;color:#ffe23d}.app-card #promotion-detail{font:600 12px/1.6 MontserratCampana,Arial,sans-serif}.app-card #promotion-art{display:none}
.app-card [data-view=redeem]{padding:5px 26px 28px}.app-card #redeem-title{font-size:33px;margin:8px auto 17px}.app-card #redemption-prize{font:900 italic 21px/1.2 NeoNavidad,Arial,sans-serif;color:#fff2be}.redemption-qr{width:min(260px,100%);padding:14px;margin:22px auto;border-radius:15px;background:#fff}.app-card .redemption-code{font:700 italic 22px/1.4 NeoNavidad,Arial,sans-serif;letter-spacing:.015em;margin-top:7px}.app-card .code-label{font:600 10px MontserratCampana,Arial,sans-serif;color:#ffe6b9}.pickup-info{border-color:#ffffff30;margin-top:18px}.pickup-info h2{font-size:18px}.pickup-info p{font:600 13px/1.5 MontserratCampana,Arial,sans-serif}.experience-footnote{font:600 10px/1.6 MontserratCampana,Arial,sans-serif;color:#ffe9d1;margin-top:16px;padding:0 10px}
.tools{color:#4b2a12}.tools details{background:#fff9ef;border-color:#ffe4b2}.tools .secondary-note,.tools .text-button{color:#5d4329}.tools .button{background:#1a7018;color:white;border:0}.tools .test-status strong{color:#6d2308}
:focus-visible{outline:3px solid #ffe23b;outline-offset:4px}.entry-security :focus-visible,.tools :focus-visible{outline-color:#177b3b}button,input,select{touch-action:manipulation}
@keyframes load-dot{0%,60%,100%{background:#252727}30%{background:#ffe235}}
@media(min-width:901px){.experience{align-self:start}.campaign-art{position:sticky;top:25px}.app-card{min-height:850px}.campaign-poster img{max-width:430px;margin:auto}.screen-content{padding-left:30px;padding-right:30px}}
@media(max-width:900px){.workspace{display:block;max-width:460px;padding:0;margin:0 auto 24px}.campaign-art{display:none}.experience{max-width:460px}.app-card{border-radius:0;border:0;box-shadow:0 15px 45px #35000033;min-height:calc(100svh - 90px)}.site-header{padding:10px 14px;min-height:54px}.site-header .brand{font-size:12px}.site-header .brand small{font-size:8px}.demo-notice{font-size:10px;padding:8px 15px}.tools{margin:24px 14px}.screen-content{padding-left:24px;padding-right:24px}}
@media(max-width:360px){.site-header .brand>span{display:block}.site-header .brand small{display:none}.demo-badge{font-size:9px;padding:5px 8px}.screen-content{padding-left:15px;padding-right:15px}.app-card h1{font-size:27px}.app-card #scan-title{font-size:25px}.app-card .button{font-size:19px}.button-pair{max-width:255px}.app-card .button-primary,.app-card .button-secondary{width:92%}.status-view>h1{font-size:27px}.app-card #win-title{font-size:36px}.app-card #lose-title{font-size:31px}.entry-security{margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}}
@media(prefers-reduced-motion:reduce){.loading-bar span,.loading-dots i{animation:none}.loading-bar span{transition:none}}

.receipt-preview,.app-card #receipt-placeholder p{color:#264832}.receipt-preview .placeholder-label{color:#264832}

/* Arte final recibido el 29/10: conserva controles HTML, zoom y desplazamiento. */
.app-card[data-screen=loading] .loading-art{aspect-ratio:360/387;background:#bc1e00}
.app-card[data-screen=loading] .loading-art .art-mascot{width:100%;margin:0}
.app-card[data-screen=loading] .screen-content{padding:0 0 0;background:transparent}
.app-card[data-screen=loading] .screen-content:before{display:none}
.app-card[data-screen=loading] h1{font-size:19px;margin:0 auto 8px}
.app-card[data-screen=loading] .loading-bar{height:20px;width:80%;max-width:300px;margin:10px auto}
.app-card[data-screen=loading] .screen-content>p{font-size:15px;margin:8px auto 20px}
.sponsor-strip{display:block;width:100%;height:auto;margin:0;aspect-ratio:768/162}
[data-view=scan] h1{color:#ffe331;text-transform:none;font-size:29px;max-width:340px}
.app-card[data-registering=true] #scan-title{max-width:270px;font-size:31px}
.app-card[data-registering=true] .screen-content{padding-top:6px}
.app-card[data-registering=true] .participant-registration{border-radius:9px;background:#f4f0e6;padding:20px 18px}
.app-card[data-registering=true] .participant-registration h2{font:700 italic 20px/1.2 NeoNavidad,Arial,sans-serif;color:#a52a12}
.app-card[data-registering=true] .participant-registration input:not([type=checkbox]),.app-card[data-registering=true] .participant-registration select{border-radius:3px;background:#fff;border-color:#b3ad9a;min-height:44px}
.app-card [data-view=win] #win-title{font:900 italic 35px/1.05 NeoNavidad,Arial,sans-serif;text-transform:uppercase;-webkit-text-stroke:0;paint-order:normal;text-shadow:none;max-width:95%;padding:0 12px;margin-top:8px}
.app-card #lose-title{text-transform:none;font-size:32px}
.prize-art-frame{background:#a91705;border-radius:22px}
@media(max-width:900px){.site-header{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0;margin:0;min-height:0}.demo-notice:empty{display:none}.app-card{min-height:100svh}.workspace{margin-top:0}.demo-notice{font-size:11px}.screen-brand{aspect-ratio:360/215}}

.screen-brand{aspect-ratio:360/235}.screen-brand img{left:0;top:0;width:100%;height:auto}