/* ---------- Tarjeta de sellos · opción 4: la 3 («Un mes de Marta», paneles en horizontal) con el final de la 1 (el panel del local) ----------
   Fondo papel: después de la noche de Reservas, de día; y alterna con Cómo trabajo (porcelana) y Quién (papel).
   Sin JavaScript o con «reducir movimiento», los cuatro paneles se ven uno debajo de otro y quietos.
   Con animación, #tarjeta-pin lleva la clase tj-vivo y escena.js lo pinta todo según el scroll. */
#tarjeta{--ladrillo:#A9472E;--ladrillo-hondo:#87361F;--crema:#FBF1E3;--tj-top:calc(env(safe-area-inset-top,0px) + 76px);--tj-cal:52px;--lado:178px;--hueco:26px;
  position:relative;background:var(--papel);padding-top:var(--aire)}
#tarjeta .cabecera{margin-bottom:clamp(28px,4vw,56px)}
#tarjeta .tj-pin{position:relative;overflow:hidden;padding-bottom:var(--aire)}

/* El calendario del mes */
#tarjeta .tj-mes{display:flex;align-items:flex-start;gap:20px;margin-bottom:clamp(32px,4vw,56px)}
#tarjeta .tj-mes-nombre{display:grid;flex:none;line-height:1.2;padding-top:2px}
#tarjeta .tj-mes-nombre b{font-family:var(--display);font-weight:600;font-size:20px}
#tarjeta .tj-mes-nombre span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
#tarjeta .tj-dias-caja{position:relative;flex:1;min-width:0}
#tarjeta .tj-dias{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px 0}
#tarjeta .tj-dias li{position:relative;height:46px;display:grid;justify-items:center;align-content:start;gap:5px;padding-top:6px;border-radius:10px}
#tarjeta .tj-dias b{font-family:var(--mono);font-weight:500;font-size:12.5px;line-height:1.2;color:var(--tinta);transition:color .25s}
#tarjeta .tj-marca{width:10px;height:10px;border-radius:50%;background:var(--ladrillo)}
#tarjeta .premio .tj-marca{background:var(--azafran)}
#tarjeta .tj-regalo{width:15px;height:15px;color:var(--coral);stroke-width:2}
#tarjeta .cumple::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(242,120,92,.16);opacity:var(--luz,1)}
#tarjeta .tj-dias .tj-hoy{display:none}

/* Los paneles (sin animación, uno debajo de otro) */
#tarjeta .tj-pista{display:grid;gap:clamp(64px,8vw,110px)}
#tarjeta .tj-rejilla{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,5vw,72px);align-items:center}
#tarjeta .tj-texto{display:grid;gap:14px;align-content:center;min-width:0}
#tarjeta .tj-num{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--turquesa-hondo)}
#tarjeta .tj-texto h3{font-size:clamp(30px,3.4vw,46px)}
#tarjeta .tj-texto>p:not(.tj-num){color:var(--gris);font-size:clamp(16px,1.35vw,18.5px);max-width:42ch}

/* La escena: el mostrador con el cartelito y la etiqueta, y el móvil de Marta */
#tarjeta .tj-escena{position:relative;height:520px;min-width:0;display:grid;grid-template-columns:var(--lado) auto;justify-content:center;align-items:end;column-gap:var(--hueco);padding-bottom:14px;container-type:size}
#tarjeta .tj-escena::after{content:"";position:absolute;left:-3%;right:-3%;bottom:0;height:14px;border-radius:8px;background:linear-gradient(#ECE5D8,#DCD2C1);box-shadow:0 14px 26px -16px rgba(20,38,46,.45);z-index:0}
#tarjeta .tj-lado{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-width:0}
#tarjeta .tj-cartel{position:relative;width:100%;max-width:178px;margin-bottom:6px;padding:14px 12px 16px;border-radius:14px 14px 8px 8px;background:#fff;box-shadow:0 1px 0 rgba(34,60,72,.06),0 18px 30px -18px rgba(20,38,46,.45);display:grid;justify-items:center;gap:6px;text-align:center}
#tarjeta .tj-cartel::after{content:"";position:absolute;left:30%;right:30%;bottom:-6px;height:6px;border-radius:0 0 4px 4px;background:#CFC5B4}
#tarjeta .tj-cartel-marca{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.1;color:var(--ladrillo)}
#tarjeta .tj-cartel-texto{font-size:12px;line-height:1.3;color:var(--gris)}
#tarjeta .tj-disco{position:relative;width:58px;height:58px;margin-top:4px;border-radius:50%;background:var(--petroleo);color:var(--brillo);display:grid;place-items:center;box-shadow:inset 0 0 0 3px rgba(126,230,232,.25)}
#tarjeta .tj-disco .ico{width:26px;height:26px;stroke-width:2}
#tarjeta .tj-onda{position:absolute;inset:0;border-radius:50%;border:2px solid var(--turquesa);opacity:0;pointer-events:none}

