.heroe{--px:0;--py:0;isolation:isolate;background:radial-gradient(52% 46% at 50% 40%, #ffc93a2b, transparent 72%), radial-gradient(120% 80% at 50% 0%, var(--mesa-luz), transparent 70%);place-items:center;min-height:max(100svh,700px);padding-block:112px 64px;display:grid;position:relative;overflow:clip}.heroe__escena{width:min(100% - 2 * var(--margen), 1080px);flex-direction:column;align-items:center;gap:clamp(30px,4.4vw,48px);display:flex}.troquel{--bocados:radial-gradient(circle 46px at 70px -14px, #0000 97%, #000), radial-gradient(circle 34px at -10px 70px, #0000 97%, #000), radial-gradient(circle 30px at 26px 22px, #0000 97%, #000);width:100%;position:relative;rotate:-1.3deg}.troquel__canto,.troquel__plancha{-webkit-mask:var(--bocados);mask:var(--bocados);-webkit-mask-composite:source-in;border-radius:26px;mask-composite:intersect}.troquel__canto{background:linear-gradient(var(--canto), #9a6612);position:absolute;inset:0;translate:0 10px}.troquel__sombra{z-index:-1;filter:blur(46px);background:#060312bf;border-radius:50%;position:absolute;inset:12% 6% -10%}.troquel__plancha{background:radial-gradient(#1b133016 1.3px, transparent 1.6px) 0 0 / 13px 13px, linear-gradient(165deg, var(--yema-luz) 0%, var(--yema) 36%, #f6b826 100%);padding:clamp(34px,5.4vw,64px) clamp(18px,4.5vw,60px) clamp(30px,5vw,58px);position:relative}.troquel__titulo{text-align:center;color:var(--yema);font-size:clamp(3.3rem,14.6vw,7.2rem);line-height:1.08;position:relative}.troquel__linea{display:block}.troquel__palabra{white-space:nowrap;display:inline-block}.troquel__palabra+.troquel__palabra{margin-left:.24em}.hueco{display:inline-block;position:relative}.hueco:before{content:attr(data-l);color:var(--mesa-hondo);position:absolute;inset:0}.ficha{--lift:1;color:var(--yema);-webkit-text-stroke:.014em #1b133099;transform:translate(calc(var(--x) * 1em), calc(var(--y) * 1em)) rotate(calc(var(--r) * 1deg));text-shadow:0 calc(var(--lift) * .014em) 0 var(--carton), 0 calc(var(--lift) * .028em) 0 var(--carton), 0 calc(var(--lift) * .042em) 0 var(--carton-oscuro), 0 calc(var(--lift) * .14em) calc(var(--lift) * .1em) #140a2866;cursor:pointer;user-select:none;display:inline-block;position:relative}.pieza{width:var(--t);aspect-ratio:1;position:absolute}.pieza svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pieza__hueco{fill:var(--mesa-hondo)}.pieza__ficha{--lift:1;transform:translate(calc(var(--x) * 1%), calc(var(--y) * 1%)) rotate(calc(var(--r) * 1deg));transform-origin:50%;transform-box:fill-box;filter:drop-shadow(0 calc(var(--lift) * 3px) 0 var(--carton)) drop-shadow(0 calc(var(--lift) * 7px) calc(var(--lift) * 5px) #140a2859);cursor:pointer}.pieza__ficha .cara{fill:var(--yema);stroke:#1b13308c;stroke-width:2.2px}.pieza__ficha .dibujo{fill:none;stroke:var(--tinta);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pieza--hex{--t:clamp(46px, 7vw, 78px);top:9%;right:4.5%}.pieza--meeple{--t:clamp(44px, 6.4vw, 72px);bottom:7%;right:2.5%}.pieza--moneda{--t:clamp(38px, 5.2vw, 58px);bottom:9%;left:3%}@media (width<=640px){.troquel{--bocados:radial-gradient(circle 30px at 46px -10px, #0000 97%, #000), radial-gradient(circle 24px at -8px 46px, #0000 97%, #000), radial-gradient(circle 20px at 16px 14px, #0000 97%, #000)}.pieza--hex{top:5%;right:4%}.pieza--moneda,.pieza--meeple{display:none}.oruga{left:-12px}}.oruga{z-index:3;pointer-events:none;width:clamp(92px,12vw,150px);position:absolute;top:clamp(-74px,-6.4vw,-46px);left:clamp(-58px,-4.6vw,-26px);rotate:-8deg}@media (prefers-reduced-motion:no-preference){.ficha,.pieza__ficha{animation:troquelar .9s calc(.35s + var(--i) * 55ms) var(--suave) both}.hueco:before,.pieza__hueco{animation:destapar .4s calc(.35s + var(--i) * 55ms) ease-out both}.oruga{animation:asomar .9s 1.7s var(--rebote) both}.troquel{animation:posar .8s var(--suave) both}}@keyframes troquelar{0%{--lift:0;transform:none}38%{--lift:1.8;transform:translate(calc(var(--x) * .4em), calc(var(--y) * 1em - .22em)) rotate(calc(var(--r) * 1.9deg)) scale(1.05)}68%{--lift:.85;transform:translate(calc(var(--x) * 1.1em), calc(var(--y) * 1em + .02em)) rotate(calc(var(--r) * .8deg))}}.pieza__ficha{animation-name:troquelar-pieza}@keyframes troquelar-pieza{0%{--lift:0;transform:none}38%{--lift:1.8;transform:translate(calc(var(--x) * 0.4%), calc(var(--y) * 1% - 22%)) rotate(calc(var(--r) * 1.9deg)) scale(1.06)}}@keyframes destapar{0%{color:#0000;fill:#0000}}@keyframes asomar{0%{opacity:0;translate:30px 40px;rotate:20deg}}@keyframes posar{0%{opacity:0;rotate:-4deg;scale:.94}}.heroe__pie{text-align:center;justify-items:center;gap:26px;display:grid}.heroe__entradilla{max-width:40rem;color:var(--papel);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}.heroe__acciones{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;display:flex}.tirada{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;font-weight:700;display:none}.js .tirada{display:inline-flex}.dado{--pip:var(--tinta);border:3px solid var(--tinta);background:var(--papel);width:52px;height:52px;box-shadow:inset 0 -4px 0 #e4d3b0, 0 4px 0 var(--tinta);transition:rotate .4s var(--rebote);border-radius:13px;flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8px;display:grid;position:relative}.tirada:hover .dado{rotate:-10deg}.dado i{background:var(--pip);opacity:0;border-radius:50%;width:9px;height:9px;margin:auto}.dado[data-cara="1"] i:nth-child(5),.dado[data-cara="2"] :is(i:first-child,i:nth-child(9)),.dado[data-cara="3"] :is(i:first-child,i:nth-child(5),i:nth-child(9)),.dado[data-cara="4"] :is(i:first-child,i:nth-child(3),i:nth-child(7),i:nth-child(9)),.dado[data-cara="5"] :is(i:first-child,i:nth-child(3),i:nth-child(5),i:nth-child(7),i:nth-child(9)),.dado[data-cara="6"] :is(i:first-child,i:nth-child(3),i:nth-child(4),i:nth-child(6),i:nth-child(7),i:nth-child(9)){opacity:1}.tirada__texto{line-height:1.25;display:grid}.tirada__texto small{color:var(--lavanda);font-size:.9rem;font-weight:600}.tirada__aviso{min-height:1.5em;color:var(--yema);font-weight:700}.atrezo{z-index:-1;pointer-events:none;position:absolute;inset:0}.atrezo>*{translate:calc(var(--px) * var(--d) * 1px) calc(var(--py) * var(--d) * 1px);transition:translate .7s var(--suave);position:absolute}.carta-plaga{--c:#ef4444;--c-suave:#fecaca;aspect-ratio:5/7;border:7px solid var(--c);background:#fff8e8;border-radius:15px;grid-template-rows:1fr auto;gap:4px;width:150px;padding:7px;display:grid;box-shadow:0 0 0 2px #3a2415,0 18px 30px #00000073}.carta-plaga__panel{background:radial-gradient(circle at 50% 38%, #fff 0%, var(--c-suave) 80%);border-radius:7px;padding:6px}.carta-plaga__nombre{font-family:var(--f-display);text-align:center;color:#3a2415;font-size:20px;line-height:1}.carta-plaga__tipo{text-align:center;color:#b91c1c;font-size:9px;font-weight:800}.carta-plaga--dorso{background:repeating-linear-gradient(45deg,#166534 0 10px,#15803d 10px 20px);border-color:#fff8e8;place-items:center;display:grid}.carta-plaga--dorso svg{background:#14532d;border:3px solid #fff8e8;border-radius:50%;width:62%;padding:10px}.ficha-vetas{text-align:center;background:linear-gradient(#fdf7e8,#efe2c4);border:1px solid #b09a66;border-radius:11px;width:82px;padding:6px;box-shadow:0 2px #a8935f,0 14px 22px #0000006b}.ficha-vetas__dibujo{background:var(--fondo);box-shadow:inset 0 0 0 1px var(--borde);border-radius:7px;padding:6px}.ficha-vetas__nombre{letter-spacing:.08em;color:var(--hondo);margin-top:4px;font-size:9px;font-weight:800}.atrezo__carta{--d:-22;top:17%;right:max(2vw,50% - 690px);rotate:13deg}.atrezo__dorso{--d:-12;top:12%;right:max(5.5vw,50% - 640px);rotate:-6deg}.atrezo__oro{--d:18;bottom:13%;left:max(3vw,50% - 660px);rotate:-14deg}.carta-tren{background:linear-gradient(160deg,#f6d48a,#e8b45a 55%,#c8903a);border:3px solid #2a1a08;border-radius:12px;justify-items:center;gap:2px;width:112px;padding:10px 8px 8px;display:grid;box-shadow:0 16px 26px #0000006b}.carta-tren svg{width:100%}.carta-tren span{letter-spacing:.08em;color:#2a1a08;font-size:8px;font-weight:800}.atrezo__tren{--d:26;bottom:5%;left:max(9vw,50% - 570px);rotate:9deg}.atrezo__dado{--d:30;bottom:9%;right:max(9vw,50% - 560px);rotate:24deg}.atrezo__dado.dado{width:44px;height:44px;padding:6px}.atrezo__dado.dado i{width:7px;height:7px}@media (width<=1100px){.atrezo__dorso,.atrezo__tren{display:none}.atrezo__carta{width:120px;top:auto;bottom:3%;right:-40px}.atrezo__oro{bottom:3%;left:-18px}.atrezo__dado{display:none}}@media (width<=640px){.atrezo{display:none}}.estanteria{background:var(--ruido), linear-gradient(var(--mesa), var(--pared) 200px calc(100% - 200px), var(--mesa));padding-block:clamp(90px,11vw,150px) clamp(80px,9vw,130px);overflow-x:clip}.estanteria__cabeza{margin-bottom:clamp(56px,7vw,88px)}.estanteria__fila{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:72px 44px;margin:0;padding:0;list-style:none;display:grid}.juego{--g-acento:var(--yema);grid-template-rows:auto 1fr;scroll-margin-block:120px;display:grid}.juego__expositor{isolation:isolate;justify-content:center;align-items:flex-end;height:300px;display:flex;position:relative}.juego__expositor:after{content:"";z-index:-1;background:linear-gradient(#00000038, transparent 26px) 0 0 / 100% 40px no-repeat, linear-gradient(#a8693a 0 40px, #6e3f1f 40px 42px, var(--madera-oscura) 42px);clip-path:polygon(3% 0,97% 0,100% 40px,100% 100%,0 100%,0 40px);filter:drop-shadow(0 18px 18px #00000080);height:58px;position:absolute;bottom:-52px;left:-22px;right:-22px}.juego__expositor:hover .caja,.juego__expositor:focus-within .caja,.juego--elegido .caja{--alza:-14px}.juego__expositor:hover .caja-sombra,.juego--elegido .caja-sombra{opacity:.6;scale:.8}.juego--elegido .caja{animation:elegido .9s var(--rebote)}@keyframes elegido{30%{transform:translateY(-46px) rotateX(var(--rx)) rotateY(calc(var(--ry) + 180deg))}60%{transform:translateY(-20px) rotateX(var(--rx)) rotateY(calc(var(--ry) + 360deg))}}.juego__info{align-content:start;justify-items:start;gap:14px;padding-top:84px;display:grid}.juego__nombre{font-size:clamp(2rem,3vw,2.4rem)}.juego__lema{max-width:34ch;color:var(--lavanda)}.juego__acciones{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px;display:flex}.juego--hueco{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(200px,.5fr) 1fr;align-items:center;gap:0 44px}.juego--hueco .juego__expositor{height:190px}.juego--hueco .juego__info{padding:0 0 4px}.hueco-libre{color:#fff4df73;width:150px;height:170px;font-family:var(--f-display);border:3px dashed #fff4df4d;border-radius:10px;place-items:center;font-size:5rem;line-height:1;display:grid}@media (width<=640px){.juego--hueco{grid-template-columns:1fr}.juego--hueco .juego__expositor{display:none}.juego--hueco .juego__info{border:3px dashed #fff4df40;border-radius:18px;padding:22px}}.pasos{padding-block:clamp(90px,11vw,150px);overflow-x:clip}.pasos__mano{--gap:clamp(14px, 2vw, 24px);gap:var(--gap);view-timeline-name:--mano;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(48px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.carta{border:3px solid var(--tinta);background:var(--papel);min-height:300px;color:var(--tinta);box-shadow:inset 0 0 0 6px var(--papel), inset 0 0 0 7.5px #1b13302e, 0 18px 32px #00000059;rotate:calc(var(--giro) * 1deg);border-radius:18px;align-content:start;gap:10px;padding:78px 22px 26px;display:grid;position:relative}.carta__indice{font-family:var(--f-display);color:var(--tomate);justify-items:center;font-size:2rem;line-height:1;display:grid;position:absolute;top:14px;left:18px}.carta__indice:after{content:"";background:currentColor;border-radius:2px;width:12px;height:12px;margin-top:4px;rotate:45deg}.carta__indice--abajo{inset:auto 18px 14px auto;rotate:180deg}.carta h3{font-size:1.55rem}.carta p{color:#1b1330c7;padding-right:18px}@media (width<=900px){.pasos__mano{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.pasos__mano{grid-template-columns:1fr}.carta{min-height:0;padding-bottom:54px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.carta{animation:linear both repartir --mano;animation-range:entry 10% cover 42%}}@media (prefers-reduced-motion:no-preference) and (width<=900px){.carta{animation-timeline:view();animation-range:entry cover 28%}}}@keyframes repartir{0%{opacity:0;transform:translate(calc(var(--n) * (-100% - var(--gap)) - 40px), 60px);rotate:calc(var(--giro) * 1deg - 14deg)}40%{opacity:1}}@media (width<=900px){@keyframes repartir{0%{opacity:0;transform:translateY(70px);rotate:calc(var(--giro) * 1deg - 10deg)}}}.preguntas{padding-block:clamp(70px,9vw,120px)}.preguntas__rejilla{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px clamp(32px,6vw,96px);display:grid}@media (width<=860px){.preguntas__rejilla{grid-template-columns:1fr}}.preguntas__lista details{border-top:2px solid #fff4df24}.preguntas__lista details:last-child{border-bottom:2px solid #fff4df24}.preguntas__lista summary{font-family:var(--f-display);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:clamp(1.25rem,2.2vw,1.5rem);line-height:1.15;list-style:none;display:flex}.preguntas__lista summary::-webkit-details-marker{display:none}.preguntas__lista summary:after{content:"+";background:var(--yema);width:34px;height:34px;color:var(--tinta);box-shadow:0 3px 0 var(--canto);transition:rotate .35s var(--rebote);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;line-height:1;display:grid}.preguntas__lista details[open] summary:after{rotate:135deg}.preguntas__lista details p{max-width:60ch;color:var(--lavanda);padding-bottom:24px}.editoriales{padding-block:clamp(40px,6vw,80px) clamp(90px,11vw,150px)}.editoriales__caja{background:radial-gradient(#1b133014 1.3px, transparent 1.6px) 0 0 / 13px 13px, var(--yema);color:var(--tinta);box-shadow:0 10px 0 var(--canto);border-radius:26px;grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:28px 48px;padding:clamp(32px,5vw,64px);display:grid;position:relative;rotate:.6deg}.editoriales__caja h2{font-size:clamp(2.2rem,5vw,3.6rem)}.editoriales__caja p{max-width:44ch;margin-top:1rem;font-size:1.12rem}.editoriales__caja .boton{--fondo:var(--tinta);--texto:var(--papel);--borde:var(--tinta);box-shadow:0 5px #000}@media (width<=760px){.editoriales__caja{grid-template-columns:1fr}}
