/* Hero del home · La mesa (antes _heroes/c). Vista cenital de una mesa de lectura: portadas reales bajo una lámpara. */
.hero-mesa{--papel:#efe7da;--tinta:#0c0a08;--lx:42%;--ly:40%;position:relative;height:calc(100svh - 78px);min-height:660px;max-height:1000px;overflow:hidden;background:#140f0a;border-bottom:1px solid var(--line);isolation:isolate}
.hero-mesa ::selection{background:var(--gold);color:var(--tinta)}
.mz-madera{position:absolute;inset:0;z-index:0;background:
 url(assets/madera.webp) center/cover,
 linear-gradient(180deg,transparent 0 31.2%,rgba(0,0,0,.6) 31.3%,rgba(255,220,170,.05) 31.5%,transparent 31.7% 71.5%,rgba(0,0,0,.55) 71.6%,rgba(255,220,170,.05) 71.8%,transparent 72%),
 linear-gradient(180deg,#1c140d,#120d08)}
.mz-luz{position:absolute;inset:0;z-index:3;pointer-events:none;background:
 radial-gradient(42vw 36vw at var(--lx) var(--ly),rgba(255,196,120,.2),rgba(255,170,80,.06) 55%,transparent 75%),
 radial-gradient(90vw 70vw at var(--lx) var(--ly),transparent 35%,rgba(5,3,2,.38) 90%)}
.mz-titulo{position:absolute;z-index:1;left:5vw;top:7vh;display:grid;margin:0;font:900 clamp(92px,10.2vw,172px)/.9 var(--display);letter-spacing:-.035em;text-transform:uppercase;color:var(--papel);text-shadow:0 1px 0 rgba(0,0,0,.4)}
.mz-titulo span:nth-child(2){padding-left:.55em}.mz-titulo span:nth-child(3){color:var(--gold)}
.mz-comp{position:absolute;inset:0;z-index:2}.mz-comp--movil{display:none}
.mz-libro{position:absolute;left:var(--x);top:var(--y);width:var(--w);rotate:var(--r);display:block;border-radius:1px 3px 3px 1px;cursor:grab;touch-action:auto;user-select:none;-webkit-user-select:none;
 box-shadow:0 1px 1px rgba(0,0,0,.55),0 12px 18px -6px rgba(0,0,0,.7),0 34px 60px -22px rgba(0,0,0,.75);transition:box-shadow .4s var(--enter),scale .4s var(--enter)}
.mz-libro img{width:100%;height:auto;border-radius:inherit;pointer-events:none}
.mz-libro::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 5%,rgba(255,255,255,.08) 7%,transparent 12%),linear-gradient(125deg,rgba(255,240,215,.14),transparent 38%);pointer-events:none}
.mz-libro::after{content:"";position:absolute;top:2px;bottom:3px;right:-4px;width:4px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(90deg,#e0d6c4 0 1px,#9d917e 1px 2px);pointer-events:none}
.mz-libro:hover{text-decoration:none;scale:1.025;box-shadow:0 1px 1px rgba(0,0,0,.5),0 18px 26px -8px rgba(0,0,0,.72),0 44px 70px -24px rgba(0,0,0,.8)}
.mz-libro:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.mz-libro.is-dragging{cursor:grabbing;scale:1.07;transition:box-shadow .3s var(--enter),scale .3s var(--enter);box-shadow:0 2px 2px rgba(0,0,0,.4),0 34px 40px -10px rgba(0,0,0,.6),0 70px 100px -30px rgba(0,0,0,.7)}
/* Composición de escritorio: pila densa a la derecha, portadas que se salen del plano. */
.mz-libro--test-de-genialidad{--x:89.6%;--y:-7%;--w:12.2vw;--r:14deg}
.mz-libro--huevon{--x:64.6%;--y:-8.5%;--w:11.4vw;--r:-7deg}
.mz-libro--ser-chingon{--x:76.4%;--y:11%;--w:14.2vw;--r:8deg}
.mz-libro--genius{--x:62.5%;--y:33%;--w:15vw;--r:-5deg}
.mz-libro--haz-posible-lo-imposible{--x:82%;--y:44%;--w:13.2vw;--r:-12deg}
.mz-libro--ser-un-triunfador{--x:70%;--y:68%;--w:12.2vw;--r:17deg}
.mz-libro--abraza-mas{--x:44.5%;--y:63%;--w:11.4vw;--r:-14deg}
.mz-libro--chingon{--x:90.3%;--y:73%;--w:12.5vw;--r:-4deg}
.mz-libro--las-7-figuras{--x:55.5%;--y:80%;--w:11.8vw;--r:6deg}
.mz-libro--rockstar{--x:36%;--y:87%;--w:10.4vw;--r:-24deg}
.mz-libro--motivacion{--x:93%;--y:34%;--w:10.4vw;--r:22deg}
/* Lápiz dibujado: goma, casquillo, cuerpo facetado y punta de madera con grafito. */
.mz-lapiz{position:absolute;left:37%;top:53%;width:clamp(220px,19vw,300px);height:15px;display:flex;rotate:-17deg;filter:drop-shadow(0 9px 6px rgba(0,0,0,.6));pointer-events:none}
.mz-lapiz-goma{flex:0 0 20px;background:linear-gradient(180deg,#3a2f27,#1f1813 60%,#2c231c);border-radius:4px 0 0 4px;box-shadow:inset -5px 0 0 #cdbfa8,inset -6px 0 0 #8c7f6c}
.mz-lapiz-cuerpo{flex:1;background:linear-gradient(180deg,#f6c46f 0 30%,#eba43c 30% 62%,#b8782a 62% 100%)}
.mz-lapiz-punta{flex:0 0 38px;background:linear-gradient(90deg,#e6cda5 0 72%,#3b3430 72%);clip-path:polygon(0 0,100% 50%,0 100%)}
/* Ficha de cartulina: la entrada al catálogo. */
.mz-ficha{position:absolute;z-index:4;left:5vw;bottom:calc(64px + 5.5vh);width:min(420px,32vw);padding:26px 28px 22px;background:linear-gradient(180deg,#f3ecdf,#e8dfcf);color:var(--tinta);rotate:-1.4deg;border-radius:2px;
 box-shadow:0 1px 1px rgba(0,0,0,.4),0 18px 30px -10px rgba(0,0,0,.7)}
.mz-lede{font-size:14px;line-height:1.7;color:#2b241c}
.mz-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;min-height:54px;padding:16px 22px;background:var(--tinta);color:var(--papel);border-radius:2px;font:700 13px/1.2 Montserrat,sans-serif;transition:background .3s var(--enter)}
.mz-cta:hover{background:#2e251b;text-decoration:none}.mz-cta .flecha{width:15px;height:15px;color:var(--gold);transition:transform .45s var(--enter)}.mz-cta:hover .flecha{transform:translate(3px,-3px)}
.mz-cta:focus-visible{outline:3px solid var(--tinta);outline-offset:4px}
.mz-nota{margin-top:14px;font-size:11px;line-height:1.5;color:#5d5244}.mz-nota-m{display:none}
@media(min-width:701px) and (max-height:760px){.mz-titulo{font-size:clamp(80px,8.8vw,150px);top:5vh}.mz-ficha{padding:20px 24px 18px}.mz-nota{display:none}}
@media(max-width:1000px) and (min-width:701px){.mz-ficha{width:44vw}}
@media(max-width:700px){
 .hero-mesa{height:calc(100svh - 66px);min-height:700px;max-height:920px;--lx:50%;--ly:24%}
 .mz-comp--escritorio{display:none}.mz-comp--movil{display:block}
 /* Móvil: la pila de libros arriba, el título al centro, la ficha al pie. */
 .mz-comp--movil .mz-libro--genius{--x:33%;--y:1.5%;--w:37vw;--r:-6deg;z-index:3}
 .mz-comp--movil .mz-libro--ser-chingon{--x:-7%;--y:4%;--w:34vw;--r:9deg}
 .mz-comp--movil .mz-libro--huevon{--x:71%;--y:-4%;--w:33vw;--r:13deg}
 .mz-comp--movil .mz-libro--haz-posible-lo-imposible{--x:9%;--y:22%;--w:29vw;--r:-16deg;z-index:2}
 .mz-comp--movil .mz-libro--las-7-figuras{--x:63%;--y:20%;--w:31vw;--r:-7deg;z-index:4}
 .mz-libro{cursor:pointer}
 .mz-titulo{top:auto;bottom:calc(88px + 188px);left:22px;font-size:clamp(62px,18.4vw,96px);z-index:4}
 .mz-titulo span:nth-child(2){padding-left:.4em}
 .mz-ficha{left:18px;right:18px;width:auto;bottom:84px;padding:18px 18px 16px;rotate:-.8deg}
 .mz-lede{font-size:12.5px;line-height:1.6}
 .mz-cta{margin-top:14px;font-size:12px}
 .mz-nota{margin-top:10px;font-size:10px}.mz-nota-d{display:none}.mz-nota-m{display:inline}
}
@media(prefers-reduced-motion:reduce){.mz-libro,.mz-libro.is-dragging{transition:none;scale:none}}