/* El panel del local, en pequeño (panel 2) */
#tarjeta .tj-tableta{display:grid;gap:7px;padding:10px 12px;border-radius:14px;background:var(--petroleo);color:var(--papel);font-size:12.5px;box-shadow:0 18px 30px -18px rgba(20,38,46,.6)}
#tarjeta .tj-tableta>p{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-noche)}
#tarjeta .tj-tableta>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}
#tarjeta .tj-boton-mano{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--brillo);font-weight:600;font-size:11.5px;white-space:nowrap}
#tarjeta .tj-boton-mano i,#tarjeta .tj-boton i,#tarjeta .tj-wallet i{position:absolute;inset:0;z-index:-1;opacity:0;background:var(--turquesa)}
#tarjeta .tj-rotulos{display:grid;gap:8px;max-width:42ch;margin-top:4px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:inset 3px 0 0 var(--turquesa),0 1px 0 rgba(34,60,72,.06)}
#tarjeta .tj-rotulo{font-family:var(--display);font-size:16.5px;line-height:1.4;color:var(--tinta)}

/* El móvil de Marta: todo lo de dentro se mide con el ancho de la pantalla (cqw) */
#tarjeta .tj-movil{position:relative;z-index:2;width:min(45cqh,calc(100cqw - var(--lado) - var(--hueco)));aspect-ratio:9/18.6;margin-bottom:10px;padding:4.2%;border-radius:15% / 7.3%;background:#0A1519;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06),0 40px 70px -36px rgba(20,38,46,.7);transform-origin:50% 60%}
#tarjeta .tj-pantalla{position:relative;height:100%;border-radius:11.5% / 5.6%;overflow:hidden;background:#F7F4EE;color:var(--tinta);container-type:inline-size}
#tarjeta .tj-estado{position:absolute;z-index:3;top:0;left:0;right:0;height:13cqw;display:flex;align-items:center;justify-content:space-between;padding:1cqw 8cqw 0 9cqw;color:#fff;font-size:5.2cqw;font-weight:600;font-variant-numeric:tabular-nums}
#tarjeta .tj-isla{width:28cqw;height:8cqw;border-radius:5cqw;background:#000}
#tarjeta .tj-pila{width:8.5cqw;height:4.4cqw;border-radius:1.4cqw;border:.6cqw solid currentColor;opacity:.9}
#tarjeta .tj-vistas{position:absolute;inset:0}
#tarjeta .tj-vista{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden}
#tarjeta .tj-vista.fija{opacity:1;visibility:visible}
#tarjeta .tj-cab-local{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:2cqw;padding:15cqw 6.5cqw 4cqw;background:var(--ladrillo);color:var(--crema)}
#tarjeta .tj-cab-local b{font-family:var(--display);font-weight:600;font-size:7.4cqw;line-height:1.1}
#tarjeta .tj-cab-local span{font-size:4.2cqw;letter-spacing:.06em;text-transform:uppercase;opacity:.85;white-space:nowrap}
#tarjeta .tj-cuerpo{flex:1;min-height:0;display:flex;flex-direction:column;gap:3.4cqw;padding:5cqw 6cqw}
/* Pantalla de inicio y pantalla bloqueada */
#tarjeta .tj-inicio,#tarjeta .tj-bloqueo{align-items:center;padding:24cqw 5cqw 0;text-align:center;color:#fff;
  background:radial-gradient(120% 70% at 80% 10%,rgba(126,230,232,.35),transparent 60%),linear-gradient(170deg,#2B5363 0%,#1B3540 55%,#132830 100%)}
#tarjeta .tj-hora-grande{font-size:21cqw;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#tarjeta .tj-fecha{margin-top:2.4cqw;font-size:5.4cqw;opacity:.85}
/* Formulario */
#tarjeta .tj-form-titulo{font-family:var(--display);font-weight:600;font-size:7.2cqw;line-height:1.15}
#tarjeta .tj-campo{display:grid;gap:.6cqw;padding:2.4cqw 3.6cqw;border-radius:3.4cqw;background:#fff;box-shadow:inset 0 0 0 .5cqw #E6DFD3}
#tarjeta .tj-campo span{font-size:4.3cqw;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
#tarjeta .tj-campo b{font-size:5.6cqw;font-weight:600;line-height:1.3;min-height:1.3em;white-space:nowrap;overflow:hidden}
#tarjeta .tj-boton{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:11.5cqw;margin-top:1cqw;border-radius:999px;background:var(--ladrillo);color:#fff;font-weight:600;font-size:5cqw}
#tarjeta .tj-boton i{background:#000;opacity:0}
/* La tarjeta de sellos */
#tarjeta .tj-saludo{font-family:var(--display);font-weight:600;font-size:6.8cqw;line-height:1.15}
#tarjeta .tj-carta{position:relative;display:grid;gap:3.4cqw;padding:4.4cqw;border-radius:5cqw;background:var(--crema);box-shadow:inset 0 0 0 .6cqw rgba(169,71,46,.22),0 3cqw 6cqw -3cqw rgba(60,30,20,.35)}
#tarjeta .tj-carta-cab b{font-family:var(--display);font-weight:600;font-size:5.4cqw;color:var(--ladrillo)}
#tarjeta .tj-huecos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.8cqw}
#tarjeta .tj-huecos li{position:relative;aspect-ratio:1;border-radius:50%;border:.6cqw dashed rgba(169,71,46,.45);display:grid;place-items:center}
#tarjeta .tj-huecos .ultimo>.ico{width:52%;height:52%;color:var(--azafran);stroke-width:2}
#tarjeta .tj-cuno{position:absolute;inset:-.7cqw;border-radius:50%;display:grid;place-items:center;background:var(--ladrillo);color:var(--crema);font-family:var(--display);font-style:italic;font-weight:700;font-size:5cqw;
  box-shadow:inset 0 0 0 1cqw var(--ladrillo),inset 0 0 0 1.5cqw rgba(251,241,227,.75);opacity:0;transform:rotate(var(--r,0deg))}
