/* 🍕 Tour de elpizzero (04/10/2026): marca nueva. Crema, tinta y beige; números de paso en círculo de tinta. */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/caveat/caveat-latin.woff2) format('woff2')}
body.tour{margin:0;background:var(--elp-crema);color:var(--elp-ink);font-family:var(--elp-font);line-height:1.55;
  background-image:radial-gradient(circle,#efe6d6 1.4px,transparent 1.6px);background-size:26px 26px}
.tour *,.tour *::before,.tour *::after{box-sizing:border-box}
.tour main a{color:inherit}
.t-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* botones */
.t-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.t-btn{display:inline-flex;align-items:center;gap:.45rem;font:700 1rem/1 var(--elp-font);padding:14px 22px;border-radius:999px;border:2px solid var(--elp-ink);
  background:var(--elp-ink);color:var(--elp-crema)!important;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--elp-beige);transition:transform .15s,box-shadow .15s}
.t-btn:hover,.t-btn:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--elp-beige)}
.t-btn.t-sec{background:#fff;color:var(--elp-ink)!important}

/* portada */
.t-hero{padding:46px 0 30px}
.t-hero-in{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center}
.t-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;margin:16px 0 14px;font-weight:800;letter-spacing:-.02em}
.t-lead{font-size:1.12rem;color:var(--elp-ink2);max-width:560px;margin:0}
.t-como{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.t-como li{display:flex;align-items:center;gap:12px;font-weight:500}
.t-como .m-paso{flex:none;width:32px;height:32px;font-size:.9rem;box-shadow:2px 2px 0 var(--elp-ink)}
.t-movil{margin:0;justify-self:center;width:100%;max-width:330px}
.t-movil video{display:block;width:100%;aspect-ratio:9/16;background:var(--elp-suave);border:10px solid var(--elp-ink);border-radius:34px;box-shadow:10px 10px 0 var(--elp-beige)}
.t-movil figcaption{text-align:center;font:600 1.25rem/1.1 'Caveat',cursive;color:var(--elp-ink2);margin-top:12px;transform:rotate(-2deg)}

/* índice */
.t-indice{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;padding-bottom:10px}
.t-indice a{display:inline-flex;align-items:center;gap:.35rem;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--elp-ink);
  font-weight:600;font-size:.88rem;text-decoration:none;box-shadow:3px 3px 0 var(--elp-beige)}
.t-indice a:hover{background:var(--elp-ink);color:var(--elp-crema)}

/* capítulos */
.t-cap{padding:46px 0 10px;scroll-margin-top:80px}
.t-cap-cab{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.t-cap-n{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--elp-ink);color:var(--elp-crema);
  font:700 2rem/1 'Caveat',cursive;transform:rotate(-6deg);box-shadow:4px 4px 0 var(--elp-beige)}
.t-cap-cab h2{margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.15}
.t-cap-cab p{margin:4px 0 0;color:var(--elp-ink2)}
.t-cap-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.t-cap:nth-of-type(even) .t-cap-cuerpo{grid-template-columns:340px minmax(0,1fr)}
.t-cap:nth-of-type(even) .t-pantalla{order:2}

.t-pantalla{margin:0;overflow:hidden;padding:0}
.t-barra{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:2px solid var(--elp-ink);background:var(--elp-suave)}
.t-barra i{width:11px;height:11px;border-radius:50%;border:2px solid var(--elp-ink);background:#fff}
.t-barra span{margin-inline-start:10px;font:500 .75rem/1 ui-monospace,monospace;color:var(--elp-muted);background:#fff;border-radius:999px;padding:5px 12px;border:1px solid var(--elp-linea)}
.t-foto{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.t-foto img{display:block;width:100%;height:auto}
.t-marca{position:absolute;border:3px solid var(--elp-ink);border-radius:10px;box-shadow:0 0 0 3px rgba(255,248,236,.9);pointer-events:none}
.t-marca b{position:absolute;left:-15px;top:-15px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--elp-ink);color:var(--elp-crema);
  font:800 .9rem/1 var(--elp-font);border:2px solid var(--elp-crema)}
[dir=rtl] .t-marca b{left:auto;right:-15px}

.t-leyenda{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.t-leyenda li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--elp-ink);border-radius:16px;padding:14px 16px;box-shadow:4px 4px 0 var(--elp-beige)}
.t-leyenda .m-paso{flex:none;width:32px;height:32px;font-size:.9rem;box-shadow:2px 2px 0 var(--elp-ink)}
.t-leyenda b{display:block;font-size:1rem}
.t-leyenda p{margin:2px 0 0;color:var(--elp-ink2);font-size:.95rem}
.t-leyenda li.t-masvideo{background:none;border:0;box-shadow:none;padding:4px 0 0}
.t-vervideo{font-size:.92rem;padding:11px 18px}

/* aparatos */
.t-aparatos{display:flex;align-items:center;gap:40px;padding-top:60px;padding-bottom:20px}
.t-aparatos .m-ticket{flex:1}
.t-aparatos h2{margin:6px 0 10px;font-size:1.5rem}
.t-aparatos ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:8px;color:var(--elp-ink2)}
.t-aparatos li b{color:var(--elp-ink)}

/* final */
.t-final{padding:50px 0 40px}
.t-final-in{display:flex;gap:28px;align-items:center;padding:34px 34px!important;background:#fff}
.t-final-in img{flex:none}
.t-final h2{margin:0 0 6px;font-size:clamp(1.4rem,2.6vw,2rem)}
.t-final p{margin:0;color:var(--elp-ink2)}
.t-credito{max-width:1180px;margin:22px auto 0;padding:0 20px;font-size:.78rem;color:var(--elp-muted);text-align:center}
.t-credito a{text-decoration:underline}

/* visor */
.t-lb{position:fixed;inset:0;z-index:1000;background:rgba(46,46,49,.88);display:flex;align-items:center;justify-content:center;padding:20px}
.t-lb[hidden]{display:none}
.t-lb img{max-width:min(1440px,100%);max-height:100%;border-radius:12px;border:3px solid var(--elp-crema)}
.t-lb video{max-height:92vh;max-width:100%;aspect-ratio:9/16;border-radius:22px;border:6px solid var(--elp-crema);background:#000}
.t-lb [hidden]{display:none}
.t-lb-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:2px solid var(--elp-crema);background:var(--elp-ink);color:var(--elp-crema);font-size:1.2rem;cursor:pointer}

@media (max-width:900px){
  .t-hero-in{grid-template-columns:1fr;gap:30px}
  .t-movil{max-width:300px}
  .t-cap-cuerpo,.t-cap:nth-of-type(even) .t-cap-cuerpo{grid-template-columns:1fr}
  .t-cap:nth-of-type(even) .t-pantalla{order:0}
  .t-aparatos{flex-direction:column;gap:24px}
  .t-final-in{flex-direction:column;text-align:center}
  .t-final-in .t-btns{justify-content:center}
}
@media (max-width:700px){
  .t-marca{border-width:2px;border-radius:6px}
  .t-marca b{width:22px;height:22px;font-size:.7rem;left:-10px;top:-10px}
  .t-barra span{display:none}
  .t-cap-n{width:48px;height:48px;font-size:1.7rem}
  .t-btn{width:100%;justify-content:center}
  .t-final-in{padding:24px 18px!important}
}