@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2-var.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--papel:#fffdf9;--tinta:#51443e;--suave:#725f56;--coral:#f2a08e;--menta:#bcdccc;--amarillo:#f2d682;--linea:rgb(81 68 62 / .16);--acento:#c75e4a}*{box-sizing:border-box}html{min-width:320px;background:#eee1d2}body{margin:0;color:var(--tinta);font-family:Nunito,sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #276d62;outline-offset:4px}.juego{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;padding:0 28px 30px}.paisaje{position:absolute;inset:0;z-index:-2;background:url(/escenas/panaderia-interior.webp) center / cover}.paisaje:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#fff6e7f7,#fbefddde 48%,#ebddcab8)}.barra{display:grid;width:min(100%,1240px);min-height:82px;margin:0 auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.marca img{display:block;width:142px;height:auto}.selector{display:flex;gap:3px;padding:4px;border:1px solid var(--linea);border-radius:15px;background:#fffdf9c2;backdrop-filter:blur(12px)}.selector a{padding:8px 12px;border-radius:11px;color:var(--suave);font-family:"Baloo 2",sans-serif;font-size:.82rem;font-weight:750;text-decoration:none;white-space:nowrap}.selector a:hover,.selector .activo{color:var(--tinta);background:#fff;box-shadow:0 4px 14px #51443e1a}.barra-acciones{justify-self:end;display:flex;align-items:center;gap:8px}.idioma select{min-height:42px;padding:0 25px 0 11px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:#fffdf9d1;font-family:"Baloo 2",sans-serif;font-size:.76rem;font-weight:800;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.volver{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:#fffdf9cc;font-family:"Baloo 2",sans-serif;font-weight:750;text-decoration:none}.juego-layout{display:grid;width:min(100%,1200px);min-height:calc(100dvh - 112px);margin:0 auto;grid-template-columns:minmax(280px,.72fr) minmax(540px,1.28fr);gap:clamp(30px,6vw,84px);align-items:center;padding:18px 0 42px}.ceja{margin:0 0 10px;color:var(--acento);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2{font-family:"Baloo 2",sans-serif;text-wrap:balance}h1{max-width:9ch;margin:0;font-size:clamp(3.1rem,5.6vw,5.5rem);font-weight:760;letter-spacing:-.05em;line-height:.92}.entradilla{max-width:34ch;margin:20px 0 0;color:var(--suave);font-size:1.05rem;line-height:1.55}.marcador{display:flex;width:min(100%,340px);margin-top:27px;border-block:1px solid var(--linea)}.marcador div{flex:1;padding:14px 6px}.marcador div+div{padding-left:24px;border-left:1px solid var(--linea)}.marcador span,.marcador strong{display:block}.marcador span{color:var(--suave);font-size:.75rem;font-weight:750}.marcador strong{margin-top:3px;font-family:"Baloo 2",sans-serif;font-size:1.65rem;line-height:1}.mensaje{min-height:3em;max-width:40ch;margin:16px 0 0;color:var(--suave);font-size:.9rem;font-weight:700;line-height:1.5}.reiniciar,.accion{min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800}.reiniciar{color:var(--tinta);background:#fffdf9d1}.reiniciar[hidden]{display:none}.accion{color:#fff;border-color:var(--acento);background:var(--acento);white-space:nowrap}.accion:hover{background:#b9503f}.tablero-marco{width:min(100%,660px);justify-self:end;padding:clamp(16px,2.5vw,28px);border:1px solid rgb(255 255 255 / .6);border-radius:26px;background:#fffdf9e0;box-shadow:0 26px 80px #60483538;backdrop-filter:blur(24px)}.cabecera-pedido{display:grid;min-height:104px;grid-template-columns:98px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px}.cabecera-pedido>img{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 8px 6px rgb(81 68 62 / .12))}.cabecera-pedido p{margin:0 0 4px;color:var(--acento);font-size:.72rem;font-weight:850}.cabecera-pedido h2{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.progreso{display:flex;min-height:54px;align-items:center;justify-content:center;gap:7px;padding:10px 0;border-top:1px solid var(--linea)}.progreso span{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--linea);border-radius:50%;color:var(--suave);font-size:.72rem;font-weight:800;transition:transform .16s,background .16s,color .16s}.progreso span.hecho{border-color:var(--menta);background:var(--menta);color:var(--tinta)}.progreso span.actual{border-color:var(--acento);background:var(--acento);color:#fff;transform:scale(1.12)}.ingredientes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.3vw,14px)}.ingrediente{display:grid;min-width:0;aspect-ratio:1.08;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:7px 7px 10px;border:2px solid rgb(81 68 62 / .1);border-radius:19px;color:var(--tinta);background:var(--coral);cursor:pointer;transition:transform .17s,background .17s,border-color .17s,box-shadow .17s}.ingrediente:nth-child(2),.ingrediente:nth-child(6){background:var(--amarillo)}.ingrediente:nth-child(3),.ingrediente:nth-child(4){background:var(--menta)}.ingrediente:not(:disabled):hover{border-color:var(--tinta);transform:translateY(-2px)}.ingrediente:disabled{cursor:default}.ingrediente.destacado,.ingrediente.pulsado{border-color:var(--tinta);background:var(--papel);box-shadow:inset 0 0 0 4px #51443e14;transform:scale(1.04)}.ingrediente>span:last-child{font-size:clamp(.88rem,1.4vw,1.04rem);font-weight:850}.ingrediente-arte{width:auto;max-width:90%;height:100%;min-height:0;aspect-ratio:4/5;background-image:url(/ingredientes/ingredients-sprite.png);background-repeat:no-repeat;background-size:300% auto;filter:drop-shadow(0 5px 4px rgb(53 71 62 / .15))}.ingrediente-pan{background-position:0 8%}.ingrediente-fresa{background-position:50% 8%}.ingrediente-leche{background-position:100% 8%}.ingrediente-manzana{background-position:0 82%}.ingrediente-miel{background-position:50% 82%}.ingrediente-queso{background-position:100% 82%}@media(max-width:960px){.barra{grid-template-columns:1fr auto}.selector{grid-column:1/-1;grid-row:2;justify-self:center}.juego-layout{grid-template-columns:1fr;min-height:0;padding-top:56px}.introduccion{text-align:center}h1,.entradilla,.marcador,.mensaje{margin-left:auto;margin-right:auto}h1{max-width:none}.tablero-marco{justify-self:center}}@media(max-width:560px){.juego{padding:0 12px 20px}.barra{min-height:70px;gap:8px}.marca img{width:110px}.volver{min-height:39px;padding:0 10px;font-size:.78rem}.barra-acciones{gap:5px}.idioma select{min-height:39px;padding-inline:8px}.selector{max-width:100%;overflow-x:auto;justify-self:stretch;justify-content:flex-start;scrollbar-width:none}.selector::-webkit-scrollbar{display:none}.selector a{padding:7px 9px;font-size:.72rem}.juego-layout{padding-top:52px;gap:24px}h1{font-size:clamp(2.7rem,13.5vw,4.1rem)}.tablero-marco{padding:12px;border-radius:20px}.cabecera-pedido{grid-template-columns:76px minmax(0,1fr);gap:9px}.cabecera-pedido>img{width:76px;height:76px}.accion{grid-column:1/-1;width:100%}.ingredientes{gap:8px}.ingrediente{padding:5px 4px 7px;border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}