#tarjeta .tj-huecos li.lleno .tj-cuno{opacity:1}
#tarjeta .tj-huecos .ultimo .tj-cuno{background:var(--azafran);color:#4A2E0C;box-shadow:inset 0 0 0 1cqw var(--azafran),inset 0 0 0 1.5cqw rgba(255,255,255,.7)}
#tarjeta .tj-huecos li:nth-child(1) .tj-cuno{--r:-12deg}#tarjeta .tj-huecos li:nth-child(2) .tj-cuno{--r:7deg}#tarjeta .tj-huecos li:nth-child(3) .tj-cuno{--r:-4deg}#tarjeta .tj-huecos li:nth-child(4) .tj-cuno{--r:13deg}
#tarjeta .tj-huecos li:nth-child(5) .tj-cuno{--r:-9deg}#tarjeta .tj-huecos li:nth-child(6) .tj-cuno{--r:5deg}#tarjeta .tj-huecos li:nth-child(7) .tj-cuno{--r:-14deg}#tarjeta .tj-huecos li:nth-child(8) .tj-cuno{--r:9deg}
#tarjeta .tj-carta-pie{font-size:4.9cqw;line-height:1.3;color:#8B6E62;text-align:center}
#tarjeta .tj-carta-pie,#tarjeta .tj-premio-listo{grid-area:3/1;align-self:center}
#tarjeta .tj-premio-listo{display:flex;align-items:center;justify-content:center;gap:1.6cqw;padding:2.2cqw 2cqw;border-radius:999px;background:var(--azafran);color:#3B2A0E;font-weight:700;font-size:4.8cqw;line-height:1.2;opacity:0}
#tarjeta .tj-premio-listo .ico{width:4.6cqw;height:4.6cqw;stroke-width:2.4}
#tarjeta .con-premio .tj-premio-listo{opacity:1}
#tarjeta .con-premio .tj-carta-pie{opacity:0}
#tarjeta .tj-llevas{font-size:5.2cqw;color:var(--gris);text-align:center}
#tarjeta .tj-llevas b{font-size:6.2cqw;color:var(--ladrillo);font-variant-numeric:tabular-nums}
#tarjeta .tj-wallet{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:11cqw;border-radius:999px;background:#15191B;color:#fff;font-size:5.2cqw;font-weight:600}
#tarjeta .tj-wallet i{background:var(--turquesa-hondo)}
/* Wallet */
#tarjeta .tj-cartera{background:#101618;color:#fff;gap:4cqw}
#tarjeta .tj-cartera-titulo{display:flex;align-items:center;gap:2cqw;padding:16cqw 6cqw 0;font-size:7cqw;font-weight:700}
#tarjeta .tj-cartera-titulo .ico{width:7cqw;height:7cqw}
#tarjeta .tj-pase{margin:0 5cqw;display:grid;gap:2.6cqw;padding:5cqw;border-radius:5cqw;background:linear-gradient(160deg,#B8533A,#8A3620);color:var(--crema);box-shadow:0 4cqw 8cqw -4cqw rgba(0,0,0,.6)}
#tarjeta .tj-pase .tj-carta-cab{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw}
#tarjeta .tj-pase .tj-carta-cab b{color:var(--crema);font-size:6.4cqw}
#tarjeta .tj-pase .tj-carta-cab span{font-size:4cqw;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
#tarjeta .tj-pase-nombre{font-family:var(--display);font-size:6cqw;margin-top:2cqw}
#tarjeta .tj-pase-cuenta{font-size:4.6cqw}
#tarjeta .tj-pase-cuenta b{font-size:8cqw;font-family:var(--display)}
#tarjeta .tj-pase-premio{padding:2.2cqw 3cqw;border-radius:999px;background:var(--azafran);color:#3B2A0E;font-size:4.4cqw;font-weight:700;text-align:center}
#tarjeta .tj-cartera-nota{padding:0 6cqw;font-size:4.8cqw;color:#A3B7BD;text-align:center}
/* Aviso en la pantalla bloqueada */
#tarjeta .tj-aviso{align-self:stretch;margin:9cqw 0 0;display:grid;grid-template-columns:9.5cqw minmax(0,1fr);gap:3cqw;align-items:start;padding:3.6cqw;border-radius:5cqw;background:rgba(251,250,247,.95);color:var(--tinta);text-align:left;box-shadow:0 4cqw 8cqw -4cqw rgba(0,0,0,.5)}
#tarjeta .tj-aviso-app{display:flex;justify-content:space-between;gap:2cqw;font-size:4.2cqw;letter-spacing:.04em;text-transform:uppercase;color:var(--gris)}
#tarjeta .tj-aviso p:last-child{font-size:5.3cqw;line-height:1.3}
#tarjeta .tj-aviso b,#tarjeta .tj-toast b{display:block;font-size:5.6cqw}
#tarjeta .tj-toast-ico{width:9.5cqw;height:9.5cqw;border-radius:2.6cqw;display:grid;place-items:center;background:var(--ladrillo);color:#fff}
#tarjeta .tj-toast-ico .ico{width:62%;height:62%}
#tarjeta .tj-toast{position:absolute;z-index:4;left:3cqw;right:3cqw;top:3cqw;display:grid;grid-template-columns:9.5cqw minmax(0,1fr);gap:3cqw;align-items:center;padding:3.2cqw;border-radius:5cqw;background:rgba(251,250,247,.97);color:var(--tinta);font-size:4.6cqw;line-height:1.3;box-shadow:0 4cqw 8cqw -3cqw rgba(0,0,0,.45);transform:translateY(-160%)}
#tarjeta .tj-toast-hoy .tj-toast-ico{background:var(--petroleo)}

/* Panel 4: el panel del local, como al final de la opción 1. El móvil es el mismo que al final del panel 3. */
#tarjeta .tj-local{position:absolute;z-index:2;right:-12px;top:50%;transform:translateY(-50%);width:var(--tj-local,300px);display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:24px;background:#fff;
  box-shadow:0 0 0 1px #E6DFD3,0 40px 70px -46px rgba(20,38,46,.55)}
#tarjeta .tj-local-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#tarjeta .tj-local-cab b{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.2}
#tarjeta .tj-local-cab p{font-size:13px;color:var(--gris)}
#tarjeta .tj-ejemplo{flex:none;padding:3px 9px;border-radius:999px;background:var(--porcelana);color:var(--gris);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
#tarjeta .tj-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tarjeta .tj-cifras li{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--porcelana)}
#tarjeta .tj-cifras b{font-family:var(--display);font-weight:600;font-size:30px;line-height:1;color:var(--petroleo);font-variant-numeric:tabular-nums lining-nums}
#tarjeta .tj-cifras span{font-size:12.5px;line-height:1.25;color:var(--gris)}
#tarjeta .tj-local-fila{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;padding:8px 10px;margin:0 -10px -6px;border-radius:12px;font-size:13px;line-height:1.3}
#tarjeta .tj-local-fila::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(233,169,59,.2);opacity:var(--luz,1)}
#tarjeta .tj-local-quien{color:var(--gris)}
#tarjeta .tj-local-quien b{color:var(--tinta)}
#tarjeta .tj-mano{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--petroleo);color:var(--papel);font-size:12.5px;font-weight:600}
#tarjeta .tj-mano .ico{width:16px;height:16px;color:var(--brillo)}

/* ---------- Con animación: la pista fija y en horizontal ---------- */
#tarjeta .tj-vivo{height:100vh;height:100svh;padding-bottom:0}
#tarjeta .tj-vivo .tj-mes{position:absolute;z-index:3;left:0;right:0;top:var(--tj-top);margin:0 auto}
#tarjeta .tj-vivo .tj-dias-caja{overflow:hidden;border-radius:10px}
#tarjeta .tj-vivo .tj-dias{display:flex;width:max-content;gap:0;padding-inline:var(--tj-borde,0px)}
#tarjeta .tj-vivo .tj-dias li{width:var(--tj-celda,34px);flex:none}
#tarjeta .tj-vivo .tj-dias .tj-hoy{display:block;position:absolute;left:0;top:0;padding:0;border-radius:10px;background:rgba(8,172,177,.1);box-shadow:inset 0 0 0 2px var(--turquesa);pointer-events:none}
#tarjeta .tj-vivo .tj-dias li.hoy b{color:var(--turquesa-hondo);font-weight:700}
#tarjeta .tj-vivo .tj-dias li.pasado b{color:#9FAAAE}
#tarjeta .tj-vivo .tj-pista{position:relative;display:flex;width:max-content;gap:0}
#tarjeta .tj-vivo #tj-local{position:absolute;top:0;left:calc(2 * var(--ancho-panel,100vw))}
#tarjeta .tj-vivo #tj-local .tj-movil{opacity:0}
#tarjeta .tj-vivo #tj-local .tj-escena::after{display:none}
#tarjeta .tj-vivo .tj-panel{width:var(--ancho-panel,100vw);height:100vh;height:100svh;display:flex;padding-top:calc(var(--tj-top) + var(--tj-cal) + 14px);padding-bottom:22px}
#tarjeta .tj-vivo .tj-rejilla{height:100%}
#tarjeta .tj-vivo .tj-escena{height:min(600px,100%)}
#tarjeta .tj-vivo .tj-rotulos{gap:0}
#tarjeta .tj-vivo .tj-rotulo{grid-area:1/1}
#tarjeta .tj-vivo .tj-vista{will-change:opacity}

/* ---------- Móvil y tableta ---------- */
@media (max-width:899px){
  #tarjeta{--tj-top:calc(env(safe-area-inset-top,0px) + 80px);--tj-cal:48px;--lado:124px;--hueco:12px}
  #tarjeta .tj-mes{gap:12px}
  #tarjeta .tj-mes-nombre b{font-size:16px}
  #tarjeta .tj-mes-nombre span{display:none}
  #tarjeta .tj-rejilla{grid-template-columns:minmax(0,1fr);gap:18px}
  #tarjeta .tj-escena{height:440px}
  #tarjeta .tj-cartel{padding:10px 8px 12px;gap:4px}
  #tarjeta .tj-cartel-marca{font-size:14px}
  #tarjeta .tj-cartel-texto{font-size:10.5px}
  #tarjeta .tj-disco{width:46px;height:46px;margin-top:2px}
  #tarjeta .tj-disco .ico{width:21px;height:21px}
  #tarjeta .tj-rotulos{padding:8px 12px;border-radius:12px}
  #tarjeta .tj-rotulo{font-size:14.5px;line-height:1.35}
  #tarjeta .tj-tableta{padding:8px 9px;font-size:11.5px;gap:5px}
  #tarjeta .tj-tableta>p{font-size:9.5px}
  #tarjeta .tj-tableta>div{flex-direction:column;align-items:flex-start;gap:4px}
  #tarjeta .tj-boton-mano{font-size:11px;padding:4px 9px}
  #tarjeta{--tj-borde:14px}
  #tarjeta .tj-vivo .tj-dias-caja{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  #tarjeta .tj-vivo .tj-panel{padding-top:calc(var(--tj-top) + var(--tj-cal) + 10px);padding-bottom:16px}
  #tarjeta .tj-vivo .tj-rejilla{grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:14px}
  #tarjeta .tj-vivo .tj-texto{gap:8px;align-content:start}
  #tarjeta .tj-vivo .tj-texto h3{font-size:26px}
  #tarjeta .tj-vivo .tj-texto>p:not(.tj-num){font-size:15px;line-height:1.48}
  #tarjeta .tj-vivo .tj-escena{height:100%}
}
@media (max-width:899px){
  #tarjeta #tj-local .tj-escena{grid-template-columns:minmax(0,1fr)}
  #tarjeta #tj-local .tj-movil{display:none}
  #tarjeta .tj-local{left:0;right:0;width:auto;max-width:420px;margin:0 auto;padding:16px;gap:10px;border-radius:20px}
  #tarjeta .tj-local-cab b{font-size:18px}
  #tarjeta .tj-local-cab p{font-size:12px}
  #tarjeta .tj-cifras li{padding:10px 12px}
  #tarjeta .tj-cifras b{font-size:25px}
  #tarjeta .tj-local-fila{font-size:12.5px}
}
@media (max-width:899px) and (max-height:740px){
  #tarjeta .tj-vivo .tj-texto h3{font-size:23px}
  #tarjeta .tj-vivo .tj-texto>p:not(.tj-num){font-size:14px;line-height:1.42}
}
/* Portátil bajo: el texto más justo para que la escena tenga sitio */
@media (min-width:900px) and (max-height:700px){
  #tarjeta{--tj-top:calc(env(safe-area-inset-top,0px) + 72px);--tj-cal:50px}
  #tarjeta .tj-vivo .tj-texto h3{font-size:clamp(28px,3vw,40px)}
  #tarjeta .tj-vivo .tj-texto>p:not(.tj-num){font-size:16px;line-height:1.5}
}