/* Umami Labs · piezas únicas de cada página. Ningún efecto se repite entre páginas. */
[class^="pz-"] [hidden],[class*=" pz-"] [hidden]{display:none!important}
.pz-nota{display:block;color:var(--mute);font-size:12.5px;margin-top:8px}
.ps [class^="pz-"] p,.ps [class*=" pz-"] p{margin:0}
@media (prefers-reduced-motion:reduce){[class^="pz-"] *,[class*=" pz-"] *{animation:none!important;transition:none!important}}

/* =================== BARES: tarjeta VIP que se gira =================== */
.pz-vip{display:flex;flex-direction:column;align-items:center;padding:30px 10px;border-radius:30px;background:radial-gradient(120% 90% at 50% 0%,#3a1550 0%,#16151B 70%);perspective:1100px}
.vip-card{position:relative;width:min(360px,100%);aspect-ratio:1.586;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);font:inherit}
.vip-card.on{transform:rotateY(180deg)}
@media (prefers-reduced-motion:no-preference){.vip-card:not(.on){animation:vipflota 5s ease-in-out infinite}@keyframes vipflota{50%{transform:rotateY(-12deg) rotateX(6deg) translateY(-6px)}}}
.vip-cara{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:20px;display:flex;flex-direction:column;text-align:left;color:#fff;overflow:hidden}
.vip-front{background:linear-gradient(135deg,#1b1028,#3b1858 55%,#E5482A 140%);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 30px 60px -20px rgba(229,72,42,.55)}
.vip-front::after{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-60%)}
@media (prefers-reduced-motion:no-preference){.vip-front::after{animation:brillo 4s ease-in-out infinite}@keyframes brillo{60%,100%{transform:translateX(60%)}}}
.vip-front small{font-family:var(--f-mono);letter-spacing:.2em;font-size:11px;opacity:.75}
.vip-front b{font-family:var(--f-head);font-size:52px;line-height:1;margin-top:4px;background:linear-gradient(90deg,#F2C14E,#FF6A4A);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-chip{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,#E9C877,#a8853a);margin-top:auto}
.vip-l1{position:absolute;right:20px;bottom:42px;font-weight:700}.vip-l2{position:absolute;right:20px;bottom:20px;font-family:var(--f-mono);font-size:13px;opacity:.8}
.vip-back{transform:rotateY(180deg);background:#fff;color:var(--ink);flex-direction:row;gap:16px;align-items:center}
.vip-back .pz-qr{width:42%;flex:none;fill:#16151B}
.vip-ben{display:flex;flex-direction:column;gap:6px;font-size:13.5px}.vip-ben b{font-family:var(--f-head);font-size:16px}
.vip-ben span::before{content:'✦ ';color:var(--red)}
.pz-vip .pz-nota{color:#B9B6C2}

/* =================== BARES: mensajes de madrugada =================== */
.pz-dms{background:#16151B;color:#fff;border-radius:22px;padding:16px;max-width:420px}
.dms-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dms-n{background:var(--red);border-radius:99px;font-weight:700;font-size:13px;padding:2px 10px}
.pz-dms ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-dms li{background:#2a2932;border-radius:16px 16px 16px 4px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:15px}
.pz-dms li small{color:#FF8A70;font-size:12px}
.vis-js .ps:not(.vis-in) .pz-dms li{opacity:0;transform:translateY(10px) scale(.96)}
.pz-dms li{transition:opacity .4s calc(var(--i)*.45s),transform .4s calc(var(--i)*.45s)}
.dms-pie{color:#B9B6C2!important;font-size:13.5px!important;margin-top:12px!important}

/* =================== BARES: agenda de neón =================== */
.pz-neon{background:#0f0e14;border-radius:22px;padding:22px;color:#fff;box-shadow:inset 0 0 0 1px #2a2932}
.neon-tit{font-family:var(--f-head);font-size:26px!important;color:#fff!important;text-shadow:0 0 6px #ff4fd8,0 0 18px #ff4fd8,0 0 40px #b02bd6;margin-bottom:12px!important}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .neon-tit{animation:parpadea 2.6s 1 steps(1)}@keyframes parpadea{0%,8%,12%,18%{opacity:.25}10%,14%,20%,100%{opacity:1}}}
.pz-neon ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.pz-neon li{border:1.5px solid #3a3843;border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;min-height:110px;transition:border-color .3s,box-shadow .3s}
.pz-neon li b{font-family:var(--f-mono);color:#7EE7FF;font-size:13px}
.pz-neon li span{font-size:13px;line-height:1.3;color:#D6D3DC}
.pz-neon li.hoy{border-color:#7EE7FF;box-shadow:0 0 0 1px #7EE7FF,0 0 22px -4px #7EE7FF}
.pz-neon li.hoy b::after{content:' · hoy';color:#fff}
.pz-neon .pz-nota{color:#8f8b99}

/* =================== BARES: Offside en escenario =================== */
.pz-escenario{margin:6px 0 0;position:relative;background:#0f0e14;border-radius:24px;padding:28px 28px 46px;overflow:hidden}
.esc-luz{position:absolute;top:-40%;left:50%;width:70%;height:180%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,220,160,.28),transparent);pointer-events:none}
@media (prefers-reduced-motion:no-preference){.esc-luz{animation:foco 7s ease-in-out infinite alternate}@keyframes foco{from{transform:translateX(-80%)}to{transform:translateX(-20%)}}}
.esc-d{position:relative;width:86%;border-radius:12px;box-shadow:0 30px 60px -30px #000}
.esc-m{position:absolute;right:22px;bottom:22px;width:22%;border-radius:16px;border:5px solid #16151B;box-shadow:0 20px 40px -16px #000}
.pz-escenario figcaption{position:absolute;left:28px;bottom:14px;color:#B9B6C2;font-family:var(--f-mono);font-size:12px}

/* =================== BARES: letrero de precios =================== */
.pz-letrero{background:#120f17;border-radius:22px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:center}
.let-l{border:2px solid #ffb347;border-radius:16px;padding:16px 10px;box-shadow:0 0 14px -2px #ffb347,inset 0 0 14px -6px #ffb347;display:flex;flex-direction:column;gap:2px}
.let-l small{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#ffcf8a}
.let-l b{font-family:var(--f-head);font-size:32px;color:#fff;text-shadow:0 0 8px #ff9a3c,0 0 22px #ff6a00}
.let-l span{color:#ffcf8a;font-weight:600}
.pz-letrero p{grid-column:1/-1;color:#8f8b99!important;font-size:13px!important}

/* =================== HOTEL: calculadora de comisiones =================== */
.pz-comision{background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -36px rgba(22,21,27,.6)}
.com-tit{font-family:var(--f-head);font-weight:600;font-size:19px}
.pz-comision label{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:14.5px;font-weight:600}
.pz-comision output{font-family:var(--f-mono);color:var(--red2)}
.pz-comision input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--red)}
.com-res{background:var(--ink);color:#fff;border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.com-res b{font-family:var(--f-head);font-size:32px;color:#FF8A70}

/* =================== HOTEL: el peaje =================== */
.pz-peaje{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:22px;padding:18px}
.pj-fila{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:8px}
.pj-who{font-weight:700;font-size:14px;text-align:center}
.pj-via{position:relative;height:56px;border-radius:12px;background:repeating-linear-gradient(90deg,#d9d5cd 0 18px,transparent 18px 30px) center/100% 3px no-repeat,#EFEBE4;display:flex;align-items:center;justify-content:center}
.pj-cabina{background:var(--red);color:#fff;font-weight:700;font-size:13px;border-radius:10px;padding:6px 10px;text-align:center;z-index:1}
.pj-cabina small{display:block;font-weight:500;opacity:.85}
.pj-libre{background:#1F7A4F;color:#fff;font-weight:700;font-size:13px;border-radius:10px;padding:6px 10px;z-index:1}
.pj-coche{position:absolute;left:4%;width:30px;height:16px;border-radius:6px 8px 4px 4px;background:var(--ink)}
.pj-coche::after{content:'€';position:absolute;top:-16px;left:8px;color:#E2A21B;font-weight:800}
@media (prefers-reduced-motion:no-preference){
 .ps.vis-in .pj-fila .pj-coche{animation:viaje 4.2s ease-in-out infinite}
 .ps.vis-in .pj-fila:not(.pj-directo) .pj-coche::after{animation:peaje 4.2s ease-in-out infinite}
 @keyframes viaje{0%{left:2%}45%,55%{left:44%}100%{left:88%}}
 @keyframes peaje{0%,40%{opacity:1;transform:none}55%,100%{opacity:0;transform:translateY(-14px)}}}

/* =================== HOTEL: pasillo de puertas =================== */
.pz-pasillo ul{list-style:none;margin:0;padding:18px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;background:linear-gradient(#F3EEE6,#E7DFD3);border-radius:22px;perspective:900px}
.pta{position:relative;width:100%;aspect-ratio:.55;border:0;padding:0;background:#2d2620;border-radius:8px 8px 2px 2px;cursor:pointer;font:inherit}
.pta-dentro{position:absolute;inset:6px;border-radius:4px;background:#FFF6E6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6px;text-align:center;color:var(--red2)}
.pta-dentro .ic-mano{width:34px;height:34px}.pta-dentro b{font-size:12.5px;color:var(--ink);line-height:1.2}
.pta-hoja{position:absolute;inset:4px;border-radius:5px;background:linear-gradient(90deg,#8B5E3C,#A97650);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s,z-index 0s;box-shadow:inset 0 0 0 3px rgba(0,0,0,.12);z-index:3}.pta-dentro{z-index:2}
.pta-num{position:absolute;top:14%;left:50%;transform:translateX(-50%);font-style:normal;font-family:var(--f-mono);color:#F6E3C2;font-weight:600;font-size:13px}
.pta-pomo{position:absolute;right:12%;top:52%;width:9px;height:9px;border-radius:50%;background:#E9C877}
.pta:hover .pta-hoja,.pta.on .pta-hoja,.pta:focus-visible .pta-hoja,.pta-q:focus-within .pta-hoja{transform:rotateY(-108deg);filter:brightness(.7);z-index:1;transition-delay:0s,0s,.25s}
.pta-dentro b{font-size:12px}.pz-pasillo ul{padding-left:42px}
.pta-q{background:#16151B}.pta-q .pta-hoja{background:linear-gradient(90deg,#C23A20,#E5482A)}.pta-q .pta-num{font-size:16px;color:#FFE3D8}
.pta-q .pta-dentro{background:radial-gradient(circle at 50% 40%,#FFE9E1,#FFF6E6 70%);gap:6px;padding:6px 3px}
.pq-svg{width:84%;height:auto;max-height:72%;transform:translateY(14px) scale(.9);opacity:0;transition:transform .6s .35s cubic-bezier(.2,1.4,.4,1),opacity .4s .3s}
.pta-q:hover .pq-svg,.pta-q.on .pq-svg,.pta-q:focus-within .pq-svg{transform:none;opacity:1}
.pq-mano{transform-box:view-box;transform-origin:172px 214px}
button.pta-hoja{border:0;padding:0;cursor:pointer;font:inherit;display:block}
.pq-cta{display:inline-block;background:var(--red,#E5482A);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:10.5px;line-height:1.15;border-radius:12px;padding:6px 5px;max-width:100%;box-sizing:border-box;text-align:center;white-space:nowrap;box-shadow:0 4px 12px rgba(229,72,42,.35);transition:transform .2s}
.pq-cta small{display:block;font-size:9.5px;font-weight:600;opacity:.85;letter-spacing:.04em;text-transform:uppercase}.pq-cta:hover{transform:translateY(-2px)}.pq-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.pta-q:hover .pq-mano,.pta-q.on .pq-mano,.pta-q:focus-within .pq-mano{animation:pqhola .45s .9s ease-in-out 6 alternate}@keyframes pqhola{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}}

/* =================== HOTEL: el faro =================== */
.pz-faro{position:relative;margin:6px 0 0;border-radius:22px;overflow:hidden;background:#0d1b2a}
.pz-faro img{width:100%;display:block;opacity:.92}
.far-haz{position:absolute;inset:0;z-index:1;pointer-events:none;background:conic-gradient(from 168deg at 50% -30%,transparent 0deg,rgba(255,240,200,.55) 12deg,transparent 24deg);mix-blend-mode:screen}
@media (prefers-reduced-motion:no-preference){.far-haz{animation:barrido 6s ease-in-out infinite alternate}@keyframes barrido{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}}
.pz-faro figcaption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
.pz-faro figcaption span{background:rgba(22,21,27,.85);color:#fff;font-weight:700;font-size:13.5px;border-radius:99px;padding:6px 12px}

/* =================== HOTEL: medidor =================== */
.pz-medidor{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px;align-items:center;background:#fff;border-radius:22px;padding:18px}
.pz-medidor svg{width:100%}
.med-arco{fill:none;stroke:#E7E2D9;stroke-width:14;stroke-linecap:round}.med-rojo{fill:none;stroke:#F08A6E;stroke-width:14;stroke-linecap:round}
.med-aguja line{stroke:var(--ink);stroke-width:4;stroke-linecap:round}.med-aguja circle{fill:var(--ink)}
.med-aguja{transform-origin:100px 110px;transform:rotate(-70deg);transition:transform 1.8s cubic-bezier(.3,1.4,.4,1)}
.ps.vis-in .med-aguja{transform:rotate(-10deg)}
.pz-medidor ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-weight:600}

/* =================== HOTEL: timbre de recepción =================== */
.pz-timbre{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:28px;background:#fff;border-radius:22px;padding:26px 28px;overflow:hidden;min-height:150px}
.tim-lado{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}
.tim-b{position:relative;width:120px;height:90px;border:0;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.tim-cup{position:absolute;left:14px;right:14px;bottom:16px;height:56px;border-radius:60px 60px 6px 6px;background:radial-gradient(circle at 35% 30%,#fff7d6,#E9C877 40%,#a8853a);transform-origin:50% 100%}
.tim-cup::before{content:'';position:absolute;left:50%;top:-12px;width:12px;height:14px;transform:translateX(-50%);border-radius:5px;background:#a8853a;transition:transform .12s}
.tim-b.on .tim-cup::before{transform:translateX(-50%) translateY(5px)}
.tim-base{position:absolute;left:0;right:0;bottom:0;height:18px;border-radius:8px;background:#2d2620}
.tim-b:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:12px}
.tim-ondas{position:absolute;left:50%;top:-4px;width:0;height:0;pointer-events:none}
.tim-ondas i{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;border:2.5px solid #E9C877;opacity:0}
.tim-pista{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:opacity .3s}
.pz-timbre.abierto .tim-pista{opacity:0}
.tim-placa{position:relative;background:#2d2620;color:#F6E3C2;border-radius:14px;padding:16px 22px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px #a8853a,0 18px 34px -18px rgba(45,38,32,.8);white-space:nowrap}
.tim-placa small{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:#E9C877}
.tim-cifra{font-family:var(--f-head);font-size:34px;line-height:1.2;color:#fff;background:linear-gradient(100deg,#fff 0 42%,#FFE7A3 48%,#fff 50%,#E9C877 54%,#fff 60% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tim-chispa{position:absolute;width:12px;height:12px;opacity:0;pointer-events:none;background:#FFE7A3;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.tim-chispa.c0{left:-6px;top:10px}.tim-chispa.c1{right:-5px;top:-5px;width:16px;height:16px}.tim-chispa.c2{right:18%;bottom:-6px}.tim-chispa.c3{left:38%;top:-7px;width:9px;height:9px}.tim-chispa.c4{right:-8px;bottom:30%;width:9px;height:9px}
.tim-desc ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}
.tim-desc li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;color:var(--ink2)}
.tim-desc li::before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:50%;background:#E9C877;box-shadow:0 0 0 3px rgba(233,200,119,.25)}
.pz-timbre .tim-desc .btn{font-size:15px;padding:11px 20px;color:#fff!important;text-decoration:none!important}
/* antes de tocar: solo el timbre, en el centro */
.vis-js .pz-timbre:not(.abierto){grid-template-columns:minmax(0,1fr)}
.vis-js .pz-timbre:not(.abierto) .tim-placa,.vis-js .pz-timbre:not(.abierto) .tim-desc{display:none}
.vis-js .pz-timbre:not(.abierto) .tim-b{transform:scale(1.25);margin:14px 0 10px}
.tim-b{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:no-preference){
  .vis-js .pz-timbre:not(.abierto) .tim-b{animation:timlate 2.4s ease-in-out infinite}
  @keyframes timlate{0%,100%{transform:scale(1.25)}50%{transform:scale(1.32)}}
  .tim-b.on .tim-cup{animation:ring .6s}
  @keyframes ring{20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}
  .tim-b.on .tim-ondas i{animation:timonda .9s ease-out forwards}.tim-b.on .tim-ondas i:nth-child(2){animation-delay:.12s}.tim-b.on .tim-ondas i:nth-child(3){animation-delay:.24s}
  @keyframes timonda{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
  .pz-timbre.entra .tim-placa{animation:timentra 1s cubic-bezier(.25,1.25,.4,1) both}
  @keyframes timentra{from{transform:translateX(var(--dx,120%))}}
  .pz-timbre.abierto .tim-cifra{animation:timbrillo 1.1s .85s ease-in-out both,timbrillo 1.4s 5s ease-in-out infinite}
  @keyframes timbrillo{from{background-position:100% 0}to{background-position:0 0}}
  .pz-timbre.entra .tim-chispa{animation:timchispa .9s ease-out both}
  .pz-timbre.entra .c0{animation-delay:.95s}.pz-timbre.entra .c1{animation-delay:1.05s}.pz-timbre.entra .c2{animation-delay:1.15s}.pz-timbre.entra .c3{animation-delay:1.2s}.pz-timbre.entra .c4{animation-delay:1.3s}
  @keyframes timchispa{0%{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(45deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}
  .pz-timbre.entra .tim-desc li,.pz-timbre.entra .tim-desc .btn{animation:timlinea .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(1.1s + var(--i,4) * .15s)}
  @keyframes timlinea{from{opacity:0;transform:translateY(10px)}}
}
@media (max-width:820px){
  .pz-timbre{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:left;padding:22px 18px}
  .tim-desc{justify-self:stretch}
}

/* =================== AGENTE: chat de madrugada =================== */
.pz-chat{position:relative;display:flex;flex-direction:column;align-items:center}
.cht-movil{width:min(330px,100%);background:#0f1a1a;border-radius:34px;padding:12px;box-shadow:0 40px 70px -30px rgba(22,21,27,.8);border:6px solid #16151B}
.cht-cab{display:flex;gap:10px;align-items:center;color:#fff;padding:8px 6px 12px;border-bottom:1px solid #263333}
.cht-av{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FF8A70,#E5482A)}
.cht-cab b{display:block;font-size:14.5px}.cht-cab small{color:#7EE2A8;font-size:12px}
.pz-chat ol{list-style:none;margin:0;padding:12px 4px;display:flex;flex-direction:column;gap:8px;min-height:300px}
.pz-chat li{max-width:82%;padding:9px 12px;border-radius:16px;font-size:14px;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.pz-chat li.ver{opacity:1;transform:none}
.ch-c{align-self:flex-end;background:#2a4040;color:#fff;border-bottom-right-radius:4px}
.ch-a{align-self:flex-start;background:#fff;color:var(--ink);border-bottom-left-radius:4px}
.cht-esc{display:flex;gap:4px;padding:6px 10px;opacity:0}.cht-esc.on{opacity:1}
.cht-esc i{width:7px;height:7px;border-radius:50%;background:#7c9a9a;animation:punto 1s infinite}.cht-esc i:nth-child(2){animation-delay:.15s}.cht-esc i:nth-child(3){animation-delay:.3s}
@keyframes punto{50%{transform:translateY(-4px)}}
.cht-aviso{position:absolute;top:18px;right:-6px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:10px 14px;border-radius:14px;box-shadow:0 18px 30px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px);transition:all .5s}
.cht-aviso.on{opacity:1;transform:none}

/* =================== AGENTE: reloj de 24 horas =================== */
.pz-24{display:flex;justify-content:center}
.rl-esfera{position:relative;width:min(280px,80vw);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 24px 50px -30px rgba(22,21,27,.6),inset 0 0 0 10px #F1EDE6}
.rl-m{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#D9D5CD;transform:rotate(calc(var(--h)*15deg)) translateY(-118px)}
.rl-perdida{background:var(--red)}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .rl-perdida{animation:latido 1.6s ease-in-out infinite}@keyframes latido{50%{box-shadow:0 0 0 8px rgba(229,72,42,.18)}}}
.rl-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.rl-c b{font-family:var(--f-head);font-size:38px}.rl-c small{color:var(--mute);font-size:13px}
@media (max-width:640px){.rl-m{transform:rotate(calc(var(--h)*15deg)) translateY(-100px)}}

/* =================== AGENTE: tubería =================== */
.pz-tuberia{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.pz-tuberia::before{content:'';position:absolute;top:34px;left:12%;right:12%;height:6px;border-radius:9px;background:#E7E2D9}
.pz-tuberia::after{content:'';position:absolute;top:31px;left:12%;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(229,72,42,.2)}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .pz-tuberia::after{animation:corre 3.6s ease-in-out infinite}@keyframes corre{to{left:86%}}}
.pz-tuberia li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative;z-index:1}
.pz-tuberia .ic-mano{width:68px;height:68px;padding:16px;border-radius:50%;background:#fff;color:var(--red2);box-shadow:0 12px 26px -16px rgba(22,21,27,.6)}
.pz-tuberia b{font-size:14.5px}

/* =================== AGENTE: el glitch =================== */
.pz-glitch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gl-b{border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px}
.gl-b small{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.gl-b p{font-size:16px!important;font-weight:600;color:var(--ink)!important}
.gl-mala{background:#fff;border:1.5px dashed #F08A6E}
.gl-mala p{position:relative}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .gl-mala p{animation:glitch 3s infinite steps(1)}@keyframes glitch{0%,86%,100%{text-shadow:none;transform:none}88%{text-shadow:2px 0 #ff2f6d,-2px 0 #2fd4ff;transform:translateX(2px)}92%{text-shadow:-3px 0 #ff2f6d,3px 0 #2fd4ff;transform:translateX(-2px) skewX(-6deg)}}}
.gl-buena{background:var(--ink)}.gl-buena small{color:#7EE2A8}.gl-buena p{color:#fff!important}
.gl-tag{align-self:flex-start;font-size:12.5px;font-weight:700;border-radius:99px;padding:4px 10px}
.gl-mala .gl-tag{background:#FFE5DD;color:var(--red2)}.gl-buena .gl-tag{background:#1F7A4F;color:#fff}

/* =================== AGENTE: tres agentes con inclinación =================== */
.pz-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:900px}
.tri-c{background:#fff;border-radius:22px;padding:12px 12px 16px;display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:var(--ink)!important;transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .3s;box-shadow:0 20px 40px -30px rgba(22,21,27,.6)}
.tri-c img{width:100%;border-radius:14px;aspect-ratio:1;object-fit:cover;transform:translateZ(30px)}
.tri-c b{font-family:var(--f-head);font-size:18px;transform:translateZ(20px)}.tri-c span{font-size:13.5px;color:var(--mute);font-weight:500}

/* =================== AGENTE: escalera de precios =================== */
.pz-escalones ol{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;height:220px}
.pz-escalones li{height:var(--h);background:linear-gradient(180deg,#FF8A70,var(--red));border-radius:14px 14px 4px 4px;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:12px 10px;transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pz-escalones li:nth-child(1){background:linear-gradient(180deg,#5BC48C,#1F7A4F)}
.vis-js .ps:not(.vis-in) .pz-escalones li{transform:scaleY(.05)}
.pz-escalones li b{font-family:var(--f-head);font-size:19px}.pz-escalones li span{font-size:12.5px;opacity:.9}
.pz-escalones p{font-weight:600;margin-top:10px!important}

/* =================== CRM: panel que se monta =================== */
.pz-panel{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(22,21,27,.7);min-height:320px}
.pn-lado{background:var(--ink);color:#B9B6C2;padding:18px 14px;display:flex;flex-direction:column;gap:12px;font-size:13.5px}
.pn-lado b{color:#fff;font-family:var(--f-head);font-size:14px;margin-bottom:8px}.pn-lado .on{color:#fff;font-weight:700}
.pn-main{padding:18px;display:flex;flex-direction:column;gap:14px}
.pn-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pn-kpis div{background:var(--paper);border-radius:14px;padding:12px}.pn-kpis small{display:block;color:var(--mute);font-size:12px}
.pn-kpis b{font-family:var(--f-head);font-size:26px;font-variant-numeric:tabular-nums}
.pn-graf{background:var(--paper);border-radius:14px;padding:12px;flex:1;display:flex;flex-direction:column;gap:8px}
.pn-graf small{color:var(--mute);font-size:12px}
.pn-bars{flex:1;display:flex;align-items:flex-end;gap:8px;min-height:120px}
.pn-bars i{flex:1;height:calc(var(--v)*1%);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#FF8A70,var(--red));transform-origin:bottom}
@media (prefers-reduced-motion:no-preference){.pn-bars i{animation:crece 1.2s cubic-bezier(.2,.7,.2,1) both}.pn-bars i:nth-child(2){animation-delay:.1s}.pn-bars i:nth-child(3){animation-delay:.2s}.pn-bars i:nth-child(4){animation-delay:.3s}.pn-bars i:nth-child(5){animation-delay:.4s}.pn-bars i:nth-child(6){animation-delay:.5s}.pn-bars i:nth-child(7){animation-delay:.6s}@keyframes crece{from{transform:scaleY(0)}}}
.pn-ej{position:absolute;right:16px;bottom:8px;font-family:var(--f-mono);font-size:11px;color:var(--mute)}

/* =================== CRM: bento de módulos =================== */
.pz-bento{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:96px;gap:10px}
.pz-bento li{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:var(--red2);transition:transform .3s,background .3s,color .3s;box-shadow:0 14px 28px -24px rgba(22,21,27,.6)}
.pz-bento li.g2{grid-row:span 2;background:var(--ink);color:#FF8A70}.pz-bento li.g2 b{color:#fff;font-size:18px}
.pz-bento .ic-mano{width:30px;height:30px}.pz-bento b{color:var(--ink);font-size:14.5px}
.pz-bento li:hover{transform:translateY(-4px) rotate(-1deg);background:var(--red);color:#fff}.pz-bento li:hover b{color:#fff}

/* =================== CRM: avisos del asistente =================== */
.pz-avisos{background:#1d1c23;border-radius:22px;padding:16px;color:#fff}
.avs-cab{color:#B9B6C2!important;font-family:var(--f-mono);font-size:12px!important;margin-bottom:10px!important}
.pz-avisos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-avisos li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;background:#2a2932;border-radius:14px;padding:10px 12px;font-size:14.5px;transition:opacity .5s calc(var(--i)*.3s),transform .5s calc(var(--i)*.3s)}
.vis-js .ps:not(.vis-in) .pz-avisos li{opacity:0;transform:translateX(30px)}
.avs-ic{font-size:20px}
.pz-avisos button{font:600 13px var(--f-body);border:0;border-radius:99px;padding:7px 12px;background:#fff;color:var(--ink);cursor:pointer}
.pz-avisos button.ok{background:#1F7A4F;color:#fff}
.pz-avisos .pz-nota{color:#8f8b99}

/* =================== CRM: enchufe =================== */
.pz-enchufe{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:0;background:#fff;border-radius:22px;padding:20px 20px 46px;position:relative}
.en-caja{border:2px solid var(--ink);border-radius:16px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px}
.en-caja b{font-family:var(--f-head);font-size:15px}.en-caja small{color:var(--mute);font-size:12.5px}
.en-cable{position:relative;height:6px;background:var(--ink)}
.en-clavija{position:absolute;left:0;top:-9px;width:30px;height:24px;border-radius:5px;background:var(--red);transition:left 1.2s cubic-bezier(.3,1.3,.4,1)}
.ps.vis-in .en-clavija{left:calc(100% - 30px)}
.en-chispa{position:absolute;right:-6px;top:-14px;width:30px;height:30px;border-radius:50%;background:radial-gradient(#ffe27a,transparent 70%);opacity:0}
.ps.vis-in .en-chispa{animation:chispa .6s 1.1s}
@keyframes chispa{50%{opacity:1;transform:scale(1.5)}}
.en-precio{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:var(--red);color:#fff;font-weight:700;font-size:13px;border-radius:99px;padding:5px 12px;white-space:nowrap}

/* =================== CRM: torres de bloques =================== */
.pz-bloques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
.bq-torre{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.bq-torre ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;width:100%}
.bq-torre li{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:8px;font-weight:600;font-size:14px;transition:transform .6s cubic-bezier(.3,1.4,.5,1) calc((4 - var(--i))*.12s),opacity .4s calc((4 - var(--i))*.12s)}
.bq-torre li:nth-child(odd){background:#FFF1EC}
.vis-js .ps:not(.vis-in) .bq-torre li{transform:translateY(-60px);opacity:0}
.bq-torre b{font-family:var(--f-head);font-size:17px;margin-top:6px}.bq-torre span{font-weight:700;color:var(--red2)}

/* =================== ANTIDESPERDICIO: el táper =================== */
.pz-taper{position:relative;background:#fff;border-radius:26px;padding:26px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end;box-shadow:0 30px 60px -36px rgba(22,21,27,.6)}
.tp-plato{position:relative;height:70px;border-radius:50%;background:radial-gradient(closest-side,#fff 62%,#E7E2D9 64%,#fff 72%,#D9D5CD 74%);}
.tp-com{position:absolute;width:24px;height:16px;border-radius:50%;top:26px}
.tp-com.c1{left:36%;background:#E8B07A}.tp-com.c2{left:48%;background:#9CC57A}.tp-com.c3{left:58%;background:#C4472B}
@media (prefers-reduced-motion:no-preference){.tp-com{animation:salta 3.6s ease-in-out infinite}.tp-com.c2{animation-delay:.25s}.tp-com.c3{animation-delay:.5s}
 @keyframes salta{0%,20%{transform:none;opacity:1}45%{transform:translate(120px,-50px)}60%,100%{transform:translate(200px,10px);opacity:0}}}
.tp-envase{position:relative;height:90px}
.tp-cuerpo{position:absolute;left:10%;right:10%;bottom:0;height:64px;border-radius:6px 6px 14px 14px;background:linear-gradient(#cfe6d8,#a9d3bb);box-shadow:inset 0 0 0 2px #7fb597}
.tp-tapa{position:absolute;left:6%;right:6%;top:12px;height:14px;border-radius:8px;background:#1F7A4F;transform-origin:center}
@media (prefers-reduced-motion:no-preference){.tp-tapa{animation:tapa 3.6s ease-in-out infinite}@keyframes tapa{0%,60%{transform:translateY(-16px) rotate(-8deg)}75%,100%{transform:none}}}
.tp-pegatina{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) rotate(-3deg);background:#F2C14E;color:var(--ink);font-weight:700;font-size:12px;border-radius:8px;padding:4px 8px;white-space:nowrap;z-index:1}
.pz-taper p{grid-column:1/-1;font-weight:600;text-align:center}

/* =================== ANTIDESPERDICIO: portapapeles =================== */
.pz-clip{position:relative;background:#C9A06B;border-radius:18px;padding:34px 16px 16px;max-width:520px}
.clp-pinza{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:110px;height:30px;border-radius:8px;background:linear-gradient(#bfc3c9,#8b9097);box-shadow:0 4px 0 #6d7279}
.pz-clip b{display:block;background:#fff;border-radius:10px 10px 0 0;padding:14px 16px 6px;font-family:var(--f-head)}
.pz-clip ul{list-style:none;margin:0;padding:6px 16px 16px;background:#fff;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:12px}
.pz-clip li{display:flex;gap:12px;align-items:flex-start;font-weight:600}.pz-clip em{display:block;font-style:normal;color:var(--red2);font-size:13px}
.clp-ck{flex:none;width:24px;height:24px;border:2px solid var(--ink);border-radius:6px;position:relative}
.clp-ck::after{content:'';position:absolute;left:4px;top:0;width:8px;height:14px;border:solid var(--red);border-width:0 3.5px 3.5px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.ps.vis-in .clp-ck::after{transform:rotate(45deg) scale(1)}
.ps.vis-in li:nth-child(2) .clp-ck::after{transition-delay:.5s}

/* =================== ANTIDESPERDICIO: tampón =================== */
.pz-sello{position:relative;background:#fff;border-radius:18px;padding:28px 20px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden}
.sl-papel{position:absolute;inset:18px 26px;display:flex;flex-direction:column;gap:12px;opacity:.6}.sl-papel i{height:8px;border-radius:4px;background:#ECE8E1}
.sl-tampon{position:relative;font-family:var(--f-head);font-size:26px;font-weight:700;color:#C7361A;border:4px solid #C7361A;border-radius:10px;padding:6px 16px;text-transform:uppercase;transform:rotate(-8deg) scale(2.4);opacity:0;transition:transform .45s cubic-bezier(.5,1.8,.4,1),opacity .2s;mix-blend-mode:multiply}
.ps.vis-in .sl-tampon{transform:rotate(-8deg) scale(1);opacity:.92}
.sl-multa{position:relative;font-size:18px}

/* =================== ANTIDESPERDICIO: mermas y cartel =================== */
.pz-mermas{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.mm-graf{background:#fff;border-radius:18px;padding:16px}
.mm-graf ol{list-style:none;margin:10px 0 0;padding:0;display:flex;align-items:flex-end;gap:10px;height:140px}
.mm-graf li{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.mm-graf li i{width:100%;height:calc(var(--v)*1%);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#9CC57A,#3E6B35);transition:height 1s cubic-bezier(.2,.7,.2,1)}
.vis-js .ps:not(.vis-in) .mm-graf li i{height:100%}
.mm-graf small{font-size:11px;color:var(--mute)}
.mm-cartel{background:#3E6B35;color:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:4px;transform:rotate(1.5deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.5)}
.mm-cartel small{font-family:var(--f-mono);letter-spacing:.14em;font-size:11px;opacity:.8}.mm-cartel b{font-family:var(--f-head);font-size:24px}

/* =================== ANTIDESPERDICIO: tarro =================== */
.pz-tarro{width:220px;margin:6px auto 0}
.tr-tapa{height:24px;margin:0 18px;border-radius:8px 8px 4px 4px;background:repeating-linear-gradient(90deg,#C7361A 0 10px,#fff 10px 20px)}
.tr-vidrio{height:220px;border-radius:24px 24px 40px 40px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(220,235,240,.6) 30%,rgba(255,255,255,.3));box-shadow:inset 0 0 0 3px rgba(150,170,180,.45);display:flex;align-items:center;justify-content:center}
.tr-etiqueta{background:#E8D3B0;border-radius:6px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;width:82%;transform:rotate(-2deg);box-shadow:0 6px 12px -8px rgba(0,0,0,.4)}
.tr-etiqueta small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em}.tr-etiqueta b{font-family:var(--f-head);font-size:22px}.tr-etiqueta span{font-size:11.5px}

/* =================== VERIFACTU: cadena de facturas =================== */
.pz-cadena{background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 60px -36px rgba(22,21,27,.6)}
.pz-cadena ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.pz-cadena li{position:relative;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:#FCFBF9}
.pz-cadena li small{font-family:var(--f-mono);color:var(--mute)}
.cad-esl{position:absolute;left:50%;bottom:-17px;width:16px;height:22px;margin-left:-8px;border:3px solid #9C98A3;border-radius:8px;z-index:1}
.pz-cadena li:last-child .cad-esl{display:none}
@media (prefers-reduced-motion:no-preference){.pz-cadena li{animation:entra .6s calc(var(--i)*.5s) both}.pz-cadena li:last-child{border-color:var(--red);box-shadow:0 0 0 4px rgba(229,72,42,.12)}@keyframes entra{from{opacity:0;transform:translateY(-12px)}}}
.pz-cadena p{margin-top:14px!important;font-weight:600}

/* =================== VERIFACTU: calendario =================== */
.pz-calend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:6px}
.cal-h{background:#fff;border-radius:16px;overflow:hidden;text-align:center;box-shadow:0 20px 34px -26px rgba(22,21,27,.6);display:flex;flex-direction:column;position:relative}
.cal-h::before{content:'';position:absolute;top:6px;left:24%;right:24%;height:10px;background:radial-gradient(circle,#9C98A3 4px,transparent 5px) 0 0/50% 100% repeat-x}
.cal-mes{background:var(--red);color:#fff;font-weight:700;padding:20px 10px 8px;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.cal-h b{font-family:var(--f-head);font-size:72px;line-height:1.1}
.cal-q{font-weight:700}.cal-h small{color:var(--red2);font-weight:600;padding:4px 0 14px}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .cal-h{animation:hoja .7s both}.ps.vis-in .cal-h+.cal-h{animation-delay:.2s}@keyframes hoja{from{transform:perspective(500px) rotateX(70deg);transform-origin:top;opacity:0}}}

/* =================== VERIFACTU: escáner =================== */
.pz-escaner{display:flex;align-items:center;justify-content:center;gap:28px;background:#EFEBE4;border-radius:22px;padding:24px;flex-wrap:wrap}
.esc-factura{background:#fff;width:170px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 30px -20px rgba(0,0,0,.4);font-family:var(--f-mono);font-size:11px}
.esc-factura i{height:6px;border-radius:3px;background:#ECE8E1}.esc-factura span{font-weight:700}
.esc-factura .pz-qr{width:84px;align-self:center;fill:var(--ink)}
.esc-movil{position:relative;width:150px;height:240px;border-radius:26px;border:6px solid var(--ink);background:linear-gradient(#1d1c23,#2a2932);display:flex;align-items:flex-end;justify-content:center;padding:14px;overflow:hidden}
.esc-movil small{color:#7EE2A8;font-weight:700;text-align:center;font-size:12px}
.esc-laser{position:absolute;left:14px;right:14px;top:30%;height:2px;background:var(--red);box-shadow:0 0 12px 2px var(--red)}
@media (prefers-reduced-motion:no-preference){.esc-laser{animation:laser 2.2s ease-in-out infinite alternate}@keyframes laser{to{top:62%}}}

/* =================== VERIFACTU: puzle =================== */
.pz-puzzle{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;background:#fff;border-radius:22px;padding:24px}
.pzl{position:relative;width:200px;height:110px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 26px;color:#fff;transition:transform 1s cubic-bezier(.3,1.3,.4,1)}
.pzl b{font-size:14.5px;position:relative;z-index:1}
.pzl.a{background:var(--ink);border-radius:16px 0 0 16px}
.pzl.a::after{content:'';position:absolute;right:-22px;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;background:var(--ink)}
.pzl.b{background:var(--red);border-radius:0 16px 16px 0;-webkit-mask:radial-gradient(circle 23px at 0 50%,transparent 98%,#000);mask:radial-gradient(circle 23px at 0 50%,transparent 98%,#000)}
.vis-js .ps:not(.vis-in) .pzl.a{transform:translateX(-40px) rotate(-6deg)}
.vis-js .ps:not(.vis-in) .pzl.b{transform:translateX(40px) rotate(6deg)}
.pz-puzzle p{width:100%;text-align:center;margin-top:16px!important}

/* =================== JORNADA: fichar con la hora real =================== */
.pz-fichar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.fc-reloj{position:relative;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 30px 50px -30px rgba(22,21,27,.6),inset 0 0 0 10px var(--ink);background-image:repeating-conic-gradient(from -1deg,var(--ink) 0 2deg,transparent 2deg 30deg);-webkit-mask:none}
.fc-reloj::before{content:'';position:absolute;inset:22px;border-radius:50%;background:#fff}
.fc-reloj i{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;border-radius:4px;background:var(--ink)}
.fc-h{width:7px;height:26%;margin-left:-3.5px}.fc-m{width:5px;height:36%;margin-left:-2.5px}.fc-s{width:2px;height:40%;margin-left:-1px;background:var(--red)!important}
.fc-reloj::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--red)}
.fc-movil{background:var(--ink);color:#fff;border-radius:30px;padding:22px 16px;display:flex;flex-direction:column;gap:10px;text-align:center;border:6px solid #2a2932}
.fc-movil small{color:#B9B6C2}.fc-movil b{font-family:var(--f-head);font-size:40px;font-variant-numeric:tabular-nums}
.fc-movil button{font:700 16px var(--f-body);border:0;border-radius:16px;padding:14px;background:#1F7A4F;color:#fff;cursor:pointer;transition:transform .15s}
.fc-movil button:active{transform:scale(.97)}.fc-movil button.salida{background:var(--red)}
.fc-movil ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-family:var(--f-mono);font-size:12.5px;color:#D6D3DC;min-height:20px}
.pz-fichar .pz-nota{grid-column:1/-1}

/* =================== JORNADA: archivo de 4 años =================== */
.pz-archivo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}
.ar-carpetas{list-style:none;margin:0;padding:0;position:relative;height:200px}
.ar-carpetas li{position:absolute;left:calc(var(--i)*9%);right:calc((3 - var(--i))*9%);top:calc(18px + var(--i)*28px);height:110px;border-radius:4px 14px 10px 10px;background:linear-gradient(#F2C14E,#E2A21B);box-shadow:0 -2px 0 rgba(0,0,0,.08),0 10px 18px -12px rgba(0,0,0,.45);transition:transform .5s calc(var(--i)*.12s)}
.ar-carpetas li::before{content:'';position:absolute;top:-14px;left:12px;width:70px;height:16px;border-radius:6px 6px 0 0;background:#F2C14E}
.ar-carpetas li b{position:absolute;top:-12px;left:22px;font-family:var(--f-mono);font-size:12px}
.vis-js .ps:not(.vis-in) .ar-carpetas li{transform:translateY(30px)}
.ar-multa{background:#fff;border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-weight:700}
.ar-multa i{height:10px;border-radius:9px;background:linear-gradient(90deg,#F2C14E,#C7361A)}
.ar-multa small{grid-column:1/-1;text-align:center;color:var(--mute);font-weight:500}

/* =================== JORNADA: cuadrante =================== */
.pz-cuadrante{background:#fff;border-radius:20px;padding:16px;overflow-x:auto}
.cu-cab,.pz-cuadrante li{display:grid;grid-template-columns:60px repeat(7,minmax(36px,1fr));gap:4px;align-items:center;min-width:360px}
.cu-cab span{font-family:var(--f-mono);font-size:11.5px;color:var(--mute);text-align:center}
.pz-cuadrante ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pz-cuadrante li b{font-size:13.5px}
.cu-lin{grid-column:2/-1;position:relative;height:26px;border-radius:8px;background:repeating-linear-gradient(90deg,#F1EDE6 0 calc(100%/7 - 4px),transparent calc(100%/7 - 4px) calc(100%/7))}
.cu-lin i{position:absolute;top:2px;bottom:2px;left:calc(var(--d)*100%/7);width:calc(100%/7 - 4px);border-radius:6px;color:#fff;font:700 11px/22px var(--f-mono);text-align:center;font-style:normal;transition:transform .45s cubic-bezier(.3,1.5,.5,1) calc(var(--k)*.08s)}
.cu-lin .t-M{background:#E2A21B}.cu-lin .t-T{background:var(--red)}.cu-lin .t-N{background:#4A3AA8}
.vis-js .ps:not(.vis-in) .cu-lin i{transform:scale(0)}

/* =================== JORNADA: interruptores =================== */
.pz-switch{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pz-switch li{background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.sw-p{font-family:var(--f-head);font-weight:600}
.sw-t{width:64px;height:34px;border-radius:99px;background:#D9D5CD;position:relative;transition:background .3s calc(var(--i)*.35s + .2s)}
.sw-t i{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .35s calc(var(--i)*.35s + .2s) cubic-bezier(.3,1.4,.5,1)}
.ps.vis-in .sw-t{background:#1F7A4F}.ps.vis-in .sw-t i{left:34px}
.pz-switch small{color:#1F7A4F;font-weight:700}

/* =================== RESEÑAS: estrellas que se tocan =================== */
.pz-opina{display:flex;flex-direction:column;align-items:center}
.op-movil{width:min(340px,100%);background:#fff;border-radius:30px;border:7px solid var(--ink);padding:22px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 70px -40px rgba(22,21,27,.7)}
.op-movil small{color:var(--mute);font-size:12px}.op-movil p{font-size:16px;margin:0}
.op-est{display:flex;gap:4px;justify-content:center}
.op-est button{border:0;background:none;font-size:38px;line-height:1;color:#E0DBD2;cursor:pointer;padding:0 2px;transition:transform .2s,color .2s}
.op-est button.on{color:#F2B33D}.op-est button:hover{transform:scale(1.18)}
.op-est.boom button.on{animation:boom .5s}
@keyframes boom{50%{transform:scale(1.4) rotate(12deg)}}
.op-gracias{font-weight:700;color:#1F7A4F;text-align:center}

/* =================== RESEÑAS: de la noche al día =================== */
.pz-cielo{position:relative;border-radius:22px;overflow:hidden;padding:20px;color:#fff}
.ci-fondo{position:absolute;inset:0;background:linear-gradient(90deg,#1b1f3b,#3b4a8a 40%,#F2A65A 70%,#7EC8E3);background-size:300% 100%;background-position:0 0;transition:background-position 2.4s ease}
.ps.vis-in .ci-fondo{background-position:100% 0}
.pz-cielo ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pz-cielo li{background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}
.pz-cielo li b{font-family:var(--f-mono);font-size:13px}

/* =================== RESEÑAS: niveles del club =================== */
.pz-niveles{background:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:16px}
.nv-tarjeta{background:linear-gradient(135deg,#16151B,#4A3AA8);color:#fff;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.nv-tarjeta small{width:100%;opacity:.75;font-size:12px}.nv-tarjeta b{font-family:var(--f-head);font-size:24px}
.nv-tarjeta span{background:#F2C14E;color:var(--ink);font-weight:700;border-radius:99px;padding:4px 12px}
.nv-pista{position:relative;height:12px;border-radius:9px;background:#ECE8E1;margin:14px 6px 22px}
.nv-fill{position:absolute;left:0;top:0;bottom:0;width:13%;border-radius:9px;background:linear-gradient(90deg,#4A3AA8,#E5482A);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.nv-p{position:absolute;top:18px;font-size:12.5px;font-weight:700;transform:translateX(-50%);white-space:nowrap}
.nv-p::before{content:'';position:absolute;left:50%;top:-24px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid #ECE8E1}
.nv-p.n1{left:0;transform:none}.nv-p.n1::before{left:0;margin:0}.nv-p.n2{left:50%}.nv-p.n3{left:100%;transform:translateX(-100%)}.nv-p.n3::before{left:auto;right:0;margin:0}
.nv-p.on::before{border-color:#E5482A;background:#E5482A}
.pz-niveles .btn{align-self:flex-start}

/* =================== RESEÑAS: llegada al local =================== */
.pz-llegada{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.pz-llegada>div{border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.ll-puerta{background:linear-gradient(#8B5E3C,#6d4a2f)}
.ll-cartel{background:#fff;border-radius:10px;padding:8px;font-size:11.5px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}
.ll-cartel .pz-qr{width:64px;fill:var(--ink)}
.ll-reloj{background:var(--ink);color:#fff;border-radius:40px!important;box-shadow:0 0 0 6px #2a2932}
.ll-reloj small{color:#7EE2A8;font-size:11.5px}.ll-reloj b{font-family:var(--f-head);font-size:24px}.ll-reloj span{font-size:13px}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .ll-reloj{animation:vibra .4s 1s 3}@keyframes vibra{25%{transform:translateX(-3px) rotate(-1deg)}75%{transform:translateX(3px) rotate(1deg)}}}
.ll-photo{background:#fff;border:10px solid var(--red);border-radius:6px!important;font-size:34px}.ll-photo small{font-size:12px;font-weight:700;color:var(--ink)}

/* =================== RESEÑAS: pizarra =================== */
.pz-pizarra{background:#2f3a33;border:12px solid #8B5E3C;border-radius:12px;padding:18px;color:#F4F2EE;box-shadow:inset 0 0 40px rgba(0,0,0,.35)}
.pi-tit{display:block;font-family:var(--f-head);font-size:20px;text-align:center;margin-bottom:10px;letter-spacing:.04em}
.pz-pizarra ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-pizarra li{display:grid;grid-template-columns:1fr auto auto;gap:12px;border-bottom:1px dashed rgba(255,255,255,.25);padding-bottom:6px;font-size:15px}
.pz-pizarra li b{font-family:var(--f-head);color:#F2C14E}.pz-pizarra li em{font-style:normal;opacity:.75;min-width:80px;text-align:right}

/* =================== ENERGÍA: contador de luz =================== */
.pz-contador{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}
.cn-caja{background:#E9E5DD;border-radius:20px;padding:22px;box-shadow:inset 0 0 0 3px #CFC9BE,0 30px 50px -36px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;gap:12px;width:min(320px,100%)}
.cn-caja small{align-self:flex-end;font-family:var(--f-mono);color:var(--mute)}
.cn-digitos{display:flex;gap:4px;background:#16151B;padding:8px;border-radius:8px}
.cn-d{width:28px;height:40px;overflow:hidden;background:#2a2932;border-radius:4px;color:#fff;font:600 26px/40px var(--f-mono);text-align:center}
.cn-d:last-child{background:#C7361A}
.cn-d i{display:block;font-style:normal;width:1ch;margin:0 auto;word-break:break-all;line-height:40px;transform:translateY(calc(var(--n)*-40px))}
@media (prefers-reduced-motion:no-preference){.cn-d:last-child i{animation:rueda 6s steps(10) infinite}.cn-d:nth-last-child(2) i{animation:rueda 60s steps(10) infinite}@keyframes rueda{from{transform:translateY(0)}to{transform:translateY(-400px)}}}
.cn-disco{width:120px;height:14px;border-radius:50%;background:#bfb8ab;position:relative;overflow:hidden}
.cn-disco i{position:absolute;top:0;bottom:0;width:10px;background:#C7361A}
@media (prefers-reduced-motion:no-preference){.cn-disco i{animation:disco 2s linear infinite}@keyframes disco{from{left:-10px}to{left:120px}}}
.cn-lupa{position:absolute;right:12%;top:30%;width:70px;height:70px;border-radius:50%;border:6px solid var(--ink);background:rgba(255,255,255,.25)}
.cn-lupa::after{content:'';position:absolute;right:-26px;bottom:-14px;width:34px;height:10px;border-radius:6px;background:var(--ink);transform:rotate(40deg)}
.pz-contador p{font-weight:700}

/* =================== ENERGÍA: plano azul =================== */
.pl-hoja{position:relative;height:240px;border-radius:16px;overflow:hidden;background:#1e3a5f;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px}
.pl-z{position:absolute;border:2px solid rgba(255,255,255,.75);color:#fff;font:600 12.5px var(--f-mono);display:flex;align-items:flex-start;padding:6px;border-radius:4px;transition:background .4s}
.pl-z.z1{left:6%;top:8%;width:38%;height:42%}.pl-z.z2{left:48%;top:8%;width:46%;height:60%}.pl-z.z3{left:6%;top:56%;width:22%;height:36%}.pl-z.z4{left:32%;top:72%;width:62%;height:20%}
.pl-scan{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(126,231,255,.35),transparent);left:-30%}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .pl-scan{animation:escanea 4s ease-in-out infinite}@keyframes escanea{to{left:100%}}.ps.vis-in .pl-z{animation:zona 4s infinite}.ps.vis-in .z2{animation-delay:1.2s}.ps.vis-in .z3{animation-delay:.6s}.ps.vis-in .z4{animation-delay:2s}@keyframes zona{10%,30%{background:rgba(126,231,255,.22)}}}

/* =================== ENERGÍA: huella =================== */
.pz-huella{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:#fff;border-radius:22px;padding:20px}
.hu-nube{width:140px;height:90px;border-radius:50px;background:#9C98A3;color:#fff;font:700 26px var(--f-head);display:grid;place-items:center;position:relative;transition:transform 2s ease,background 2s}
.hu-nube::before,.hu-nube::after{content:'';position:absolute;border-radius:50%;background:inherit}.hu-nube::before{width:60px;height:60px;top:-26px;left:22px}.hu-nube::after{width:44px;height:44px;top:-16px;right:24px}
.ps.vis-in .hu-nube{transform:scale(.72);background:#7FB597}
.pz-huella ol{margin:0;padding:0;list-style:none;display:flex;gap:6px;flex-wrap:wrap;counter-reset:h}
.pz-huella li{counter-increment:h;background:var(--paper);border-radius:99px;padding:8px 14px;font-weight:700;font-size:14px}
.pz-huella li::before{content:counter(h) ' · ';color:#1F7A4F}

/* =================== ENERGÍA: sellos ISO que giran =================== */
.pz-iso{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.iso-s{position:relative;width:180px;height:180px;display:grid;place-items:center}
.iso-r{position:absolute;inset:0;width:100%;height:100%}
.iso-r circle{fill:#fff;stroke:#1F7A4F;stroke-width:3;stroke-dasharray:4 6}.iso-r.b circle{stroke:#E2A21B}
.iso-r text{font:700 12.5px var(--f-mono);letter-spacing:.12em;fill:var(--ink)}
@media (prefers-reduced-motion:no-preference){.iso-r{animation:gira 22s linear infinite}.iso-r.b{animation-direction:reverse}@keyframes gira{to{transform:rotate(360deg)}}}
.iso-s b{position:relative;font-family:var(--f-head);font-size:24px;text-align:center;line-height:1.05}

/* =================== ENERGÍA: enlace con plato =================== */
.pz-plato-l{display:flex;align-items:center;gap:16px;background:#fff;border-radius:20px;padding:14px 18px;text-decoration:none!important;color:var(--ink)!important;transition:transform .3s;box-shadow:0 16px 30px -24px rgba(22,21,27,.6)}
.pl-pl{width:56px;height:56px;border-radius:50%;background:var(--paper);color:#1F7A4F;padding:12px;transition:transform .6s}
.pz-plato-l b{display:block;font-family:var(--f-head);font-size:17px}.pz-plato-l small{color:var(--mute)}
.pz-plato-l i{margin-left:auto;font-style:normal;font-size:24px;color:var(--red2);transition:transform .3s}
.pz-plato-l:hover{transform:translateY(-3px)}.pz-plato-l:hover .pl-pl{transform:rotate(360deg)}.pz-plato-l:hover i{transform:translateX(6px)}

/* =================== ENERGÍA: acreditación con cinta =================== */
.pz-acredita{display:flex;flex-direction:column;align-items:center}
.ac-cinta{width:24px;height:60px;background:repeating-linear-gradient(45deg,#E5482A 0 8px,#C7361A 8px 16px)}
.ac-tarjeta{width:min(340px,100%);background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 30px 50px -30px rgba(22,21,27,.6);transform-origin:top center;border-top:8px solid var(--ink)}
@media (prefers-reduced-motion:no-preference){.ac-tarjeta{animation:balancea 5s ease-in-out infinite}@keyframes balancea{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}}
.ac-tarjeta small{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--mute)}.ac-tarjeta b{font-family:var(--f-head);font-size:17px}
.ac-tarjeta ul{margin:0;padding-left:18px;font-size:14.5px}

/* =================== APPS: pantalla de inicio =================== */
.pz-inicio{display:flex;justify-content:center}
.in-movil{position:relative;width:min(290px,100%);aspect-ratio:9/16;border-radius:38px;border:8px solid var(--ink);background:linear-gradient(160deg,#ffd9c7,#c8b6ff 60%,#9fd3ff);padding:44px 22px 22px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(22,21,27,.8)}
.in-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ap-i{aspect-ratio:1;border-radius:14px;background:var(--c);opacity:.75}
.ap-tuya{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:4px}
.ap-tuya i{width:100%;aspect-ratio:1;border-radius:14px;background:var(--red);display:grid;place-items:center;font-style:normal;font-size:24px;box-shadow:0 10px 18px -8px rgba(229,72,42,.8)}
.ap-tuya small{font-size:10.5px;font-weight:700;color:var(--ink)}
@media (prefers-reduced-motion:no-preference){.ap-tuya{animation:aterriza 1.2s .4s cubic-bezier(.3,1.5,.5,1) both}@keyframes aterriza{from{transform:translateY(-220px) scale(.4);opacity:0}}}
.in-noti{position:absolute;left:12px;right:12px;top:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:16px;padding:10px 12px;font-size:12.5px;display:flex;flex-direction:column;box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
.in-noti b{font-size:12px}
@media (prefers-reduced-motion:no-preference){.in-noti{animation:baja 6s 1.8s infinite both}@keyframes baja{0%{transform:translateY(-120%)}8%,60%{transform:none}70%,100%{transform:translateY(-120%)}}}

/* =================== APPS: iconos grandes =================== */
.pz-iconos{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pz-iconos li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ico-c{width:84px;height:84px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:38px;box-shadow:0 16px 30px -20px rgba(22,21,27,.6);transition:transform .3s}
.pz-iconos li:hover .ico-c{animation:tiembla .5s}
@keyframes tiembla{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.pz-iconos b{font-size:14px;line-height:1.25}.pz-iconos small{color:var(--red2);font-weight:700}

/* =================== APPS: abanico de móviles =================== */
.pz-abanico{position:relative;height:340px;display:flex;justify-content:center;align-items:flex-end;margin-top:6px}
.ab-m{position:absolute;bottom:0;width:150px;height:300px;border-radius:26px;border:6px solid var(--ink);overflow:hidden;transform-origin:bottom center;transition:transform .8s cubic-bezier(.3,1.2,.4,1);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px}
.ab-m img{width:100%;height:100%;object-fit:cover;object-position:top}
.ab-2{z-index:2;padding:0}
.ab-1{background:linear-gradient(160deg,#16151B,#3b2f6b);color:#fff}.ab-3{background:linear-gradient(160deg,#E5482A,#F2A65A);color:#fff}
.ab-m span{font-family:var(--f-head);font-size:16px}.ab-m small{font-size:12px;opacity:.85}
.ps.vis-in .ab-1{transform:rotate(-16deg) translateX(-70px)}.ps.vis-in .ab-3{transform:rotate(16deg) translateX(70px)}

/* =================== APPS: cómo se instala =================== */
.pz-instala{background:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:14px;align-items:center}
.is-tabs{display:inline-flex;background:var(--paper);border-radius:99px;padding:4px}
.is-tabs button{font:600 14.5px var(--f-body);border:0;background:none;border-radius:99px;padding:8px 18px;cursor:pointer;color:var(--ink)}
.is-tabs button.on{background:var(--ink);color:#fff}
.is-pant{position:relative;width:240px;height:150px;border-radius:20px;background:linear-gradient(#ECE8E1,#fff);border:6px solid var(--ink);overflow:hidden}
.is-p{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px}
.is-banner,.is-paso{background:#fff;border-radius:12px;padding:10px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 14px -8px rgba(0,0,0,.35)}
.is-banner b{background:#1F7A4F;color:#fff;border-radius:8px;padding:4px 8px}.is-paso b{color:#2f6fe0}
.is-dedo{position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(229,72,42,.35);border:2px solid var(--red);right:22px;bottom:18px}
@media (prefers-reduced-motion:no-preference){.is-dedo{animation:toque 1.6s infinite}@keyframes toque{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(.7);opacity:1}}}
.is-p[data-so=iphone] .is-dedo{bottom:56px}

/* =================== APPS: diploma =================== */
.pz-diploma{display:flex;justify-content:center;padding-bottom:40px}
.dp-papel{position:relative;width:min(420px,100%);background:#FFFDF6;border:2px solid #E8D3B0;outline:8px solid #fff;box-shadow:0 30px 50px -30px rgba(22,21,27,.5);padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:6px}
.dp-papel small{font-family:var(--f-mono);letter-spacing:.24em;color:#a8853a}.dp-papel b{font-family:var(--f-head);font-size:22px}.dp-papel span{color:var(--mute)}
.dp-lazo{position:absolute;right:20px;bottom:-22px;width:54px;height:54px;border-radius:50%;background:radial-gradient(#E5482A 55%,#C7361A 56%);box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.dp-lazo::before,.dp-lazo::after{content:'';position:absolute;top:44px;width:16px;height:30px;background:#C7361A;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}
.dp-lazo::before{left:10px;transform:rotate(14deg)}.dp-lazo::after{right:10px;transform:rotate(-14deg)}

/* =================== PRECIOS: cajas de regalo =================== */
.pz-cajas ul{list-style:none;margin:0;padding:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.pz-cajas li{position:relative;height:200px;cursor:pointer}
.cj-caja{position:absolute;z-index:1;left:0;right:0;bottom:0;height:62%;border-radius:8px 8px 14px 14px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;color:#fff}
.cj-caja b{font-family:var(--f-head);font-size:20px}
.cj-tapa{position:absolute;left:-5%;right:-5%;bottom:60%;height:22%;border-radius:10px;z-index:2;transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.cj-caja::before,.cj-tapa::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:18px;margin-left:-9px;background:rgba(255,255,255,.4)}
.cj-dentro{position:absolute;left:8%;right:8%;bottom:36%;z-index:0;background:#fff;border-radius:12px;padding:10px;text-align:center;font-size:12px;color:var(--mute);transition:transform .6s cubic-bezier(.3,1.5,.5,1);box-shadow:0 10px 20px -12px rgba(0,0,0,.4)}
.cj-dentro b{display:block;font-family:var(--f-head);font-size:19px;color:var(--ink)}
.pz-cajas li:hover .cj-tapa,.pz-cajas li.on .cj-tapa{transform:translateY(-56px) rotate(-8deg)}
.pz-cajas li:hover .cj-dentro,.pz-cajas li.on .cj-dentro{transform:translateY(-58px)}
.cj-bz .cj-caja,.cj-bz .cj-tapa{background:linear-gradient(135deg,#C98A5A,#8B5E3C)}
.cj-pl .cj-caja,.cj-pl .cj-tapa{background:linear-gradient(135deg,#C8CDD4,#8b9097)}
.cj-or .cj-caja,.cj-or .cj-tapa{background:linear-gradient(135deg,#F2C14E,#B8862B)}
.cj-or .cj-caja{height:72%}.cj-or .cj-tapa{bottom:70%}.cj-or .cj-dentro{bottom:46%}
.cj-pl .cj-caja{height:67%}.cj-pl .cj-tapa{bottom:65%}.cj-pl .cj-dentro{bottom:41%}

/* =================== PRECIOS: selector por local =================== */
.pz-selector{background:#fff;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:14px}
.se-tabs{display:flex;gap:6px;flex-wrap:wrap}
.se-tabs button{font:600 14.5px var(--f-body);border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 16px;cursor:pointer;color:var(--ink)}
.se-tabs button.on{background:var(--red);border-color:var(--red);color:#fff}
.se-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.se-c{border-radius:16px;padding:14px;color:#fff;display:flex;flex-direction:column;gap:2px;animation:sube .5s cubic-bezier(.2,.7,.2,1) both}
.se-c:nth-child(2){animation-delay:.08s}.se-c:nth-child(3){animation-delay:.16s}
@keyframes sube{from{opacity:0;transform:translateY(12px)}}
.se-c small{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.se-c b{font-family:var(--f-head);font-size:24px}.se-c span{font-weight:600;opacity:.9}
.se-bz{background:linear-gradient(135deg,#C98A5A,#8B5E3C)}.se-pl{background:linear-gradient(135deg,#9aa0a8,#5f646b)}.se-or{background:linear-gradient(135deg,#E2A21B,#9b6f17)}

/* =================== PRECIOS: donut 50/25/25 =================== */
.pz-donut{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border-radius:22px;padding:18px}
.pz-donut svg{width:100%;transform:rotate(-90deg)}
.dn-f{fill:none;stroke:#ECE8E1;stroke-width:6}
.dn-s{fill:none;stroke-width:6;stroke-dasharray:0 100;transition:stroke-dasharray 1s ease}
.dn-s.s1{stroke:var(--red)}.dn-s.s2{stroke:#E2A21B;stroke-dashoffset:-50}.dn-s.s3{stroke:#1F7A4F;stroke-dashoffset:-75}
.ps.vis-in .dn-s.s1{stroke-dasharray:50 100}.ps.vis-in .dn-s.s2{stroke-dasharray:25 100;transition-delay:.6s}.ps.vis-in .dn-s.s3{stroke-dasharray:25 100;transition-delay:1.1s}
.pz-donut ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.pz-donut li{display:flex;gap:10px;align-items:center}.pz-donut li::before{content:'';width:14px;height:14px;border-radius:4px;flex:none}
.pz-donut .l1::before{background:var(--red)}.pz-donut .l2::before{background:#E2A21B}.pz-donut .l3::before{background:#1F7A4F}
.pz-donut b{font-family:var(--f-head)}

/* =================== PRECIOS: las 5 sillas =================== */
.pz-sillas{background:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.pz-sillas ol{list-style:none;margin:0;padding:0;display:flex;gap:14px}
.pz-sillas li{display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*.12s)}
.vis-js .ps:not(.vis-in) .pz-sillas li{transform:translateY(20px) scale(.6)}
.pz-sillas svg{width:44px;height:52px;fill:none;stroke:var(--red2);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pz-sillas small{font-family:var(--f-mono);color:var(--mute)}

/* =================== PRECIOS: plazos =================== */
.pz-plazos{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-plazos li{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:10px;align-items:center;font-size:14.5px;font-weight:600}
.pz-plazos li i{height:28px;border-radius:8px;background:repeating-linear-gradient(90deg,#E5482A 0 calc(100%/var(--d) - 2px),transparent calc(100%/var(--d) - 2px) calc(100%/var(--d)));width:calc(var(--d)*6.4%);min-width:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pz-plazos li i b{background:var(--ink);color:#fff;font-size:12px;border-radius:6px;padding:2px 6px;white-space:nowrap}
.vis-js .ps:not(.vis-in) .pz-plazos li i{transform:scaleX(0)}

/* =================== TRABAJOS: mosaico que flota =================== */
.pz-mosaico{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pz-mosaico li{border-radius:16px;overflow:hidden;box-shadow:0 24px 40px -28px rgba(22,21,27,.7);transform:rotate(calc((var(--i) - 1.5)*2deg))}
.pz-mosaico img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}
@media (prefers-reduced-motion:no-preference){.pz-mosaico li{animation:deriva 7s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-1.7s)}@keyframes deriva{to{transform:rotate(calc((1.5 - var(--i))*2deg)) translateY(-8px)}}}

/* =================== TRABAJOS: Franjose con zoom lento =================== */
.pz-zoom{margin:6px 0 0;border-radius:18px;overflow:hidden;background:#1B1A20;box-shadow:0 30px 60px -36px rgba(22,21,27,.7)}
.zm-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;color:#9C98A3;font:500 12px var(--f-mono)}.zm-bar i{width:9px;height:9px;border-radius:50%;background:#4A4852}.zm-bar span{margin-left:10px}
.zm-vp{overflow:hidden}.zm-vp img{width:100%;display:block;transform-origin:20% 30%}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .zm-vp img{animation:kb 18s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.35) translate(-6%,-4%)}}}

/* =================== TRABAJOS: El Faro por capas =================== */
.pz-capas{position:relative;padding:0 50px 40px 0;margin-top:6px}
.cp-d{width:100%;border-radius:16px;box-shadow:0 30px 60px -36px rgba(22,21,27,.7);transition:transform .2s ease-out}
.cp-m{position:absolute;right:0;bottom:0;width:26%;border-radius:20px;border:6px solid var(--ink);box-shadow:0 30px 50px -20px rgba(0,0,0,.6);transition:transform .2s ease-out}
.cp-chip{position:absolute;left:14px;top:14px;background:#1F7A4F;color:#fff;font-weight:700;font-size:13px;border-radius:99px;padding:6px 12px;transition:transform .2s ease-out}

/* =================== TRABAJOS: tira de película =================== */
.pz-pelicula{margin-top:6px;overflow:hidden;border-radius:12px;background:#111;padding:22px 0;position:relative}
.pz-pelicula::before,.pz-pelicula::after{content:'';position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent 0 10px,#F4F2EE 10px 22px,transparent 22px 32px);opacity:.7}
.pz-pelicula::before{top:5px}.pz-pelicula::after{bottom:5px}
.pe-tira{display:flex;gap:12px;width:max-content}
.pe-tira img{height:200px;width:auto;border-radius:4px}
@media (prefers-reduced-motion:no-preference){.pe-tira{animation:rueda-p 32s linear infinite}.pz-pelicula:hover .pe-tira{animation-play-state:paused}@keyframes rueda-p{to{transform:translateX(-50%)}}}

/* =================== TRABAJOS: vinilo de El Legado =================== */
.pz-vinilo{position:relative;height:300px;margin-top:6px}
.vn-funda{position:absolute;left:0;top:0;width:min(72%,520px);aspect-ratio:1.2;border-radius:6px;overflow:hidden;box-shadow:0 30px 50px -30px rgba(0,0,0,.6);z-index:2;background:#16151B}
.vn-funda img{width:100%;height:100%;object-fit:cover;object-position:top}
.vn-disco{position:absolute;top:4%;left:20%;width:min(46%,320px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#111 0 2px,#222 2px 4px);box-shadow:0 20px 40px -20px #000;transition:left 1.2s cubic-bezier(.2,.7,.2,1)}
.vn-disco i{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(#16151B 12%,#E5482A 13%)}
.ps.vis-in .vn-disco{left:50%}
@media (prefers-reduced-motion:no-preference){.vn-disco{animation:vuelta 3s linear infinite}@keyframes vuelta{to{transform:rotate(360deg)}}}

/* =================== 8 FUGAS: el cubo =================== */
.pz-cubo{display:flex;flex-direction:column;align-items:center;gap:10px}
.cb-cubo{position:relative;width:min(320px,90%);aspect-ratio:1/1.05;background:linear-gradient(90deg,#9aa0a8,#d6dade 40%,#8b9097);clip-path:polygon(4% 0,96% 0,84% 100%,16% 100%);border-radius:6px}
.cb-agua{position:absolute;left:8%;right:8%;bottom:0;height:var(--nivel,20%);background:linear-gradient(#7EC8E3,#2f6fa8);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);transition:height .8s ease;opacity:.85}
.fg-a{position:absolute;left:var(--x);top:var(--y);width:26px;height:26px;margin:-13px;border-radius:50%;border:0;background:#16151B;cursor:pointer;z-index:2;box-shadow:inset 0 3px 6px rgba(0,0,0,.6)}
.fg-gota{position:absolute;left:50%;top:60%;width:8px;height:12px;margin-left:-4px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#2f6fa8}
@media (prefers-reduced-motion:no-preference){.fg-gota{animation:gotea 1.2s ease-in infinite}@keyframes gotea{0%{transform:translateY(0);opacity:1}100%{transform:translateY(40px);opacity:0}}}
.fg-a.tapada{background:#B8862B;box-shadow:0 3px 0 #7a5a1c}.fg-a.tapada .fg-gota{display:none}
.fg-a.tapada::after{content:'✓';color:#fff;font-weight:800;font-size:13px;position:absolute;inset:0;display:grid;place-items:center}
.cb-cuenta{font-weight:700}.cb-cuenta b{font-family:var(--f-head);font-size:22px;color:var(--red2)}
.cb-fin{font-family:var(--f-head);font-weight:600;color:#1F7A4F}

/* =================== 8 FUGAS: medalla de oro =================== */
.pz-oro{display:flex;align-items:center;gap:20px;background:var(--ink);color:#fff;border-radius:22px;padding:20px;flex-wrap:wrap}
.oro-m{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#F2C14E 40%,#9b6f17);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 0 0 6px rgba(242,193,78,.25);position:relative;overflow:hidden}
.oro-m::after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translateX(-80%)}
@media (prefers-reduced-motion:no-preference){.ps.vis-in .oro-m::after{animation:destello 3s infinite}@keyframes destello{50%,100%{transform:translateX(80%)}}}
.oro-m b{font-family:var(--f-head);font-size:30px}.oro-m small{font-size:11px;font-weight:700}
.pz-oro p{color:#fff!important;font-family:var(--f-head);font-size:20px!important}

/* =================== NOSOTROS: café con humo =================== */
.pz-cafe{display:flex;flex-direction:column;align-items:center}
.cf-taza{width:min(260px,70%)}
.cf-cuerpo{fill:#fff;stroke:var(--ink);stroke-width:3.5}.cf-asa{fill:none;stroke:var(--ink);stroke-width:3.5}.cf-plato{fill:#ECE8E1;stroke:var(--ink);stroke-width:3}
.cf-humo{fill:none;stroke:#9C98A3;stroke-width:3;stroke-linecap:round;opacity:.7}
@media (prefers-reduced-motion:no-preference){.cf-humo{animation:humo 3s ease-in-out infinite}.cf-humo.h2{animation-delay:.6s}.cf-humo.h3{animation-delay:1.2s}@keyframes humo{0%{transform:translateY(8px);opacity:0}40%{opacity:.8}100%{transform:translateY(-14px);opacity:0}}}
.cf-letra{font-family:var(--f-head);font-size:28px;color:var(--red2);transform:rotate(-3deg);clip-path:inset(0 100% 0 0);animation:escribe 2.2s .6s steps(22) forwards}
@keyframes escribe{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.cf-letra{clip-path:none;animation:none}}

/* =================== NOSOTROS: el camino =================== */
.pz-camino{list-style:none;margin:6px 0 0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pz-camino::before{content:'';position:absolute;left:0;right:0;top:20px;height:4px;background:linear-gradient(90deg,var(--red) var(--av,0%),#E7E2D9 var(--av,0%));transition:--av 2s}
.ps.vis-in .pz-camino::before{background:var(--red);transition:background 2s}
.pz-camino li{position:relative;padding-top:42px;display:flex;flex-direction:column;gap:4px}
.pz-camino li::before{content:'';position:absolute;top:10px;left:0;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--red);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*.35s)}
.ps.vis-in .pz-camino li::before{transform:scale(1)}
.pz-camino b{font-family:var(--f-head);font-size:24px;color:var(--red2)}.pz-camino span{font-size:14.5px;font-weight:600}

/* =================== NOSOTROS: posavasos =================== */
.pz-posavasos{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pz-posavasos li{aspect-ratio:1;border-radius:50%;background:#E8D3B0;display:grid;place-items:center;text-align:center;padding:18%;transform:rotate(var(--g));box-shadow:inset 0 0 0 8px #d9bf96,inset 0 0 0 10px #fff3,0 14px 24px -18px rgba(0,0,0,.5);transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.pz-posavasos li span{font-family:var(--f-head);font-weight:600;font-size:15px;line-height:1.2}
.pz-posavasos li:hover{transform:rotate(calc(var(--g) + 360deg)) scale(1.04)}

/* =================== NOSOTROS: contrato con lacre =================== */
.pz-contrato{position:relative;display:flex;justify-content:center;padding:10px 0 20px}
.ct-papel{width:min(420px,100%);background:#FFFDF6;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 50px -30px rgba(22,21,27,.5);transform:rotate(-1deg)}
.ct-papel b{font-family:var(--f-head);font-size:20px}.ct-papel i{height:7px;border-radius:4px;background:#ECE8E1}.ct-papel i.c{width:60%}
.ct-firma{align-self:flex-start;font-family:var(--f-head);font-style:italic;font-size:22px;color:#2f4f9a;clip-path:inset(0 100% 0 0);transition:clip-path 1.6s steps(14) .3s}
.ps.vis-in .ct-firma{clip-path:inset(0 0 0 0)}
.ct-lacre{position:absolute;left:calc(50% + 120px);bottom:6px;width:70px;height:70px;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 35% 30%,#ff7a5c,#C7361A 55%,#8f2310);color:#ffd7cc;font:700 20px var(--f-head);display:grid;place-items:center;transform:scale(0) rotate(-30deg);transition:transform .5s cubic-bezier(.3,1.8,.5,1) 1.8s}
.ps.vis-in .ct-lacre{transform:scale(1) rotate(-12deg)}
@media (max-width:640px){.ct-lacre{left:auto;right:10px}}

/* =================== NOSOTROS: la ruta =================== */
.pz-ruta{position:relative;background:#1e3a5f;border-radius:22px;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.4px);background-size:14px 14px}
.pz-ruta svg{width:100%;display:block}
.rt-arco{fill:none;stroke:#FF8A70;stroke-width:2.5;stroke-dasharray:6 6}
.rt-p{fill:#fff}.rt-avion{fill:#F2C14E}
.rt-l{position:absolute;color:#fff;font-weight:700;font-size:13.5px;background:rgba(0,0,0,.35);border-radius:8px;padding:3px 8px}
.rt-l.l1{right:6%;top:18%}.rt-l.l2{left:6%;bottom:12%}
.rt-h{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--ink);font-weight:700;font-size:13px;border-radius:99px;padding:6px 12px}

/* =================== móvil =================== */
@media (max-width:900px){
  .pz-neon ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pz-pasillo ul{grid-template-columns:repeat(3,minmax(0,1fr))}.pta-li-q{grid-column:2}
  .pz-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-iconos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-camino{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.pz-camino::before{display:none}
}
@media (max-width:640px){
  .pz-neon ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-letrero,.pz-glitch,.pz-mermas,.pz-calend,.pz-archivo,.pz-medidor,.pz-donut{grid-template-columns:minmax(0,1fr)}
  .pz-donut svg{width:180px;justify-self:center}.bq-torre li{font-size:12.5px;padding:6px 4px}.pz-bloques{gap:10px}
  .rt-h{position:static;display:block;margin:0 12px 12px;text-align:center}.rt-l.l2{bottom:22%}
  .pz-trio{grid-template-columns:minmax(0,1fr)}.tri-c{flex-direction:row;align-items:center}.tri-c img{width:84px}
  .pz-tuberia{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.pz-tuberia::before,.pz-tuberia::after{display:none}
  .pz-enchufe{grid-template-columns:minmax(0,1fr);gap:12px}.en-cable{height:40px;width:6px;justify-self:center}.en-clavija{left:-9px!important;top:0;width:24px;height:16px;transition:top 1.2s}.ps.vis-in .en-clavija{top:24px}.en-precio{position:static;transform:none;justify-self:center}
  .pz-panel{grid-template-columns:minmax(0,1fr)}.pn-lado{flex-direction:row;flex-wrap:wrap;gap:8px 12px;padding:12px}.pn-lado b{width:100%;margin:0}
  .pz-fichar{grid-template-columns:minmax(0,1fr)}.fc-reloj{width:60%;justify-self:center}
  .pz-cielo ol,.pz-llegada{grid-template-columns:minmax(0,1fr)}
  .pz-huella{grid-template-columns:minmax(0,1fr);justify-items:center}
  .pz-switch,.se-p{grid-template-columns:minmax(0,1fr)}
  .pz-posavasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-abanico{height:300px}.ab-m{width:120px;height:250px}.ps.vis-in .ab-1{transform:rotate(-14deg) translateX(-56px)}.ps.vis-in .ab-3{transform:rotate(14deg) translateX(56px)}
  .pz-escalones ol{height:200px}.pz-escalones li b{font-size:15px}
  .pz-cajas li{height:170px}.cj-caja b{font-size:16px}.cj-dentro b{font-size:15px}
  .pz-pasillo ul{padding:12px 12px 12px 36px;gap:8px}.pta-dentro{padding:4px 3px}.pta-dentro b{font-size:11.5px}
  .pz-vinilo{height:240px}
  .pz-capas{padding:0 30px 30px 0}
  .pz-plazos li{grid-template-columns:minmax(0,1fr)}
  .pz-chat .cht-aviso{right:0;top:-6px}
  .pz-mosaico{gap:8px}
  .pz-pizarra li{grid-template-columns:1fr auto;}.pz-pizarra li em{grid-column:1/-1;text-align:left}
}
.in-dock{position:absolute;left:14px;right:14px;bottom:14px;height:62px;border-radius:22px;background:rgba(255,255,255,.45);backdrop-filter:blur(6px);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 14px}
.in-dock i{border-radius:12px;background:rgba(22,21,27,.18)}

/* =================== Formulario de demo en la propia página =================== */
.pdemo{scroll-margin-top:90px;margin:56px 0 40px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;border-radius:28px;padding:36px}
.pdemo h2{font-size:clamp(24px,3.2vw,34px);margin:8px 0 12px}
.dm-puntos{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px}
.dm-puntos li{display:flex;gap:10px;align-items:center;font-weight:600}
.dm-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dm-f{display:grid;gap:18px;background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 60px -30px rgba(22,21,27,.45)}
.dm-f fieldset{border:0;margin:0;padding:0;display:grid;gap:12px}
.dm-f legend{font-family:var(--f-head);font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0}
.dm-f legend i{font-style:normal;font-family:var(--f-mono);font-size:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.dm-f label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink2)}
.dm-f input:not([type=checkbox]):not([type=radio]),.dm-f textarea{font:inherit;font-size:16px;font-weight:400;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;background:#FBFAF7;color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}
.dm-f input:focus,.dm-f textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(229,72,42,.14)}
.dm-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.dm-lab{font-size:14px;font-weight:600;color:var(--ink2);display:block;margin-bottom:8px}
.dm-chips{display:flex;flex-wrap:wrap;gap:8px}
.dm-chips-ic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dm-f .dm-chip{display:block;cursor:pointer;font-weight:600}
.dm-chip input{position:absolute;opacity:0;pointer-events:none}
.dm-chip span{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:99px;padding:8px 14px;font-size:14px;background:#FBFAF7;transition:all .2s;color:var(--ink)}
.dm-chip-ic span{border-radius:14px;flex-direction:column;text-align:center;padding:12px 8px;gap:6px;height:100%;box-sizing:border-box;line-height:1.25;font-size:13.5px}
.dm-chip-ic .dm-ic{width:24px;height:24px;color:var(--red2)}
.dm-chip:hover span{border-color:var(--ink2)}
.dm-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}
.dm-chip input:checked+span .dm-ic{color:var(--red3)}
.dm-chip input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.dm-f .dm-priv{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:var(--mute)}
.dm-priv input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--red)}
.dm-btn{justify-self:start;font-size:17px;padding:15px 28px}
.dm-btn[disabled]{opacity:.6;cursor:wait}
.dm-err{margin:0;color:var(--red2);font-weight:600}
.dm-ok{background:#fff;border-radius:22px;padding:36px 28px;text-align:center;box-shadow:0 24px 60px -30px rgba(22,21,27,.45)}
.dm-ok b{font-family:var(--f-head);font-size:24px;color:#1E8A4C}.dm-ok p{margin:10px 0 0}

/* hotel: ficha de check-in con tarjeta-llave */
.pdemo-hotel{background:linear-gradient(160deg,#1C1A22,#2A2530 60%,#3A2A24);color:#F4F2EE}
.pdemo-hotel .eyebrow{color:var(--red3)}.pdemo-hotel .dm-intro>p{color:#CFCBD6}
.pdemo-hotel .dm-puntos .dm-ic{color:#E9C877}
.pdemo-hotel .dm-f{border-top:6px solid #E9C877;position:relative;color:var(--ink)}
.pdemo-hotel .dm-f::before{content:"FICHA DE REGISTRO";position:absolute;top:-6px;right:26px;background:#E9C877;color:#3A2A24;font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;padding:4px 10px;border-radius:0 0 8px 8px}
.dm-llave{perspective:900px;max-width:340px}
.dm-llave-in{position:relative;aspect-ratio:1.586;border-radius:16px;padding:18px 20px;background:linear-gradient(135deg,#E5482A,#9E2A14);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;box-shadow:0 30px 50px -24px rgba(0,0,0,.7);transform:rotateX(14deg) rotateY(-16deg) rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.dm-llave:hover .dm-llave-in{transform:none}
.dm-llave-in::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);transform:translateX(-100%)}
.dm-llave-in .mono{font-size:10.5px;opacity:.85}
.dm-llave-in b{font-family:var(--f-head);font-size:22px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-banda{position:absolute;left:0;right:0;top:22px;height:30px;background:rgba(0,0,0,.35)}
.dm-chipllave{position:absolute;right:20px;top:66px;width:38px;height:30px;border-radius:6px;background:linear-gradient(135deg,#F3DE9C,#C9A24B);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.dm-luz{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;opacity:.55}
.dm-luz i{width:10px;height:10px;border-radius:50%;background:#7a1d0c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pdemo.hecho .dm-luz{opacity:1}.pdemo.hecho .dm-luz i{background:#3BE37F;box-shadow:0 0 12px #3BE37F}
.pdemo.hecho .dm-llave-in{transform:none}
@media (prefers-reduced-motion:no-preference){
  .dm-llave-in::after{animation:dmbrillo 5s ease-in-out infinite}@keyframes dmbrillo{70%,100%{transform:translateX(100%)}}
  .pdemo.hecho .dm-llave-in{animation:dmpasa .9s cubic-bezier(.2,.8,.2,1)}@keyframes dmpasa{30%{transform:translateY(-14px) rotate(2deg) scale(1.04)}}
  .dm-chip input:checked+span .dm-ic{animation:dmpop .35s}@keyframes dmpop{50%{transform:scale(1.3)}}
}
@media (max-width:900px){.pdemo{grid-template-columns:minmax(0,1fr);padding:26px 20px}.dm-llave{max-width:300px}}
@media (max-width:640px){.pdemo{margin:40px -4px 32px;border-radius:22px;padding:22px 14px}.dm-f{padding:20px 16px}.dm-2{grid-template-columns:minmax(0,1fr)}.dm-chips-ic{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-btn{justify-self:stretch}.dm-llave{max-width:260px}}
.dm-f .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.dm-f[hidden],.dm-ok[hidden],.dm-err[hidden]{display:none!important}
.dm-ok{grid-column:2;grid-row:1;align-self:center;color:var(--ink)}
.dm-ok p{color:var(--ink2)}
@media (max-width:900px){.dm-ok{grid-column:auto;grid-row:auto}}

/* =================== HOTEL: manómetro de la energía =================== */
.pz-manometro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:linear-gradient(160deg,#F7F4EE,#ECE6DC);border-radius:24px;padding:28px}
.mn-caja{display:flex;flex-direction:column;align-items:center;gap:12px}
.mn-svg{width:100%;max-width:360px;height:auto;display:block;filter:drop-shadow(0 26px 30px rgba(22,21,27,.35));overflow:visible}
.mn-seg{fill:none;stroke-width:15;opacity:.18;transition:opacity .25s}
.mn-seg.on{opacity:1}
.mn-m{stroke:#6c6672;stroke-width:1.5;transition:stroke .3s}.mn-mg{stroke-width:2.5}
.mn-m.on{stroke:#F4F2EE}
.mn-t{font-family:var(--f-mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-anchor:middle}
.mn-t-in{fill:#FF6A4A}.mn-t-no{fill:#E9C877}.mn-t-op{fill:#3BCB74}
.mn-pant{fill:#0d1a12;stroke:#2c4a36;stroke-width:1.5}
.mn-lcd{font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-anchor:middle;fill:#FF6A4A;transition:fill .3s}
.mn-aguja{transform-box:view-box;transform-origin:160px 165px;transform:rotate(-110deg)}
.pz-manometro.fin .mn-segs{filter:url(#mnbrillo)}
.pz-manometro.fin .mn-t-op{animation:mnlate 1.2s ease-in-out 2}
@keyframes mnlate{50%{fill:#9CFFC0;font-size:13px}}
.mn-otra{border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 14px var(--f-body);border-radius:99px;padding:9px 18px;cursor:pointer;transition:background .2s,color .2s}
.mn-otra small{font-weight:400;opacity:.7;margin-left:4px}
.mn-otra:hover{background:var(--ink);color:#fff}.mn-otra[disabled]{opacity:.45;cursor:default}
.mn-pasos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mn-pasos li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:start;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 24px -18px rgba(22,21,27,.5);border-left:4px solid var(--c);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.mn-pasos i{grid-row:span 2;font-style:normal;font-family:var(--f-mono);font-weight:600;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-size:13px}
.mn-pasos b{font-size:15.5px;line-height:1.3}.mn-pasos span{font-size:14px;color:var(--ink2);line-height:1.4}
.vis-js .pz-manometro .mn-pasos li:not(.on){opacity:0;transform:translateX(24px)}
.mn-pasos li:last-child.on{box-shadow:0 0 0 2px var(--c),0 14px 30px -14px var(--c)}
@media (max-width:820px){.pz-manometro{grid-template-columns:minmax(0,1fr);padding:20px 14px}.vis-js .pz-manometro .mn-pasos li:not(.on){transform:translateY(14px)}}

/* =================== AGENTE: Quinto 3D en la cabecera =================== */
.pz-q3d{position:relative;width:min(100%,440px);aspect-ratio:5/6;margin:0 auto;justify-self:center}
.pz-q3d::before{content:"";position:absolute;left:8%;right:8%;top:10%;bottom:12%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,106,74,.22),rgba(255,106,74,0) 65%);filter:blur(10px)}
.q3d-img,.q3d-canvas{position:absolute;inset:0;width:100%;height:100%}
.q3d-img{object-fit:contain;object-position:50% 50%;transition:opacity .6s}  /* póster = primer fotograma del 3D (mismo encuadre): sin salto al aparecer */
.q3d-canvas{opacity:0;transition:opacity .6s;cursor:pointer;touch-action:pan-y}
.pz-q3d.q3d-on .q3d-canvas{opacity:1}.pz-q3d.q3d-on .q3d-img{opacity:0}
.q3d-bocadillo{position:absolute;left:-14%;top:2%;max-width:56%;background:#fff;border-radius:18px 18px 18px 4px;padding:12px 16px;box-shadow:0 18px 40px -22px rgba(22,21,27,.55);font-size:14.5px;line-height:1.4;z-index:2}
.q3d-bocadillo b{display:block;font-family:var(--f-head);font-size:15px;margin-bottom:2px}
.q3d-bocadillo span{color:var(--ink2);display:block;min-height:2.8em}
.q3d-pista{position:absolute;right:6%;bottom:8%;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:rgba(255,255,255,.8);padding:5px 10px;border-radius:99px;opacity:0;transition:opacity .4s;z-index:2}
.pz-q3d.q3d-on .q3d-pista{opacity:1}
@media (prefers-reduced-motion:no-preference){.q3d-bocadillo{animation:q3dbur .7s .4s cubic-bezier(.2,1.4,.4,1) both}@keyframes q3dbur{from{opacity:0;transform:scale(.6) translateY(10px);transform-origin:0 100%}}}
@media (max-width:900px){.pz-q3d{width:min(100%,360px)}.q3d-bocadillo{left:0;max-width:62%;font-size:13.5px}}

/* =================== AGENTE: una noche con Quinto =================== */
.pz-noche{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;background:radial-gradient(120% 80% at 0% 0%,#2a2335,#15141B 60%);border-radius:26px;padding:34px 28px 30px 18px;color:#EDEAF2;overflow:hidden}
.nc-ej{position:absolute;top:14px;right:18px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9A95A8;border:1px solid #3a3546;border-radius:99px;padding:3px 9px}
.nc-carril{position:relative}
.nc-carril::before{content:"";position:absolute;left:50%;top:6px;bottom:40px;width:3px;margin-left:-1.5px;background:rgba(255,255,255,.1);border-radius:3px}
.nc-fill{position:absolute;left:50%;top:6px;width:3px;margin-left:-1.5px;height:calc((100% - 46px) * var(--p,0));background:linear-gradient(#FF6A4A,#E9C877 60%,#3BCB74);border-radius:3px;box-shadow:0 0 12px rgba(255,106,74,.6)}
.nc-quinto{position:absolute;left:50%;top:0;width:62px;height:auto;margin-left:-31px;transform:translateY(var(--y,0px));filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));will-change:transform}
.nc-lista{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.nc-e{display:grid;grid-template-columns:auto 40px minmax(0,1fr);gap:12px;align-items:start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 16px;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s}
.nc-e time{font-family:var(--f-mono);font-weight:600;font-size:14px;color:#C9C4D6;background:rgba(255,255,255,.06);border-radius:8px;padding:4px 8px;margin-top:2px}
.nc-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,106,74,.14);color:#FF8A70}
.nc-ic .ic-mano{width:22px;height:22px}
.nc-e b{display:block;font-size:16px;color:#fff;margin-bottom:2px}
.pz-noche .nc-e p{margin:0 0 8px;font-size:14.5px!important;line-height:1.45;color:#C9C4D6}
.nc-e em{display:inline-block;font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:rgba(59,203,116,.15);color:#6FE3A0}
.nc-aviso em{background:rgba(233,200,119,.15);color:#E9C877}.nc-persona em{background:rgba(120,160,255,.15);color:#A9C1FF}
.nc-fin{grid-template-columns:auto 40px minmax(0,1fr) 110px;align-items:center;background:linear-gradient(120deg,rgba(233,200,119,.16),rgba(59,203,116,.1));border-color:rgba(233,200,119,.3)}
.nc-fin .nc-ic{background:rgba(233,200,119,.18);color:#E9C877}
.nc-tablet{width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}
.vis-js .pz-noche .nc-e:not(.on){opacity:.18;transform:translateX(14px)}
.pz-noche .nc-e.on{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
@media (max-width:640px){.pz-noche{grid-template-columns:44px minmax(0,1fr);padding:40px 12px 18px 6px}.nc-quinto{width:42px;margin-left:-21px}.nc-e{grid-template-columns:minmax(0,1fr);gap:8px}.nc-e time{justify-self:start}.nc-ic{display:none}.nc-fin{grid-template-columns:minmax(0,1fr) 84px}.nc-fin time,.nc-fin>div{grid-column:1}.nc-fin .nc-tablet{grid-column:2;grid-row:1 / span 2}}

/* =================== AGENTE: pruébalo tú =================== */
.pz-simula{display:grid;gap:14px}
.sm-tabs{display:flex;flex-wrap:wrap;gap:8px}
.sm-tab{font:600 14.5px var(--f-body);padding:9px 15px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:all .2s}
.sm-tab:hover{border-color:var(--ink)}.sm-tab.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 18px -10px var(--red)}
.sm-cuerpo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch}
.sm-chat{background:#F7F5F1;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-height:420px}
.sm-cab{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
.sm-cab img{width:42px;height:42px;border-radius:50%;background:#EDE7DD;object-fit:cover}
.sm-cab b{display:block;font-size:15px}.sm-cab small{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:12.5px}
.sm-cab small i{width:8px;height:8px;border-radius:50%;background:#3BCB74}
.sm-cab em{margin-left:auto;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:3px 8px}
.sm-msgs{list-style:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}
.sm-msgs li{max-width:80%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.4;animation:smllega .35s cubic-bezier(.2,.9,.3,1.2) both}
.sm-c{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.sm-q{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
@keyframes smllega{from{opacity:0;transform:translateY(8px) scale(.96)}}
.sm-esc{display:flex;gap:4px;padding:0 16px 16px;height:22px;opacity:0;transition:opacity .2s}.sm-esc.on{opacity:1}
.sm-esc i{width:7px;height:7px;border-radius:50%;background:#B9B4AC;animation:smesc 1s infinite}.sm-esc i:nth-child(2){animation-delay:.15s}.sm-esc i:nth-child(3){animation-delay:.3s}
@keyframes smesc{50%{transform:translateY(-4px);background:var(--ink2)}}
.sm-equipo{position:relative;background:linear-gradient(160deg,#1E1C24,#2B2531);color:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:260px}
.sm-equipo .mono{color:#E9C877;font-size:11px}
.sm-push{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.95);color:var(--ink);border-radius:16px;padding:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.7);transition:opacity .4s,transform .5s cubic-bezier(.2,1.3,.4,1)}
.sm-push-ic{font-size:22px;line-height:1}
.sm-push b{display:block;font-size:14.5px}.pz-simula .sm-push p{margin:2px 0 0;font-size:13.5px!important;color:var(--ink2);line-height:1.35}
.sm-estado{align-self:flex-start;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:rgba(59,203,116,.18);color:#6FE3A0;border-radius:99px;padding:4px 10px;transition:opacity .4s}
.sm-quinto{position:absolute;right:-6px;bottom:-14px;width:120px;height:auto;transition:opacity .4s,transform .6s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.vis-js .pz-simula:not(.fin) .sm-push{opacity:0;transform:translateY(-16px) scale(.95)}
.vis-js .pz-simula:not(.fin) .sm-estado,.vis-js .pz-simula:not(.fin) .sm-quinto{opacity:0}
.vis-js .pz-simula:not(.fin) .sm-quinto{transform:translateY(30px)}
@media (prefers-reduced-motion:reduce){.sm-msgs li{animation:none}}
@media (max-width:820px){.sm-cuerpo{grid-template-columns:minmax(0,1fr)}.sm-chat{min-height:380px}.sm-equipo{min-height:200px;padding-right:110px}.sm-quinto{width:96px}}

/* =================== AGENTE: formulario «contrata a tu Quinto» =================== */
.pdemo-agente{background:linear-gradient(150deg,#FFF0EA,#F4F2EE 55%,#EFE9DF);border:1px solid #F1D9CF}
.pdemo-agente .dm-f{border-top:6px solid var(--red)}
.pdemo-agente .dm-puntos .dm-ic{color:var(--red)}
.dm-quinto{position:relative;margin:6px 0 0;max-width:300px}
.dm-quinto img{width:78%;height:auto;margin-left:4%;filter:drop-shadow(0 22px 26px rgba(22,21,27,.3));transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.dm-quinto.cambia img{transform:scale(.94) rotate(-2deg)}
.dm-bocadillo{position:relative;background:#fff;border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:14.5px;font-weight:600;line-height:1.35;box-shadow:0 14px 30px -18px rgba(22,21,27,.5);margin-bottom:10px;max-width:92%;transition:transform .3s}
.dm-bocadillo.pop{animation:dmbur .45s cubic-bezier(.2,1.5,.4,1)}@keyframes dmbur{from{transform:scale(.9)}}
@media (max-width:900px){.dm-quinto{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:end;max-width:none}.dm-quinto img{width:120px;margin:0;grid-column:2;grid-row:1}.dm-bocadillo{grid-column:1;grid-row:1;margin:0 0 30px}}
.sm-espera{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:#9A95A8;transition:opacity .3s}
.sm-espera i{width:8px;height:8px;border-radius:50%;background:#E9C877;animation:smesc 1.2s infinite}
.pz-simula.fin .sm-espera{display:none}
html:not(.vis-js) .sm-espera{display:none}

/* =================== AGENTE: el teléfono que nadie coge =================== */
.pz-tel{display:grid;gap:16px;justify-items:center;grid-template-columns:minmax(0,1fr)}
.pz-tel>.tl-escena{grid-area:1/1}
.tl-escena{position:relative;width:100%;aspect-ratio:16/10;border-radius:26px;overflow:hidden;background:radial-gradient(90% 90% at 30% 20%,#FFF6EC,#F1E7DA 55%,#E4D6C4);box-shadow:inset 0 -40px 60px -40px rgba(110,68,41,.25)}
.tl-img,.tl-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.tl-img-fin{opacity:0;transition:opacity .5s}
.pz-tel.cogido .tl-img-fin{opacity:1}.pz-tel.cogido .tl-img-suena{opacity:0}
.pz-tel.tl-3d .tl-img{display:none}
.tl-ondas{position:absolute;left:var(--ox,40%);top:var(--oy,46%);width:0;height:0;pointer-events:none;z-index:2}
.tl-ondas i{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;border:3px solid rgba(229,72,42,.7);opacity:0}
.pz-tel[data-suena="1"] .tl-ondas i{animation:tlonda 1.1s ease-out infinite}
.pz-tel[data-suena="1"] .tl-ondas i:nth-child(2){animation-delay:.25s}.pz-tel[data-suena="1"] .tl-ondas i:nth-child(3){animation-delay:.5s}
@keyframes tlonda{0%{opacity:.9;transform:scale(.35)}100%{opacity:0;transform:scale(2.1)}}
.pz-tel:not(.tl-3d)[data-suena="1"] .tl-img-suena{animation:tlvibra .09s linear infinite}
@keyframes tlvibra{25%{transform:translate(-1.5px,0) rotate(-.3deg)}75%{transform:translate(1.5px,0) rotate(.3deg)}}
.tl-cont{position:absolute;top:18px;left:18px;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(22,21,27,.92);color:#fff;border-radius:18px;padding:10px 16px 10px 12px;box-shadow:0 16px 30px -18px rgba(22,21,27,.8);transition:background .5s}
.tl-cont b{font-family:var(--f-head);font-size:34px;line-height:1;min-width:1.2ch;text-align:center;color:#FF6A4A;transition:color .5s}
.tl-cont span{font-size:13.5px;line-height:1.25;max-width:9em;color:#D9D5E0}
.tl-cont.sube b{animation:tlsube .35s cubic-bezier(.2,1.6,.4,1)}@keyframes tlsube{from{transform:scale(1.5)}}
.pz-tel.cogido .tl-cont{background:#1E8A4C}.pz-tel.cogido .tl-cont b{color:#fff}.pz-tel.cogido .tl-cont span{color:#D6F5E3}
.tl-btn{font-size:17px;padding:15px 28px;transition:opacity .4s,transform .4s}
.pz-tel .tl-btn[disabled]{opacity:0;transform:scale(.9);pointer-events:none}
@media (prefers-reduced-motion:reduce){.pz-tel .tl-ondas i,.pz-tel .tl-img-suena{animation:none!important}}
@media (max-width:640px){.tl-escena{aspect-ratio:1/1;border-radius:20px}.tl-img{object-fit:cover;object-position:38% 50%}.tl-cont{top:12px;left:12px;padding:8px 12px 8px 10px}.tl-cont b{font-size:28px}.tl-cont span{font-size:12.5px}.tl-btn{width:100%}}

/* el panel de lo que va haciendo Quinto */
.tl-texto{grid-area:1/1;justify-self:end;align-self:center;width:min(43%,470px);margin-right:2.5%;z-index:3;background:rgba(255,255,255,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:18px 18px 16px;box-shadow:0 24px 50px -30px rgba(22,21,27,.5)}
.tl-tit{font-family:var(--f-head);font-weight:600;font-size:clamp(16px,1.6vw,21px);line-height:1.2;letter-spacing:-.02em;margin:0 0 12px!important;color:var(--ink)}
.tl-tit em{font-style:normal;color:var(--red)}
.tl-checks{position:relative;list-style:none;margin:0;padding:0 0 0 4px;display:grid;gap:6px}
.tl-checks::before{content:"";position:absolute;left:15px;top:12px;bottom:12px;width:2px;background:rgba(22,21,27,.1)}
.tl-linea{position:absolute;left:15px;top:12px;width:2px;height:calc((100% - 24px) * var(--p,0));background:linear-gradient(#3BCB74,#1E8A4C);box-shadow:0 0 10px rgba(59,203,116,.7);transition:height .5s cubic-bezier(.2,.8,.2,1)}
.tl-checks li{position:relative;display:flex;align-items:center;gap:10px;font-size:14.5px;line-height:1.3;color:var(--ink2);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.tl-checks li b{color:var(--red2);font-weight:700}
.tl-ck{flex:none;width:24px;height:24px;border-radius:50%;background:#fff;z-index:1;display:grid;place-items:center}
.tl-ck svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tl-ck circle{stroke:#D9D5CD}.tl-ck path{stroke:#1E8A4C;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .35s .15s ease-out}
.tl-checks li.on .tl-ck circle{stroke:#3BCB74;fill:#E8F7EE;transition:all .3s}
.tl-checks li.on .tl-ck path{stroke-dashoffset:0}
.tl-tx{font-variant-numeric:tabular-nums}
.tl-frases{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tl-frases span{font-family:var(--f-head);font-weight:600;font-size:clamp(12px,1.05vw,14px);color:#fff;background:var(--ink);border-radius:99px;padding:7px 12px;position:relative;overflow:hidden}
.tl-frases span::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%)}
.tl-frases span.on::after{animation:tlbrillo 1.1s .1s ease-out}
@keyframes tlbrillo{to{transform:translateX(120%)}}
.tl-frases span:last-child{background:var(--red)}
/* antes de que hable Quinto, el panel no está */
.vis-js .pz-tel:not(.habla) .tl-texto{opacity:0;visibility:hidden;transform:translateX(30px)}
.tl-texto{transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.2),visibility .5s}
.vis-js .pz-tel .tl-checks li:not(.ve){opacity:0;transform:translateX(14px)}
.vis-js .pz-tel .tl-frases span:not(.ve){opacity:0;transform:scale(.7)}
.tl-frases span{transition:opacity .35s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.tl-tit{transition:opacity .5s .1s}
@media (max-width:900px){
  .tl-texto{grid-area:auto;justify-self:stretch;width:auto;margin:0;background:#fff}
  .vis-js .pz-tel:not(.habla) .tl-texto{display:none}
}
.tl-acc{display:grid;justify-items:center}
.tl-acc>*{grid-area:1/1}
.tl-cta{font-size:17px;padding:15px 30px;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 30px -14px var(--red);transition:opacity .45s,transform .55s cubic-bezier(.2,1.5,.4,1)}
.vis-js .pz-tel:not(.fin) .tl-cta{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}
.pz-tel.fin .tl-cta{animation:tlcta 2.4s 1s ease-in-out infinite}
@keyframes tlcta{0%,100%{box-shadow:0 14px 30px -14px var(--red)}50%{box-shadow:0 14px 30px -10px var(--red),0 0 0 8px rgba(229,72,42,.12)}}
html:not(.vis-js) .tl-btn{display:none}
@media (max-width:640px){.tl-cta{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){.pz-tel.fin .tl-cta{animation:none}}

/* =================== AGENTE: una noche en Cádiz (3D con scroll) =================== */
.n3-pista{display:none}
.pz-n3.n3-espera .n3-pista,.pz-n3.n3-on .n3-pista{display:block;position:relative;width:100vw;margin-left:calc(50% - 50vw)}
.pz-n3.n3-encaja .n3-pista{width:var(--n3w);margin-left:var(--n3l)}
.pz-n3.n3-espera .n3-respaldo,.pz-n3.n3-on .n3-respaldo{display:none}
.n3-pantalla{position:relative;height:clamp(560px,88vh,920px);overflow:hidden;background:#0b1026;color:#fff}
.n3-desliza{display:none!important}
.n3-canvas,.n3-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pz-n3.n3-on .n3-poster{opacity:0;transition:opacity .6s}
.n3-reloj{position:absolute;left:clamp(16px,4vw,48px);top:clamp(24px,5vh,48px);display:flex;flex-direction:column;gap:2px;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.n3-reloj span{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C9C4D6;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:3px 10px;align-self:flex-start;background:rgba(10,12,30,.35)}
.n3-reloj b{font-family:var(--f-mono);font-weight:600;font-size:clamp(48px,7vw,92px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.n3-tarjetas{position:absolute;right:clamp(16px,3vw,40px);top:clamp(24px,5vh,48px);width:min(360px,34vw);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.n3-t{display:grid;grid-template-columns:auto 34px minmax(0,1fr);gap:10px;align-items:center;background:rgba(18,18,36,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 12px;opacity:0;transform:translateX(40px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.2,1.3,.4,1),background .5s,border-color .5s}
.n3-t.on{opacity:.62;transform:none}
.n3-t.ult{opacity:1;background:rgba(30,26,52,.85);border-color:rgba(255,138,112,.55);box-shadow:0 0 0 1px rgba(255,138,112,.25),0 18px 40px -20px rgba(255,106,74,.6)}
.n3-t time{font-family:var(--f-mono);font-size:13px;font-weight:600;color:#C9C4D6;background:rgba(255,255,255,.08);border-radius:8px;padding:3px 7px}
.n3-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,106,74,.18);color:#FF8A70}
.n3-ic .ic-mano{width:20px;height:20px}
.n3-t b{display:block;font-size:14.5px;line-height:1.25}
.n3-t em{display:inline-block;margin-top:3px;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:rgba(59,203,116,.18);color:#6FE3A0}
.n3-aviso em{background:rgba(233,200,119,.18);color:#E9C877}.n3-persona em{background:rgba(120,160,255,.18);color:#A9C1FF}
.n3-burbuja{position:absolute;left:var(--bx,60%);top:var(--by,40%);transform:translate(-50%,-120%) scale(.6);opacity:0;background:#fff;color:var(--ink);font-weight:700;font-size:14px;border-radius:14px;padding:8px 14px;white-space:nowrap;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);transition:opacity .3s,transform .45s cubic-bezier(.2,1.6,.4,1);pointer-events:none}
.n3-burbuja::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#fff;transform:rotate(45deg)}
.n3-burbuja.on{opacity:1;transform:translate(-50%,-120%) scale(1)}
.n3-desliza{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);margin:0!important;font-family:var(--f-mono);font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#EDEAF2!important;opacity:.85;transition:opacity .4s;display:flex;flex-direction:column;align-items:center;gap:6px}
.n3-desliza::after{content:"";width:2px;height:26px;background:linear-gradient(#fff,transparent);animation:n3baja 1.6s ease-in-out infinite}
@keyframes n3baja{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.pz-n3.empezada .n3-desliza{opacity:0}
.n3-barra{position:absolute;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);bottom:28px;display:flex;align-items:center;gap:14px}
.n3-barra>i{font-style:normal;font-size:20px;line-height:1}.n3-luna{color:#FFF4DC}.n3-sol{color:#FFC06A}
.n3-linea{position:relative;flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.18)}
.n3-linea>i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);border-radius:4px;background:linear-gradient(90deg,#7C8CFF,#FF8A70 70%,#FFC06A);box-shadow:0 0 12px rgba(255,138,112,.7)}
.n3-linea span{position:absolute;top:10px;transform:translateX(-50%);font-family:var(--f-mono);font-size:10.5px;color:rgba(255,255,255,.6)}
.n3-fin{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%) scale(.92);width:min(560px,90vw);text-align:center;background:rgba(255,255,255,.9);color:var(--ink);backdrop-filter:blur(14px);border-radius:24px;padding:26px 24px;box-shadow:0 30px 70px -30px rgba(60,30,10,.6);opacity:0;visibility:hidden;transition:opacity .6s,transform .7s cubic-bezier(.2,1.3,.4,1),visibility .6s}
.n3-fin b{font-family:var(--f-head);font-size:clamp(26px,3.4vw,38px);display:block}
.n3-fin p{margin:6px 0 14px!important;color:var(--ink2)!important;font-size:16px!important}
.n3-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
.n3-chips span{background:#E8F7EE;color:#1E8A4C;font-weight:700;font-size:14px;border-radius:99px;padding:6px 12px}
.n3-cta{color:#fff!important;text-decoration:none!important}
.pz-n3.fin .n3-fin{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.pz-n3.fin .n3-tarjetas{opacity:0;transition:opacity .5s}
@media (max-width:760px){
  .n3-pantalla{height:min(86svh,760px)}.n3-reloj{top:18px}.n3-reloj b{font-size:46px}
  .n3-tarjetas{left:12px;right:12px;top:auto;bottom:74px;width:auto;gap:0}
  .n3-t{position:absolute;left:0;right:0;bottom:0}
  .n3-t.on:not(.ult){opacity:0;transform:translateY(10px) scale(.96)}
  .n3-desliza{bottom:150px}
  .n3-barra{bottom:22px}.n3-linea span:nth-child(odd){display:none}
}

/* =================== AGENTE: tú duermes, Quinto trabaja =================== */
.pz-sueno{--azul:#6C8BFF;--rojo:#FF6A4A;position:relative;width:var(--suw,100%);margin-left:var(--sul,0);display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1.15fr);min-height:560px;border-radius:28px;overflow:hidden;color:#EDEAF2;
  background:radial-gradient(70% 90% at 0% 100%,rgba(108,139,255,.16),transparent 60%),radial-gradient(70% 90% at 100% 0%,rgba(255,106,74,.14),transparent 60%),#07080D;box-shadow:0 40px 80px -40px rgba(7,8,13,.8)}
.pz-sueno::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent);pointer-events:none}
.su-reloj{position:absolute;left:50%;top:22px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
.su-reloj span{white-space:nowrap;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9A95A8;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:3px 10px;background:rgba(7,8,13,.6)}
.su-reloj b{font-family:var(--f-mono);font-weight:600;font-size:clamp(40px,5.4vw,64px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#B9B6C2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.su-lado{position:relative;padding:110px 28px 28px;display:flex;flex-direction:column;min-width:0}
.su-quien{font-family:var(--f-head);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.su-tu .su-quien{color:var(--azul)}.su-q .su-quien{color:var(--rojo);align-self:flex-end}
/* tu lado: la onda del sueño, el estado y el móvil en silencio */
.su-onda{width:100%;height:90px;margin:18px 0 4px;overflow:visible}
.su-onda path{fill:none;stroke:var(--azul);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(108,139,255,.8));transition:stroke .8s}
.su-estado{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9A95A8}
.su-movil{margin:22px auto 0;width:min(230px,80%);aspect-ratio:9/17;border-radius:34px;padding:9px;background:linear-gradient(145deg,#2a2836,#121119);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px #000,0 0 0 1px rgba(0,0,0,.6);position:relative}
.su-pantalla{position:relative;height:100%;border-radius:26px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#1a1f3d,#0a0b14);display:flex;flex-direction:column;align-items:center;padding:30px 14px 14px;transition:background 1.2s}
.su-mhora{font-family:var(--f-head);font-weight:600;font-size:40px;line-height:1;color:#fff;opacity:.85;font-variant-numeric:tabular-nums}
.su-nm{margin-top:10px;font-size:12.5px;color:#C9C4D6;background:rgba(255,255,255,.08);border-radius:99px;padding:4px 10px}
.su-badge{margin-top:auto;font-size:12.5px;color:#9A95A8;display:flex;align-items:center;gap:8px}
.su-badge b{min-width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:var(--azul);color:#fff;font-size:13px;box-shadow:0 0 0 0 rgba(108,139,255,.6)}
.su-badge.pulso b{animation:supulso .9s ease-out}
@keyframes supulso{0%{box-shadow:0 0 0 0 rgba(108,139,255,.7);transform:scale(1.25)}100%{box-shadow:0 0 0 14px rgba(108,139,255,0);transform:scale(1)}}
.su-resumen{position:absolute;inset:auto 10px 10px;background:rgba(255,255,255,.95);color:var(--ink);border-radius:18px;padding:12px;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .7s cubic-bezier(.2,1.3,.4,1)}
.su-resumen b{display:block;font-size:15px}.su-resumen span{display:block;font-size:12px;color:var(--mute);margin:2px 0 6px}
.su-resumen ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.su-resumen li{font-size:12.5px;font-weight:600;color:#1E8A4C}.su-resumen li::before{content:"✓ "}
/* la costura de luz entre los dos lados */
.su-costura{position:relative;background:linear-gradient(transparent,rgba(255,255,255,.18),transparent)}
.su-costura i{position:absolute;left:-2px;width:6px;height:90px;border-radius:6px;background:linear-gradient(transparent,#fff,transparent);filter:blur(1px);box-shadow:0 0 18px 4px rgba(255,255,255,.4);animation:sucose 3.2s linear infinite}
@keyframes sucose{from{top:-90px}to{top:100%}}
/* el lado de Quinto: holograma, flujos y registro */
.su-flujo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.su-holo{position:relative;margin:6px auto 0;width:min(220px,46%);aspect-ratio:519/720;z-index:1}
.su-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,106,74,.45)) saturate(1.05);transition:opacity .5s}
.su-ok{opacity:0}
.su-holo::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-4%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,106,74,.55),transparent);filter:blur(4px)}
.su-scan{position:absolute;left:-6%;right:-6%;height:3px;top:0;background:linear-gradient(90deg,transparent,rgba(255,138,112,.9),transparent);box-shadow:0 0 14px rgba(255,106,74,.9);opacity:0}
.su-anillo{position:absolute;left:50%;top:42%;width:120%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,138,112,.8);transform:translate(-50%,-50%) scale(.4);opacity:0}
.pz-sueno .su-holo.escanea .su-scan{animation:suscan .9s ease-in-out}
.pz-sueno .su-holo.escanea .su-anillo{animation:suanillo .9s ease-out}
@keyframes suscan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
@keyframes suanillo{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.su-log{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:7px;z-index:1}
.su-l{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-family:var(--f-mono);font-size:12.5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .5s cubic-bezier(.2,1.3,.4,1),border-color .5s,background .5s}
.su-l time{color:#9A95A8}.su-l b{font-family:var(--f-body);font-weight:600;font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.su-l em{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:rgba(59,203,116,.16);color:#6FE3A0}
.su-aviso em{background:rgba(233,200,119,.16);color:#E9C877}.su-persona em{background:rgba(108,139,255,.18);color:#A9C1FF}
.su-l.on{opacity:1;transform:none}.su-l.ult{border-color:rgba(255,138,112,.5);background:rgba(255,106,74,.08)}
.su-q{padding-bottom:92px}
.su-cta{position:absolute;right:28px;bottom:24px;z-index:5;color:#fff!important;text-decoration:none!important;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.4,1);pointer-events:none}
/* al amanecer */
.pz-sueno.dia .su-pantalla{background:radial-gradient(120% 80% at 50% 0%,#FFB47E,#3A2A44)}
.pz-sueno.dia .su-resumen{opacity:1;transform:none}
.pz-sueno.dia .su-onda path{stroke:#FFC06A;filter:drop-shadow(0 0 8px rgba(255,192,106,.9))}
.pz-sueno.dia .su-tu{background:radial-gradient(90% 70% at 30% 100%,rgba(255,180,126,.22),transparent 70%)}
.pz-sueno.dia .su-ok{opacity:1}.pz-sueno.dia .su-img:not(.su-ok){opacity:0}
.pz-sueno.dia .su-cta{opacity:1;transform:none;pointer-events:auto}
.pz-sueno.dia .su-nm{opacity:0}
html:not(.vis-js) .pz-sueno .su-l{opacity:1;transform:none}
@media (max-width:820px){
  .pz-sueno{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 2px auto;min-height:0}
  .su-lado{padding:96px 18px 22px}.su-q{padding-top:22px;padding-bottom:84px}.su-reloj span{font-size:9.5px;letter-spacing:.12em}
  .su-costura{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.su-costura i{display:none}
  .su-movil{width:min(200px,62%)}
  .su-q .su-quien{align-self:flex-start}
  .su-cta{left:18px;right:18px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.su-costura i{animation:none}}

/* =================== AGENTE: intenta engañarle =================== */
.pz-trampa{position:relative;display:grid;gap:14px;background:#0B0B12;color:#EDEAF2;border-radius:26px;padding:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(7,8,13,.8)}
.pz-trampa::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 0% 0%,rgba(255,60,60,.1),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(59,203,116,.1),transparent 60%);pointer-events:none}
.tp-cab{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.tp-tit{font-family:var(--f-head);font-weight:600;font-size:clamp(20px,2.6vw,28px)}
.tp-marcador{display:flex;gap:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}
.tp-marcador span{border-radius:99px;padding:5px 12px;border:1px solid rgba(255,255,255,.12)}
.tp-m-gen{color:#FF8A8A}.tp-m-q{color:#6FE3A0}
.tp-marcador b{font-size:15px;display:inline-block;min-width:1ch;text-align:center}
.tp-marcador b.sube{animation:tpsube .4s cubic-bezier(.2,1.6,.4,1)}@keyframes tpsube{from{transform:scale(1.8)}}
.tp-chips{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.tp-chip{font:600 14px var(--f-body);color:#fff;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:99px;padding:9px 15px;cursor:pointer;transition:all .2s}
.tp-chip:hover{border-color:#FF6A4A;background:rgba(255,106,74,.12)}
.tp-chip.on{background:#E5482A;border-color:#E5482A;box-shadow:0 10px 24px -12px #E5482A}
.tp-chip.hecha:not(.on){opacity:.55}
.tp-chip[disabled]{cursor:wait}
.tp-pant{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:0;align-items:stretch}
.tp-lado{position:relative;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);min-height:360px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .4s,box-shadow .4s}
.tp-lado header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.tp-lado header b{display:block;font-size:14.5px}.tp-lado header small{display:block;font-size:11.5px;color:#9A95A8}
.tp-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-mono);font-weight:600;font-size:12px;background:linear-gradient(135deg,#3a3a48,#22222c);color:#B9B6C2}
.tp-q header img{width:38px;height:38px;border-radius:50%;background:#EDE7DD;object-fit:cover}
.tp-escudo{margin-left:auto;width:30px;height:30px}
.tp-escudo svg{width:30px;height:30px;fill:rgba(59,203,116,.08);stroke:#3BCB74;stroke-width:1.6;stroke-linejoin:round;transition:filter .3s}
.tp-escudo .tp-ok{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .4s .1s}
.tp-q.bien .tp-escudo svg{filter:drop-shadow(0 0 8px #3BCB74)}.tp-q.bien .tp-escudo .tp-ok{stroke-dashoffset:0}
.tp-msgs{list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:9px;flex:1}
.tp-msgs li{max-width:88%;padding:10px 13px;border-radius:15px;font-size:14.5px;line-height:1.4;animation:tpllega .35s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes tpllega{from{opacity:0;transform:translateY(8px) scale(.96)}}
.tp-msgs .tp-u{align-self:flex-end;background:#2B2A36;color:#fff;border-bottom-right-radius:5px}
.tp-msgs .tp-r{align-self:flex-start;background:#fff;color:var(--ink);border-bottom-left-radius:5px}
.tp-msgs .tp-esc{align-self:flex-start;background:rgba(255,255,255,.08);display:flex;gap:4px;padding:12px 14px}
.tp-msgs .tp-esc i{width:6px;height:6px;border-radius:50%;background:#B9B6C2;animation:smesc 1s infinite}.tp-msgs .tp-esc i:nth-child(2){animation-delay:.15s}.tp-msgs .tp-esc i:nth-child(3){animation-delay:.3s}
/* la IA genérica cae: interferencia, sello rojo y destello */
.tp-gen .tp-r.falla{position:relative;animation:tpfalla .6s steps(2) 2}
@keyframes tpfalla{0%{transform:translate(0);text-shadow:none;clip-path:inset(0)}20%{transform:translate(-3px,1px);text-shadow:2px 0 #ff2d55,-2px 0 #00e5ff;clip-path:inset(10% 0 55% 0)}40%{transform:translate(3px,-1px);clip-path:inset(60% 0 5% 0)}60%{transform:translate(-2px,0);text-shadow:-2px 0 #ff2d55,2px 0 #00e5ff;clip-path:inset(30% 0 30% 0)}80%{transform:translate(1px,1px);clip-path:inset(0)}100%{transform:none;text-shadow:none;clip-path:inset(0)}}
.tp-gen .tp-r.mal{background:#FFE9E9;color:#7a1414;box-shadow:inset 0 0 0 1.5px #ff6b6b;text-decoration:line-through;text-decoration-color:rgba(200,30,30,.55);text-decoration-thickness:2px}
.tp-sello{position:absolute;right:16px;bottom:16px;font-family:var(--f-head);font-weight:700;font-size:22px;letter-spacing:.08em;text-transform:uppercase;border:3px solid;border-radius:10px;padding:4px 12px;opacity:0;transform:rotate(-12deg) scale(2.2);pointer-events:none}
.tp-mal{color:#FF4D4D;border-color:#FF4D4D;text-shadow:0 0 12px rgba(255,77,77,.6)}.tp-bien{color:#3BCB74;border-color:#3BCB74;text-shadow:0 0 12px rgba(59,203,116,.6)}
.tp-lado.sella .tp-sello{animation:tpsello .45s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes tpsello{to{opacity:1;transform:rotate(-12deg) scale(1)}}
.tp-gen.mal{border-color:rgba(255,77,77,.6);box-shadow:0 0 0 1px rgba(255,77,77,.3),inset 0 0 60px rgba(255,40,40,.12)}
.tp-gen.mal.sacude{animation:tpsacude .4s}@keyframes tpsacude{25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.tp-ruido{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.tp-gen.mal .tp-ruido{animation:tpruido .8s steps(4)}@keyframes tpruido{0%,100%{opacity:0}30%,70%{opacity:1;transform:translateY(-4px)}50%{transform:translateY(3px)}}
/* Quinto: limpio, escudo verde y la regla que lo frena */
.tp-q.bien{border-color:rgba(59,203,116,.55);box-shadow:0 0 0 1px rgba(59,203,116,.25),inset 0 0 60px rgba(59,203,116,.08)}
.tp-regla{position:absolute;left:14px;bottom:16px;max-width:calc(100% - 170px);font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:#6FE3A0;background:rgba(59,203,116,.12);border:1px solid rgba(59,203,116,.35);border-radius:99px;padding:5px 11px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s cubic-bezier(.2,1.4,.4,1)}
.tp-q.bien .tp-regla{opacity:1;transform:none}
.tp-vs{align-self:center;justify-self:center;font-family:var(--f-head);font-weight:700;font-size:15px;color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#E5482A,#3BCB74);box-shadow:0 0 24px rgba(255,255,255,.15);z-index:2}
@media (max-width:760px){.pz-trampa{padding:16px}.tp-pant{grid-template-columns:minmax(0,1fr);gap:10px}.tp-vs{margin:-4px auto}.tp-lado{min-height:250px}.tp-chip{font-size:13px;padding:8px 12px}.tp-regla{position:static;margin:0 14px 14px;max-width:none;align-self:flex-start}.tp-sello{top:14px;bottom:auto;right:12px;font-size:14px;padding:3px 8px;border-width:2px}.tp-q .tp-sello{right:52px}}
@media (prefers-reduced-motion:reduce){.pz-trampa *{animation:none!important}.tp-lado.sella .tp-sello{opacity:1;transform:rotate(-12deg)}}

/* =================== AGENTE: los 30 días de prueba =================== */
.pz-cal30{--v50:#3BCB74;--v25:#E9C877;--v10:#FF8A4A;--v0:#8E8A99;position:relative;display:grid;gap:16px;background:#0B0B12;color:#EDEAF2;border-radius:26px;padding:24px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(7,8,13,.8)}
.pz-cal30::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 10%,color-mix(in srgb,var(--tono,#3BCB74) 22%,transparent),transparent 70%);transition:background .5s;pointer-events:none}
.pz-cal30 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.c3-cab{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 150px;gap:18px;align-items:center}
.c3-tit{display:block;font-family:var(--f-head);font-weight:600;font-size:clamp(20px,2.4vw,27px);line-height:1.15}
.c3-dia{display:inline-block;margin-top:8px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tono,#3BCB74);border:1px solid currentColor;border-radius:99px;padding:4px 11px;transition:color .4s}
.c3-precio{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.c3-precio small{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9A95A8}
.c3-precio b{display:flex;align-items:baseline;gap:6px;font-family:var(--f-head);font-weight:700;font-size:clamp(42px,5.6vw,64px);line-height:1.05;color:#fff;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--tono,#3BCB74) 40%,transparent))}
.c3-precio b em{font-style:normal;font-size:.55em;color:#C9C4D6}
.c3-odo{display:inline-flex}
.c3-c{display:inline-block;height:1.05em;overflow:hidden;font-style:normal}
.c3-c>span{display:flex;flex-direction:column;transform:translateY(calc(var(--n,0) * -1.05em));transition:transform .6s cubic-bezier(.2,1.2,.3,1)}
.c3-c b{height:1.05em;line-height:1.05em;font-weight:inherit;text-align:center}
.c3-p{font-style:normal}
.c3-ahorro{margin-top:4px;font-weight:700;font-size:15px;color:var(--tono,#3BCB74);transition:color .4s}
.c3-cuota{font-size:12.5px;color:#9A95A8}
.c3-q{margin:0;position:relative;height:190px}
.c3-i{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}
.c3-i.on{opacity:1;transform:none}
.c3-dias{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}
.c3-d{width:100%;aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#C9C4D6;font:600 13px var(--f-mono);cursor:pointer;display:grid;place-items:center;position:relative;transition:background .25s,color .25s,transform .25s,box-shadow .25s,border-color .25s}
.c3-d::after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:3px;border-radius:3px;background:var(--c);opacity:.7}
.c3-d.t50{--c:var(--v50)}.c3-d.t25{--c:var(--v25)}.c3-d.t10{--c:var(--v10)}.c3-d.t0{--c:var(--v0)}
.c3-d.pasado{background:color-mix(in srgb,var(--c) 18%,transparent);border-color:color-mix(in srgb,var(--c) 40%,transparent);color:#fff}
.c3-d.hoy{background:var(--c);color:#0B0B12;transform:translateY(-4px) scale(1.12);box-shadow:0 10px 24px -8px var(--c),0 0 0 3px rgba(255,255,255,.15);border-color:transparent;z-index:1}
.c3-d.hoy::after{background:#0B0B12}
.c3-d:hover{border-color:var(--c)}
.c3-slider{position:relative;width:100%;accent-color:var(--tono,#3BCB74);height:28px;cursor:pointer}
.c3-leyenda{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.c3-leyenda span{font-size:12.5px;font-weight:600;border-radius:99px;padding:5px 11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px}
.c3-leyenda span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c)}
.c3-leyenda .t50{--c:var(--v50)}.c3-leyenda .t25{--c:var(--v25)}.c3-leyenda .t10{--c:var(--v10)}.c3-leyenda .t0{--c:var(--v0)}
.c3-leyenda span.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
@media (max-width:820px){.c3-cab{grid-template-columns:minmax(0,1fr) 110px}.c3-precio{grid-column:1/-1;grid-row:2;align-items:flex-start;text-align:left}.c3-q{height:140px}.c3-dias{grid-template-columns:repeat(8,minmax(0,1fr))}.pz-cal30{padding:18px}}
@media (prefers-reduced-motion:reduce){.c3-c>span,.c3-i,.c3-d{transition:none}}

/* =================== AGENTE: Quinto te lo cuenta en el formulario =================== */
.dq{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:6px}
.dq-boc{position:relative;background:#fff;border-radius:18px 18px 18px 4px;padding:14px 16px;box-shadow:0 16px 34px -20px rgba(22,21,27,.5);min-height:4.8em}
.dq-boc p{margin:0!important;font-size:15.5px!important;line-height:1.45;color:var(--ink)!important}
.dq-boc::after{content:"";position:absolute;left:28px;bottom:-8px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:0 0 4px 0}
.dq-q{position:relative;height:250px;margin:-4px 0 -10px}
.dq-q::before{content:"";position:absolute;left:20%;right:20%;top:12%;bottom:6%;border-radius:50%;background:radial-gradient(circle,rgba(255,106,74,.22),transparent 65%);filter:blur(8px)}
.dq-img,.dq-canvas{position:absolute;inset:0;width:100%;height:100%}
.dq-img{object-fit:contain;filter:drop-shadow(0 22px 26px rgba(22,21,27,.3));transition:opacity .5s}
.dq-canvas{opacity:0;transition:opacity .5s}
.dq.dq-on .dq-canvas{opacity:1}.dq.dq-on .dq-img{opacity:0}
.dq-cartas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dq-c{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,240,234,.85));border:1px solid rgba(229,72,42,.25);box-shadow:0 12px 26px -18px rgba(229,72,42,.6),inset 0 1px 0 #fff;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--ink);overflow:hidden}
.dq-c::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.dq-c.ve::before{animation:dqbrillo 1s .15s ease-out}
@keyframes dqbrillo{to{transform:translateX(120%)}}
.dq-c b{color:var(--red2)}
.dq-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(229,72,42,.12);color:var(--red)}
.dq-ck{width:22px;height:22px;border-radius:50%;border:2px solid #D9D5CD;position:relative;transition:all .3s}
.dq-ck::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s .1s cubic-bezier(.2,1.6,.4,1)}
.dq-c.ve .dq-ck{background:#3BCB74;border-color:#3BCB74}.dq-c.ve .dq-ck::after{transform:rotate(45deg) scale(1)}
.dq .dm-bocadillo{margin:4px 0 0}
.vis-js .dq:not(.vivo) .dq-c{opacity:0}
.vis-js .dq .dq-c:not(.ve){opacity:0;transform:translateY(-30px) scale(.85);filter:blur(4px)}
.dq-c{transition:opacity .5s,transform .6s cubic-bezier(.2,1.3,.4,1),filter .5s}
.vis-js .dq:not(.final) .dm-bocadillo{opacity:0;transform:scale(.8)}
.dq .dm-bocadillo{transition:opacity .4s,transform .5s cubic-bezier(.2,1.5,.4,1)}
.dm-f input[name="negocio"].llamada{animation:dqllama 1s ease-in-out 3}
@keyframes dqllama{50%{border-color:var(--red);box-shadow:0 0 0 6px rgba(229,72,42,.18)}}
@media (max-width:900px){.dq{grid-template-columns:minmax(0,1fr) 150px;align-items:start}.dq-boc{grid-column:1/-1}.dq-q{grid-column:2;grid-row:2 / span 2;height:230px;margin:0}.dq-cartas{grid-column:1;grid-row:2}.dq .dm-bocadillo{grid-column:1;grid-row:3}}
@media (max-width:420px){.dq{grid-template-columns:minmax(0,1fr) 112px}.dq-q{height:190px}.dq-c{grid-template-columns:28px minmax(0,1fr) 20px;font-size:13.5px;padding:9px 10px}.dq-ic{width:28px;height:28px}}
@media (prefers-reduced-motion:reduce){.dq-c,.dq .dm-bocadillo{transition:none}}

/* ===== CRM · Monta tu CRM ===== */
@property --mt-p{syntax:"<number>";inherits:true;initial-value:0}
.pz-monta{--mt-g:0;position:relative;background:radial-gradient(120% 90% at 30% 20%,#2A2731 0%,#16151B 60%);color:#fff;border-radius:28px;padding:22px 22px 18px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(22,21,27,.8)}
.pz-monta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;mask-image:radial-gradient(70% 70% at 30% 45%,#000,transparent)}
.mt-cab{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.mt-tit{font:600 13px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF8A70}
.mt-cuenta{font-size:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:7px 14px;color:#D9D6E0}
.mt-cuenta b{display:inline-block;color:#fff;font:600 16px/1 Unbounded,system-ui,sans-serif;min-width:1.2ch;text-align:center}
.mt-cuenta b.salta{animation:mtSalta .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes mtSalta{0%{transform:translateY(-8px) scale(1.4);color:#FF8A70}100%{transform:none}}
.mt-zona{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:center}
.mt-nucleo-z{position:relative;width:100%;max-width:380px;aspect-ratio:1;margin:0 auto}
.mt-lineas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mt-lineas line{stroke:#FF6A4A;stroke-width:.6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .5s ease}
.mt-lineas line.on{stroke-dashoffset:0}
.mt-lineas circle{fill:#FFB4A2;opacity:0}
.mt-lineas circle.on{opacity:1}
.mt-nucleo{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
 background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);
 box-shadow:0 0 calc(10px + var(--mt-g)*60px) calc(var(--mt-g)*10px) rgba(229,72,42,calc(.15 + var(--mt-g)*.55)),inset 0 0 22px rgba(255,255,255,.06);transition:box-shadow .6s}
.mt-nucleo::before{content:"";position:absolute;inset:-7px;border-radius:32%;padding:3px;background:conic-gradient(#FF6A4A calc(var(--mt-p,0)*1turn),rgba(255,255,255,.08) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:--mt-p .5s}
.mt-nucleo::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:mtLate 2.6s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,106,74,.45)}
@keyframes mtLate{0%{box-shadow:0 0 0 0 rgba(255,106,74,.4)}70%,100%{box-shadow:0 0 0 18px rgba(255,106,74,0)}}
.mt-nucleo.golpe{animation:mtGolpe .4s ease}
@keyframes mtGolpe{40%{transform:translate(-50%,-50%) scale(1.08)}}
.mt-logo{width:42%;height:auto;filter:drop-shadow(0 0 calc(var(--mt-g)*10px) rgba(255,106,74,.9))}
.mt-nucleo small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#CFCBD8}
.pz-monta.lleno .mt-nucleo small{color:#FF8A70}
.mt-slot{position:absolute;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;border:1.5px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,transform .3s}
.mt-slot .ic-mano{width:56%;height:56%;opacity:0;transform:scale(.4);transition:opacity .2s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.mt-slot.on{border:1px solid rgba(255,138,112,.7);background:linear-gradient(150deg,#E5482A,#B8321A);box-shadow:0 8px 20px -8px rgba(229,72,42,.9);color:#fff}
.mt-slot.on .ic-mano{opacity:1;transform:none}
.mt-slot.ver{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 0 3px rgba(255,255,255,.5),0 8px 20px -8px rgba(229,72,42,.9)}
.mt-volar{position:fixed;z-index:60;pointer-events:none;border-radius:30%;background:linear-gradient(150deg,#E5482A,#B8321A);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(229,72,42,.9)}
.mt-volar .ic-mano{width:56%;height:56%}
.mt-chispa{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFC24A;pointer-events:none;animation:mtChispa .6s ease-out forwards}
@keyframes mtChispa{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
/* panel */
.mt-panel{position:relative;min-height:250px;display:flex;align-items:center}
.mt-vacio,.mt-i{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px}
.mt-vacio b{font:600 17px/1.3 Unbounded,system-ui,sans-serif}.mt-vacio p{margin:8px 0 0;color:#B9B6C2;font-size:15px}
.mt-i[hidden],.mt-vacio[hidden]{display:none}
.mt-i{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center;animation:mtEntra .45s cubic-bezier(.2,.9,.3,1)}
@keyframes mtEntra{from{opacity:0;transform:translateX(26px)}}
.mt-i .mt-ic{width:44px;height:44px;border-radius:14px;background:linear-gradient(150deg,#E5482A,#B8321A);display:flex;align-items:center;justify-content:center;color:#fff}
.mt-i .mt-ic .ic-mano{width:26px;height:26px}
.mt-i b{font:600 18px/1.25 Unbounded,system-ui,sans-serif}
.mt-i p{grid-column:1/-1;margin:12px 0 14px;color:#D9D6E0;font-size:15.5px;line-height:1.5}
.mt-mini{grid-column:1/-1;height:96px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);padding:12px;position:relative;overflow:hidden}
/* fichas */
.mt-fichas{position:relative;list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mt-f{width:100%;height:100%;min-height:64px;font:inherit;color:#fff;cursor:pointer;display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:transform .25s,background .25s,border-color .25s,opacity .25s}
.mt-f:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);border-color:rgba(255,138,112,.6)}
.mt-f:focus-visible{outline:2px solid #FF8A70;outline-offset:2px}
.mt-f .mt-ic{flex:0 0 34px;height:34px;border-radius:11px;background:rgba(229,72,42,.18);color:#FF8A70;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.mt-f .mt-ic .ic-mano{width:21px;height:21px}
.mt-f b{font-size:13px;line-height:1.2;font-weight:600;min-width:0;hyphens:manual}
.mt-f[aria-pressed="true"]{background:rgba(229,72,42,.14);border-color:rgba(229,72,42,.55)}
.mt-f[aria-pressed="true"] .mt-ic{background:#E5482A;color:#fff}
.mt-f{position:relative}.mt-f[aria-pressed="true"]::after{content:"✓";position:absolute;top:5px;right:8px;font-size:12px;color:#FF8A70;font-weight:700}
/* mini animaciones (arrancan al mostrarse la ficha) */
.mm-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;height:100%}
.mm-cal i{border-radius:5px;background:rgba(255,255,255,.08)}
.mt-i.ver .mm-cal i:nth-child(3n+1),.mt-i.ver .mm-cal i:nth-child(5n){animation:mmLlena .35s calc(var(--i)*55ms) forwards}
@keyframes mmLlena{to{background:#E5482A;box-shadow:0 0 10px rgba(229,72,42,.6)}}
.mm-rec{display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding-left:40px;position:relative;height:100%;justify-content:center}
.mm-camp{position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;transform-origin:50% 10%}
.mt-i.ver .mm-camp{animation:mmCamp .9s ease-in-out 2}
@keyframes mmCamp{20%{transform:rotate(18deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-6deg)}}
.mm-pild{font-size:13px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;white-space:nowrap}
.mm-pild.ok{background:#1E8E5A}.mm-pild.alerta{background:#E5482A}
.mt-i.ver .mm-rec .mm-pild{opacity:0;animation:mmPop .4s .3s forwards}.mt-i.ver .mm-rec .mm-pild.ok{animation-delay:1.5s}
@keyframes mmPop{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
.mm-est{display:flex;justify-content:center;align-items:center;gap:6px;height:100%;font-size:36px;line-height:1}
.mm-est i{font-style:normal;color:rgba(255,255,255,.12)}
.mt-i.ver .mm-est i{animation:mmEst .5s calc(.2s + var(--i)*.18s) cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes mmEst{from{transform:translateY(-40px) rotate(-40deg);opacity:0}to{color:#FFC24A;text-shadow:0 0 12px rgba(255,194,74,.7);opacity:1}}
.mm-tur{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;height:100%}
.mm-tur i{font-style:normal;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.08);color:transparent}
.mt-i.ver .mm-tur i{animation:mmTur .3s calc(var(--i)*70ms) forwards}
.mt-i.ver .mm-tur i.t{--c:#E5482A}.mt-i.ver .mm-tur i.m{--c:#3B6FD8}.mt-i.ver .mm-tur i.n{--c:#6A4FBF}
@keyframes mmTur{to{background:var(--c);color:#fff}}
.mm-fic{display:flex;align-items:center;justify-content:center;gap:16px;height:100%}
.mm-reloj{width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.7);position:relative}
.mm-reloj i{position:absolute;left:50%;bottom:50%;width:3px;height:22px;margin-left:-1.5px;background:#FF8A70;border-radius:2px;transform-origin:50% 100%}
.mt-i.ver .mm-reloj i{animation:mmGira 1.2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes mmGira{from{transform:rotate(-200deg)}to{transform:rotate(10deg)}}
.mt-i.ver .mm-fic .mm-pild{opacity:0;animation:mmPop .4s 1.2s forwards}
.mm-sto{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;height:100%;font-size:14px}
.mm-sto>i{height:14px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.mm-sto>i b{display:block;height:100%;width:90%;background:#1E8E5A;border-radius:inherit}
.mt-i.ver .mm-sto>i b{animation:mmBaja 1.6s .2s ease-in-out forwards}
@keyframes mmBaja{60%{background:#E0A526}to{width:16%;background:#E5482A}}
.mm-sto .mm-pild{grid-column:1/-1;justify-self:start;opacity:0}
.mt-i.ver .mm-sto .mm-pild{animation:mmPop .35s 1.8s forwards,mmTiembla .4s 2.15s 2}
@keyframes mmTiembla{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.mm-ped{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.3}
.mm-ped li{padding:2px 10px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;justify-content:space-between;opacity:0}
.mm-ped li::after{content:"✓";color:#4ED39A;font-weight:700}
.mt-i.ver .mm-ped li{animation:mmLado .4s calc(.2s + var(--i)*.35s) forwards}
@keyframes mmLado{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
.mm-rut{position:relative;height:100%}
.mm-rut svg{position:absolute;inset:0;width:100%;height:100%}
.mm-rut path{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}
.mm-rut>i{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.mm-rut .p1{left:7%;top:75%}.mm-rut .p2{left:50%;top:22%}.mm-rut .p3{left:93%;top:62%}
.mm-furgo{position:absolute;left:7%;top:75%;width:30px;height:30px;margin:-38px 0 0 -15px;padding:5px;box-sizing:border-box;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#E5482A;color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.mm-furgo .ic-mano{width:100%;height:100%;transform:rotate(45deg)}
.mt-i.ver .mm-furgo{animation:mmRuta 2.6s .3s ease-in-out forwards}
@keyframes mmRuta{30%{left:30%;top:30%}50%{left:50%;top:22%}75%{left:72%;top:52%}to{left:93%;top:62%}}
.mm-cat{position:relative;height:100%;background:#fff;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;width:72%}
.mm-cat i{height:8px;border-radius:4px;background:#DCD8E2;width:0}
.mt-i.ver .mm-cat i{animation:mmLinea .5s forwards}.mt-i.ver .mm-cat i:nth-child(2){animation-delay:.4s;--w:70%}.mt-i.ver .mm-cat i:nth-child(3){animation-delay:.8s;--w:45%}
@keyframes mmLinea{to{width:var(--w,90%)}}
.mm-sello{position:absolute;right:-34%;top:50%;font:700 14px/1 Unbounded,system-ui,sans-serif;color:#4ED39A;border:2.5px solid #4ED39A;border-radius:8px;padding:7px 9px;opacity:0;white-space:nowrap}
.mt-i.ver .mm-sello{animation:mmSello .35s 1.5s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes mmSello{from{opacity:0;transform:translateY(-50%) rotate(-14deg) scale(2)}to{opacity:1;transform:translateY(-50%) rotate(-10deg)}}
.mm-inf{display:flex;align-items:flex-end;gap:8px;height:100%;border-bottom:1px solid rgba(255,255,255,.2);padding:0 6px}
.mm-inf i{flex:1;height:4%;border-radius:6px 6px 0 0;background:linear-gradient(#FF8A70,#E5482A)}
.mt-i.ver .mm-inf i{animation:mmSube .6s calc(var(--i)*.12s) cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes mmSube{to{height:var(--h)}}
@media (max-width:900px){
 .pz-monta{padding:18px 14px 16px;border-radius:24px}
 .mt-zona{grid-template-columns:minmax(0,1fr);gap:0}
 .mt-nucleo-z{max-width:300px}
 .mt-fichas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:10px -14px 4px;padding:4px 14px 10px;scrollbar-width:none}
 .mt-fichas::-webkit-scrollbar{display:none}
 .mt-fichas li{flex:0 0 150px;scroll-snap-align:start}
 .pz-monta{display:flex;flex-direction:column}.mt-zona{display:contents}.mt-nucleo-z{order:1}.mt-fichas{order:2}.mt-panel{order:3;min-height:0}
}
@media (prefers-reduced-motion:reduce){.mt-nucleo::after,.mt-i,.pz-monta *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}

/* ===== CRM · Radar del asistente + escandallo ===== */
.pz-radar{position:relative;background:#121116;color:#fff;border-radius:28px;padding:20px 22px 16px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(22,21,27,.8)}
.pz-radar::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.rd-cab{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:14px}
.rd-vivo{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF8A70}
.rd-vivo i{width:9px;height:9px;border-radius:50%;background:#FF6A4A;box-shadow:0 0 0 0 rgba(255,106,74,.6);animation:rdVivo 1.6s infinite}
@keyframes rdVivo{70%,100%{box-shadow:0 0 0 9px rgba(255,106,74,0)}}
.rd-cuenta{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:6px 13px;color:#D9D6E0}
.rd-cuenta b{color:#4ED39A;font:600 15px/1 Unbounded,system-ui,sans-serif}
.rd-zona{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.rd-pantalla{width:100%;max-width:360px;margin:0 auto;border-radius:50%;box-shadow:0 0 0 1px rgba(255,106,74,.25),0 0 50px -10px rgba(229,72,42,.45)}
.rd-pantalla svg{display:block;width:100%;height:auto}
.rd-aros circle,.rd-aros line{fill:none;stroke:rgba(255,138,112,.22);stroke-width:1}
.rd-aros line{stroke-dasharray:3 5}
.rd-etq text{fill:rgba(255,190,175,.55);font:600 9px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-anchor:middle}
.rd-barrido{transform-origin:160px 160px}
.rd-barrido line{stroke:#FF8A70;stroke-width:1.5}
.rd-blip circle{fill:#FF6A4A;opacity:.18;transition:opacity .3s}
.rd-blip .rd-onda{fill:none;stroke:#FF8A70;stroke-width:1.5;opacity:0}
.rd-blip.vivo circle{opacity:1}
.rd-blip.vivo .rd-onda{animation:rdOnda 1.8s ease-out infinite}
.rd-blip.hecho circle{fill:#4ED39A}.rd-blip.hecho .rd-onda{stroke:#4ED39A;animation:none;opacity:0}
@keyframes rdOnda{from{r:6;opacity:.9}to{r:22;opacity:0}}
.rd-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;min-height:300px}
.rd-t{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-left:3px solid #FF6A4A;animation:rdEntra .5s cubic-bezier(.2,.9,.3,1)}
.rd-t[hidden],.pz-escandallo[hidden]{display:none}
@keyframes rdEntra{from{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(4px)}}
.rd-tag{grid-column:1;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#FF8A70;font-weight:600}
.pz-radar .rd-det{grid-column:1;margin:0;font-weight:600;font-size:15px;line-height:1.3;color:#fff!important}
.pz-radar .rd-pro{grid-column:1;margin:0;font-size:13.5px;color:#B9B6C2!important;line-height:1.35}.pz-radar .rd-pro span{color:#FF8A70;font-weight:600}
.rd-ok{grid-column:2;grid-row:1/4;font:600 14px/1 "Instrument Sans",system-ui,sans-serif;color:#fff;background:#E5482A;border:0;border-radius:12px;padding:11px 14px;cursor:pointer;transition:transform .2s,background .2s;white-space:nowrap}
.rd-ok:hover{transform:translateY(-2px);background:#FF5A3A}.rd-ok:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rd-sello{position:absolute;right:14px;top:50%;font:700 14px/1 Unbounded,system-ui,sans-serif;color:#4ED39A;border:2.5px solid #4ED39A;border-radius:9px;padding:8px 10px;opacity:0;pointer-events:none;transform:translateY(-50%) rotate(-8deg) scale(2)}
.rd-t.hecho{border-left-color:#4ED39A;background:rgba(78,211,154,.07)}
.rd-t.hecho .rd-ok{visibility:hidden}
.rd-t.hecho .rd-sello{animation:rdSello .35s cubic-bezier(.3,1.6,.5,1) forwards}
.rd-t.hecho .rd-det,.rd-t.hecho .rd-pro{opacity:.6}
@keyframes rdSello{to{opacity:1;transform:translateY(-50%) rotate(-8deg) scale(1)}}
.rd-espera{display:flex;align-items:center;gap:5px;color:#8E8A98;font-size:13.5px;padding:6px 4px}
.rd-espera i{width:6px;height:6px;border-radius:50%;background:#8E8A98;animation:rdPunto 1.2s infinite}
.rd-espera i:nth-child(2){animation-delay:.2s}.rd-espera i:nth-child(3){animation-delay:.4s;margin-right:6px}
@keyframes rdPunto{50%{opacity:.2}}
.rd-espera.fin{display:none}
/* escandallo */
.pz-escandallo{position:relative;margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);animation:esAbre .6s cubic-bezier(.2,.9,.3,1)}
@keyframes esAbre{from{opacity:0;transform:translateY(20px);clip-path:inset(0 0 100% 0 round 22px)}to{clip-path:inset(0 0 0 0 round 22px)}}
.es-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.es-cab b{font:600 16px/1.3 Unbounded,system-ui,sans-serif}.es-cab small{color:#B9B6C2;font-size:14px}
.es-zona{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:center;margin-top:10px}
.es-centro{position:relative;height:300px}
.es-plato{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}
.pz-escandallo.boom .es-plato{animation:esPlato .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes esPlato{0%{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}100%{transform:none}}
.es-ing{list-style:none;margin:0;padding:0}
.es-i{position:absolute;left:50%;top:50%;width:140px;margin:-24px 0 0 -70px;padding:7px 11px;border-radius:13px;background:#fff;color:#16151B;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;box-shadow:0 12px 24px -12px rgba(0,0,0,.7);opacity:0;transform:scale(.3)}
.es-i b{font-size:13px;line-height:1.2}.es-i small{grid-row:2;color:#5A5862;font-size:11.5px}
.es-i span{grid-row:1/3;grid-column:2;align-self:center;font:600 13px/1 Unbounded,system-ui,sans-serif;color:#B8321A}
.es-i[data-es="aceite"]{background:#FFE7DF;outline:2px solid #E5482A}
.es-i.cambia span{animation:esCambia .5s}
@keyframes esCambia{40%{transform:scale(1.3);color:#E5482A}}
.pz-escandallo.boom .es-i{animation:esSale .7s calc(.15s + var(--i)*.08s) cubic-bezier(.2,1.2,.4,1) forwards,esFlota 4s calc(1s + var(--i)*.3s) ease-in-out infinite}
@keyframes esSale{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:translate(var(--x),var(--y))}}
@keyframes esFlota{0%,100%{opacity:1;transform:translate(var(--x),var(--y))}50%{opacity:1;transform:translate(var(--x),calc(var(--y) - 6px))}}
.es-i:nth-child(1){--x:-90px;--y:-108px}.es-i:nth-child(2){--x:90px;--y:-108px}.es-i:nth-child(3){--x:-128px;--y:0px}.es-i:nth-child(4){--x:128px;--y:0px}.es-i:nth-child(5){--x:-90px;--y:108px}.es-i:nth-child(6){--x:90px;--y:108px}
.es-res p{margin:0;color:#B9B6C2;font-size:14px}
.es-total{font:600 clamp(34px,5vw,46px)/1.1 Unbounded,system-ui,sans-serif!important;color:#fff!important;margin:4px 0 10px!important}
.es-barra{height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.es-barra i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#4ED39A,#E0A526);transition:width .5s cubic-bezier(.2,.9,.3,1)}
.es-mg{margin-top:8px!important;color:#D9D6E0!important}.es-mg b{color:#4ED39A}
.es-sl{display:block;margin-top:16px;font-size:14px;color:#D9D6E0}
.es-sl input{width:100%;margin-top:8px;accent-color:#E5482A}
.es-nota{margin-top:8px!important;font-size:12.5px!important;color:#8E8A98!important}
.pz-radar .pz-nota{position:relative;display:block;margin-top:10px;color:#8E8A98}
@media (max-width:900px){
 .pz-radar{padding:16px 14px 14px;border-radius:24px}
 .rd-zona,.es-zona{grid-template-columns:minmax(0,1fr)}
 .rd-pantalla{max-width:280px}
 .rd-lista{min-height:0}
 .es-centro{height:350px}
 .es-i{width:46%;margin-left:-23%}
 .es-i:nth-child(odd){--x:-53%}.es-i:nth-child(even){--x:53%}
 .es-i:nth-child(1),.es-i:nth-child(2){--y:-30px}.es-i:nth-child(3),.es-i:nth-child(4){--y:40px}.es-i:nth-child(5),.es-i:nth-child(6){--y:110px}
 .es-plato{width:96px;height:96px;margin:-172px 0 0 -48px}
}
@media (prefers-reduced-motion:reduce){.pz-radar *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}

/* ===== CRM · Del ticket a Hacienda ===== */
.pz-ticket{position:relative;background:linear-gradient(180deg,#FBF8F3,#F1ECE4);border:1px solid #E6DFD4;border-radius:28px;padding:22px;overflow:hidden}
.tk-escena{display:grid;grid-template-columns:252px minmax(40px,1fr) minmax(0,300px);align-items:start;gap:0 4px}
.tk-col{display:flex;flex-direction:column;align-items:center}
.tk-imp{position:relative;z-index:2;width:250px;height:92px;border-radius:20px 20px 12px 12px;background:linear-gradient(170deg,#3A3843,#1D1C22);box-shadow:0 18px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);display:flex;align-items:flex-start;padding:14px 16px;gap:8px;color:#CFCBD8;font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.tk-led{width:9px;height:9px;border-radius:50%;background:#4ED39A;box-shadow:0 0 8px #4ED39A}
.pz-ticket.imp .tk-led{background:#FFB020;box-shadow:0 0 10px #FFB020;animation:tkLed .25s steps(2) infinite}
@keyframes tkLed{50%{opacity:.3}}
.tk-boca{position:absolute;left:12px;right:12px;bottom:12px;height:8px;border-radius:4px;background:#0C0B0F;box-shadow:inset 0 2px 3px rgba(0,0,0,.9)}
.tk-salida{position:relative;z-index:1;width:226px;margin-top:-16px;display:grid;overflow:hidden;padding:0 4px 14px}
.tk-papel{grid-area:1/1;align-self:start;background:#fff;color:#16151B;padding:22px 14px 16px;font:12.5px/1.45 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;box-shadow:0 10px 18px -12px rgba(0,0,0,.45);transform:translateY(-101%);
 -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x}
.pz-ticket .tk-papel p{margin:0;color:#16151B!important;font-size:12.5px!important;line-height:1.45!important}
.tk-c{text-align:center;font-weight:700;letter-spacing:.06em}
.pz-ticket .tk-papel .tk-s{font-size:11px!important;font-weight:400!important;color:#5A5862!important;letter-spacing:0}
.tk-papel ul{list-style:none;margin:10px 0;padding:8px 0;border-top:1px dashed #B9B6C2;border-bottom:1px dashed #B9B6C2;display:flex;flex-direction:column;gap:3px}
.tk-papel li{display:flex;justify-content:space-between;gap:8px}
.tk-papel li span:last-child{white-space:nowrap;font-weight:700}
.pz-ticket .tk-papel .tk-tot{display:flex;justify-content:space-between;font-weight:700;font-size:15px!important;margin-bottom:6px!important}
.tk-2 ul{gap:7px}.tk-2 li span:first-child{flex:1}
.tk-2 .tk-s{text-align:left;line-height:1.4}
.tk-cta{display:block;margin-top:12px;text-align:center;font:600 13px/1 "Instrument Sans",system-ui,sans-serif;background:#E5482A;color:#fff!important;text-decoration:none;border-radius:10px;padding:11px 8px;opacity:0;transform:scale(.8);transition:opacity .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.pz-ticket.fin .tk-cta{opacity:1;transform:none}
.tk-cta:hover{background:#C93A1F}
.tk-volar{position:fixed;z-index:60;pointer-events:none;margin:0}
/* cables */
.tk-cable{position:relative;height:4px;margin-top:150px;border-radius:2px;background:repeating-linear-gradient(90deg,#CFC7BA 0 8px,transparent 8px 13px);overflow:hidden}
.tk-cable i,.tk-enlace i{position:absolute;left:-30%;top:0;width:30%;height:100%;border-radius:2px;background:linear-gradient(90deg,transparent,#FF6A4A,#FFC24A);opacity:0}
.pz-ticket.envia .tk-cable i{animation:tkCorre .9s ease-in forwards}
@keyframes tkCorre{0%{left:-30%;opacity:1}100%{left:100%;opacity:1}}
.tk-dest{display:flex;flex-direction:column;align-items:stretch;margin-top:96px}
.tk-vf,.tk-crm{position:relative;background:#fff;border:1px solid #E6DFD4;border-radius:18px;padding:14px 16px;box-shadow:0 14px 26px -22px rgba(22,21,27,.6);transition:box-shadow .4s,border-color .4s}
.tk-vf b,.tk-crm b{display:block;font:600 14px/1.3 Unbounded,system-ui,sans-serif;color:#16151B}
.tk-vf small{color:#5A5862;font-size:13px}
.tk-sello{position:absolute;right:12px;bottom:12px;font:700 13px/1 Unbounded,system-ui,sans-serif;color:#1E8E5A;border:2.5px solid #1E8E5A;border-radius:8px;padding:6px 8px;opacity:0;transform:rotate(-10deg) scale(2.2)}
.pz-ticket.vf .tk-vf{border-color:#1E8E5A;box-shadow:0 0 0 4px rgba(30,142,90,.12),0 14px 26px -22px rgba(22,21,27,.6)}
.pz-ticket.vf .tk-sello{animation:tkSello .35s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes tkSello{to{opacity:1;transform:rotate(-10deg) scale(1)}}
.tk-huella{display:block;margin-top:8px;font-size:12px;color:#5A5862;font-family:ui-monospace,Menlo,Consolas,monospace}
.tk-huella span{color:#16151B;font-weight:700}
.tk-enlace{position:relative;width:4px;height:34px;margin:0 auto;background:repeating-linear-gradient(180deg,#CFC7BA 0 6px,transparent 6px 10px);overflow:hidden;border-radius:2px}
.tk-enlace i{left:0;top:-40%;width:100%;height:40%;background:linear-gradient(180deg,transparent,#FF6A4A,#FFC24A)}
.pz-ticket.crm .tk-enlace i{animation:tkBaja .6s ease-in forwards}
@keyframes tkBaja{0%{top:-40%;opacity:1}100%{top:100%;opacity:1}}
.pz-ticket.crm .tk-crm{border-color:#E5482A;box-shadow:0 0 0 4px rgba(229,72,42,.1),0 14px 26px -22px rgba(22,21,27,.6)}
.tk-crm ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14px;color:#3A3843}
.tk-crm li{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:8px;transition:background .4s}
.tk-crm li span{font-weight:700;color:#16151B;white-space:nowrap}
.tk-crm li.flash{animation:tkFlash 1s}
@keyframes tkFlash{20%{background:#FFE7DF}}
.tk-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}
.tk-otra{font:600 14px/1 "Instrument Sans",system-ui,sans-serif;color:#16151B;background:#fff;border:1px solid #D8D1C6;border-radius:99px;padding:10px 16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-ticket.fin .tk-otra{opacity:1;pointer-events:auto}
.tk-otra:hover{border-color:#E5482A;color:#E5482A}
@media (max-width:760px){
 .pz-ticket{padding:16px 12px;border-radius:24px}
 .tk-escena{grid-template-columns:minmax(0,1fr)}
 .tk-cable{width:4px;height:40px;margin:0 auto;background:repeating-linear-gradient(180deg,#CFC7BA 0 8px,transparent 8px 13px)}
 .tk-cable i{left:0;top:-40%;width:100%;height:40%;background:linear-gradient(180deg,transparent,#FF6A4A,#FFC24A)}
 .pz-ticket.envia .tk-cable i{animation:tkBaja .7s ease-in forwards}
 .tk-dest{margin-top:0}
 .pz-ticket.c2 .tk-1,.pz-ticket:not(.c2) .tk-2{display:none}
}
@media (prefers-reduced-motion:reduce){.pz-ticket *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}}

/* ===== CRM · Panel de aeropuerto con los precios ===== */
.pz-salidas{position:relative;background:linear-gradient(180deg,#1A1A1F,#0E0E11);color:#F4F2EE;border-radius:24px;padding:18px 22px 14px;box-shadow:0 30px 60px -36px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.sf-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.sf-tit{font:600 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFC24A}
.sf-reloj{font:700 16px/1 ui-monospace,Menlo,Consolas,monospace;color:#FFC24A;letter-spacing:.08em}
.sf-fila{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:6px 18px;align-items:end;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.sf-g small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8E8A98;margin-bottom:6px}
.sf-tab{display:flex;gap:3px}
.sf-c{position:relative;width:24px;height:36px;border-radius:4px;background:linear-gradient(180deg,#2A2A31 0 49.5%,#222228 50.5%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 2px 3px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font:700 21px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#F4F2EE;perspective:120px;overflow:hidden}
.sf-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.75)}
.sf-c b{display:block;font:inherit;transform-origin:50% 50%}
.sf-c.gira b{animation:sfGira .07s linear}
@keyframes sfGira{0%{transform:rotateX(70deg) scaleY(.6);opacity:.4}100%{transform:none}}
.sf-g:not(.sf-n) .sf-c{color:#FF8A70}
.sf-fila.ok .sf-g:not(.sf-n) .sf-c{color:#FF6A4A;text-shadow:0 0 10px rgba(255,106,74,.5)}
.pz-salidas .sf-mod{grid-column:1/3;margin:2px 0 0;min-height:1.4em;font:600 13.5px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#FFC24A!important;letter-spacing:.02em}
.sf-mod::after{content:"▌";animation:sfCursor .8s steps(2) infinite;opacity:.8}
.sf-fila.ok .sf-mod::after{display:none}
@keyframes sfCursor{50%{opacity:0}}
.sf-est{grid-column:3;grid-row:2;justify-self:end;align-self:center;white-space:nowrap;font:700 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4ED39A;border:1px solid rgba(78,211,154,.4);border-radius:6px;padding:6px 8px;opacity:0;transition:opacity .4s}
.sf-fila.ok .sf-est{opacity:1;animation:sfParpa 1.6s steps(2) 3}
@keyframes sfParpa{50%{opacity:.25}}
.sf-pie{display:flex;justify-content:space-between;align-items:center;padding-top:10px;color:#8E8A98;font-size:12px}
.sf-otra{font:600 13px/1 "Instrument Sans",system-ui,sans-serif;color:#D9D6E0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:8px 14px;cursor:pointer;opacity:0;transition:opacity .3s}
.pz-salidas.fin .sf-otra{opacity:1}
.sf-otra:hover{border-color:#FF8A70;color:#fff}
@media (max-width:820px){
 .pz-salidas{padding:16px 12px 12px;border-radius:20px}
 .sf-fila{grid-template-columns:auto auto 1fr;gap:8px 14px}
 .sf-n{grid-column:1/-1}
 .sf-est{grid-column:1/-1;grid-row:auto;justify-self:start}
 .pz-salidas .sf-mod{grid-column:1/-1}
 .sf-c{width:21px;height:32px;font-size:18px}
 .sf-tab{gap:2px}
}
@media (max-width:360px){.sf-c{width:19px;height:30px;font-size:16px}}

/* ===================== LAS 8 FUGAS ===================== */
/* kintsugi */
.pz-kintsugi{display:flex;flex-direction:column;align-items:center;gap:8px}
.kt-plato{position:relative;width:min(100%,440px);aspect-ratio:1}
.kt-svg{display:block;width:100%;height:100%;overflow:visible}
.kt-sombra{fill:rgba(22,21,27,.25);filter:blur(14px)}
.kt-base{fill:url(#ktPlato);transition:fill 1s}
.kt-borde{fill:none;stroke:rgba(255,255,255,.07);stroke-width:2}
.kt-brillo-b{fill:none;stroke:rgba(255,255,255,.12);stroke-width:2;stroke-dasharray:180 1000;stroke-dashoffset:-60}
.kt-g path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.kt-luz{stroke:#FF4A2A;stroke-width:9;opacity:.35;filter:blur(5px);animation:ktLate 1.8s ease-in-out infinite}
.kt-roja{stroke:#FF8A70;stroke-width:2}
.kt-oro{stroke:url(#ktOro);stroke-width:4.5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 4px rgba(255,200,80,.8))}
.kt-toque{stroke:transparent;stroke-width:26;cursor:pointer;pointer-events:stroke}
@keyframes ktLate{50%{opacity:.75}}
.kt-g.ok .kt-luz{animation:none;opacity:0;transition:opacity .6s}
.kt-g.ok .kt-roja{opacity:0;transition:opacity .6s .5s}
.kt-g.ok .kt-oro{stroke-dashoffset:0}
.kt-barrido{fill:url(#ktBrillo);transform:skewX(-20deg);opacity:0}
.pz-kintsugi.lleno .kt-barrido,.pz-orofin.on .kt-barrido{animation:ktBarre 2.6s ease-in-out infinite 0.4s}
@keyframes ktBarre{0%{opacity:1;transform:translateX(0) skewX(-20deg)}60%,100%{opacity:1;transform:translateX(800px) skewX(-20deg)}}
.pz-kintsugi.lleno .kt-base{fill:url(#ktOroP)}
.pz-kintsugi.lleno .kt-oro{stroke:#8A5A0E;filter:none}
.kt-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,138,112,.7);background:rgba(20,18,24,.85);color:#FF8A70;font:600 13px/1 Unbounded,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(255,74,42,.5);animation:ktBoton 2s infinite;transition:background .3s,color .3s,border-color .3s,transform .3s}
.kt-n:hover{transform:translate(-50%,-50%) scale(1.12)}
.kt-n:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes ktBoton{70%,100%{box-shadow:0 0 0 12px rgba(255,74,42,0)}}
.kt-n.ok{animation:none;background:linear-gradient(150deg,#FFE7A3,#C8901F);color:#3A2606;border-color:#FFE7A3;box-shadow:0 0 16px rgba(255,200,80,.7)}
.kt-cuenta{margin:4px 0 0;font-size:16px}.kt-cuenta b{font:600 22px/1 Unbounded,system-ui,sans-serif;color:var(--red)}
.pz-kintsugi.lleno .kt-cuenta b{color:#C8901F}
.kt-ult{margin:0;font-size:14px;color:var(--mute);min-height:1.5em;text-align:center}
.kt-ult.nuevo{animation:ktUlt .5s}
@keyframes ktUlt{from{opacity:0;transform:translateY(6px)}}
/* oro final */
.pz-orofin{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;background:radial-gradient(120% 120% at 20% 30%,#2B2416,#16151B 65%);color:#fff;border-radius:26px;padding:22px 26px}
.of-plato{position:relative;width:220px;aspect-ratio:1}
.of-plato .kt-svg{animation:ofGira 40s linear infinite}
@keyframes ofGira{to{transform:rotate(360deg)}}
.kt-entero .kt-base{fill:url(#ktOroP)}
.kt-entero .kt-borde{stroke:rgba(126,82,12,.5)}
.of-m{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3A2606;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.of-m b{font:600 40px/1 Unbounded,system-ui,sans-serif}.of-m small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.pz-orofin .of-txt p{margin:0 0 14px;font:600 clamp(19px,2.4vw,24px)/1.3 Unbounded,system-ui,sans-serif;color:#fff!important}
.of-cta{display:inline-block;background:linear-gradient(150deg,#FFE7A3,#D69C2A);color:#2E1E04!important;font-weight:700;text-decoration:none;border-radius:99px;padding:13px 22px;box-shadow:0 10px 24px -10px rgba(214,156,42,.8);transition:transform .2s}
.of-cta:hover{transform:translateY(-2px)}
/* 1 · mapa */
.pz-mapa{position:relative;background:#14151A;border-radius:24px;padding:16px;color:#fff;overflow:hidden}
.mp-bus{display:flex;align-items:center;gap:10px;background:#fff;color:#16151B;border-radius:99px;padding:11px 16px;font-size:15px;box-shadow:0 10px 24px -14px rgba(0,0,0,.8);max-width:420px}
.mp-bus svg{width:18px;height:18px;flex:0 0 18px;color:#5A5862}
.mp-cur{width:2px;height:18px;background:#E5482A;animation:sfCursor .8s steps(2) infinite;margin-left:-6px}
.mp-zona{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.mp-svg{width:100%;height:auto;border-radius:16px;background:#1D1F26;display:block}
.mp-mar{fill:#16314A}
.mp-calles path{fill:none;stroke:#2C2F38;stroke-width:5;stroke-linecap:round}
.mp-p{opacity:.25;transition:opacity .4s calc(var(--i)*70ms)}
.mp-p path{fill:#8E8A98}.mp-p circle{fill:#1D1F26}
.pz-mapa.busca .mp-p{opacity:1}.pz-mapa.busca .mp-p path{fill:#E8E6EE}
.mp-yo path{fill:#4A4852;transition:fill .5s}.mp-yo circle:not(.mp-onda){fill:#1D1F26}
.mp-yo{transform:translate(230px,170px);transition:transform .8s cubic-bezier(.3,1.6,.5,1)}
.mp-onda{fill:none;stroke:#FF6A4A;stroke-width:2;opacity:0}
.pz-mapa.tu .mp-yo{transform:translate(230px,160px) scale(1.35)}
.pz-mapa.tu .mp-yo path{fill:#E5482A;filter:drop-shadow(0 0 10px rgba(229,72,42,.9))}
.pz-mapa.tu .mp-onda{animation:mpOnda 1.6s ease-out infinite}
@keyframes mpOnda{from{r:8;opacity:.9}to{r:46;opacity:0}}
.mp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mp-r{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#1F2129;border:1px solid #2C2F38;border-radius:14px;padding:12px 14px;font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .4s calc(.3s + var(--i,0)*.15s),transform .4s calc(.3s + var(--i,0)*.15s)}
.mp-r span{color:#FFC24A;white-space:nowrap;font-size:13px}
.pz-mapa.busca .mp-r{opacity:1;transform:none}
.mp-tu{display:none;background:linear-gradient(150deg,#E5482A,#B8321A);border-color:#FF8A70;box-shadow:0 10px 24px -10px rgba(229,72,42,.8)}
.mp-tu span{color:#fff}
.pz-mapa.tu .mp-tu{display:flex;animation:mpSube .6s cubic-bezier(.3,1.5,.5,1)}
@keyframes mpSube{from{opacity:0;transform:translateY(-14px) scale(.95)}}
/* 2 · sala */
.pz-sala{position:relative;background:#F7F3EC;border:1px solid #E6DFD4;border-radius:24px;padding:16px}
.sa-cab,.sa-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sa-modo{font:600 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#B8321A;background:#FFE7DF;border-radius:99px;padding:8px 12px;transition:background .4s,color .4s}
.pz-sala.con .sa-modo{background:#DDF3E8;color:#1E7A4D}
.sa-cuenta{font-size:14px}.sa-cuenta b{font:600 18px/1 Unbounded,system-ui,sans-serif;color:#B8321A}
.pz-sala.con .sa-cuenta b{color:#1E7A4D}
.sa-zona{position:relative;margin:12px auto;max-width:520px}
.sa-svg{display:block;width:100%;height:auto}
.sa-suelo{fill:#fff;stroke:#E6DFD4;stroke-width:2}
.sa-sillas rect{fill:#E9E3DA}
.sa-t{fill:#F1ECE4;stroke:#D8D1C6;stroke-width:2;transition:fill .5s,stroke .5s,opacity .5s}
.sa-m text{font:700 13px/1 Unbounded,system-ui,sans-serif;text-anchor:middle;fill:#fff;opacity:0;transition:opacity .4s}
.sa-gente circle{fill:#16151B;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.sa-m.res .sa-t{fill:#E5482A;stroke:#B8321A}.sa-m.res text{opacity:1}
.sa-m.fan .sa-t{fill:transparent;stroke:#E5482A;stroke-dasharray:5 5;opacity:.6}
.sa-m.fan text{opacity:0}
.sa-m.lleno .sa-t{fill:#1E8E5A;stroke:#146B43;stroke-dasharray:none;opacity:1}
.sa-m.lleno .sa-gente circle{opacity:1;transform:scale(1)}
.sa-m.lleno text{opacity:0}
.sa-msgs{position:absolute;inset:0;pointer-events:none}
.sa-msg{position:absolute;font-size:11.5px;font-weight:600;background:#16151B;color:#fff;border-radius:10px 10px 10px 2px;padding:5px 8px;white-space:nowrap;transform:translate(-50%,-100%)}
.sa-ley{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5A5862;flex-wrap:wrap}
.sa-ley i{width:11px;height:11px;border-radius:50%;display:inline-block;margin-left:6px}
.sa-ley .r{background:#E5482A}.sa-ley .g{border:1.5px dashed #E5482A}.sa-ley .c{background:#1E8E5A}
.sa-otra,.lm-sw,.ip-otra,.lt-luz{font:600 14px/1 "Instrument Sans",system-ui,sans-serif;cursor:pointer;border-radius:99px;padding:10px 16px}
.sa-otra,.ip-otra{color:#16151B;background:#fff;border:1px solid #D8D1C6;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-sala.fin .sa-otra,.pz-insp.fin .ip-otra{opacity:1;pointer-events:auto}
/* 3 · llamadas */
.pz-llam{background:#16151B;color:#fff;border-radius:24px;padding:18px}
.lm-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lm-tit{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8E8A98}
.lm-n{font-size:15px;color:#D9D6E0}.lm-n b{font:600 26px/1 Unbounded,system-ui,sans-serif;color:#FF6A4A;transition:color .5s}
.pz-llam.on .lm-n b{color:#4ED39A}
.lm-sw{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;padding:8px 10px 8px 16px}
.lm-sw-k{position:relative;width:46px;height:26px;border-radius:99px;background:#3A3843;transition:background .3s}
.lm-sw-k i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.pz-llam.on .lm-sw-k{background:#1E8E5A}.pz-llam.on .lm-sw-k i{transform:translateX(20px)}
.lm-sw-e{font:700 12px/1 Unbounded,system-ui,sans-serif;color:#FF8A70;min-width:28px}.pz-llam.on .lm-sw-e{color:#4ED39A}
.pz-llam:not(.on):not(.tocado) .lm-sw{animation:lmLlama 1.6s infinite}
@keyframes lmLlama{50%{border-color:#4ED39A;box-shadow:0 0 0 4px rgba(78,211,154,.15)}}
.lm-barras{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;align-items:end;height:180px}
.lm-barras li{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.lm-barras li>i{position:relative;width:100%;height:0;border-radius:6px 6px 2px 2px;background:#1E8E5A;overflow:hidden;transition:height .7s calc(var(--i)*40ms) cubic-bezier(.2,.9,.3,1)}
.pz-llam.ver .lm-barras li>i{height:calc(var(--t)*150px)}
.lm-barras li>i b{position:absolute;left:0;right:0;top:0;height:calc(var(--s)*100%);background:#E5482A;transition:height .5s calc(var(--i)*60ms) ease,background .5s calc(var(--i)*60ms)}
.pz-llam.on .lm-barras li>i b{height:0;background:#4ED39A}
.lm-barras small{font-size:10.5px;color:#8E8A98}
.pz-llam .lm-ley{display:flex;gap:6px;align-items:center;font-size:12.5px!important;color:#B9B6C2!important;margin:6px 0 0}
.lm-ley i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:8px}.lm-ley .v{background:#1E8E5A}.lm-ley .r{background:#E5482A}
.pz-llam .pz-nota{color:#8E8A98}
/* 4 · constelación */
.pz-constel{background:radial-gradient(120% 140% at 50% 0%,#1E2238,#0B0C14 70%);border-radius:24px;padding:16px 16px 18px;overflow:hidden}
.pz-constel svg{display:block;width:100%;height:auto}
.cs-f{fill:#fff;opacity:.15;animation:csTiti 3s ease-in-out infinite var(--d)}
@keyframes csTiti{50%{opacity:.6}}
.cs-p{fill:#6F7390;transition:fill .4s var(--d),r .4s var(--d)}
.pz-constel.on .cs-p{fill:#FFE29A;filter:drop-shadow(0 0 4px #FFD36A)}
.cs-l{fill:rgba(255,194,74,0);stroke:#FFD36A;stroke-width:1.4;stroke-dasharray:100;stroke-dashoffset:100;stroke-linejoin:round}
.pz-constel.on .cs-l{transition:stroke-dashoffset 1.2s calc(1.8s + var(--k)*.45s) ease,fill .8s calc(3s + var(--k)*.45s);stroke-dashoffset:0;fill:rgba(255,194,74,.9)}
.cs-txt{margin:6px 0 0;text-align:center;color:#D9D6E0!important;font-size:15px}
.cs-txt span{display:block;transition:opacity .6s}
.cs-txt span+span{opacity:0;color:#FFD36A;font-weight:600}
.pz-constel.on .cs-txt span+span{opacity:1;transition-delay:3.4s}
/* 5 · órbitas */
.pz-orbita{position:relative;background:#121218;border-radius:24px;overflow:hidden;aspect-ratio:16/9;min-height:300px}
.ob-c{position:absolute;inset:0;width:100%;height:100%}
.ob-n{position:absolute;left:50%;font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%);color:#8E8A98;transition:color .5s}
.ob-1{top:var(--y1,30%)}.ob-2{top:var(--y2,18%)}.ob-3{top:var(--y3,6%)}
.pz-orbita.club .ob-1{color:#FF8A70}.pz-orbita.club .ob-2{color:#FFB4A2}.pz-orbita.club .ob-3{color:#FFD36A}
.ob-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 12px/1.1 Unbounded,system-ui,sans-serif;color:#fff;background:linear-gradient(150deg,#E5482A,#B8321A);border-radius:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 30px rgba(229,72,42,.6)}
.ob-cab{position:absolute;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ob-modo{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF8A70;background:rgba(229,72,42,.15);border-radius:99px;padding:7px 11px;transition:background .4s,color .4s}
.pz-orbita.club .ob-modo{color:#4ED39A;background:rgba(78,211,154,.14)}
.ob-cuenta{font-size:13px;color:#D9D6E0}.ob-cuenta b{font:600 16px/1 Unbounded,system-ui,sans-serif;color:#fff}
/* 6 · antes y después */
.pz-antes{display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(160deg,#F7F3EC,#EFE8DD);border-radius:24px;padding:20px 16px}
.ad-movil{width:270px;border-radius:38px;padding:10px;background:#16151B;box-shadow:0 30px 50px -30px rgba(0,0,0,.7)}
.ad-pant{position:relative;height:500px;border-radius:30px;overflow:hidden;background:#fff;--p:80%}
.ad-cap{position:absolute;inset:0}
.ad-pdf{background:#E9E6E1;z-index:2;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ad-barra{background:#4A4852;color:#fff;font-size:11px;padding:28px 10px 8px;font-family:ui-monospace,Menlo,monospace}
.ad-hoja{margin:14px auto;width:78%;background:#fff;padding:12px 10px;display:flex;flex-direction:column;gap:5px;filter:blur(.7px);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.ad-hoja i{height:3px;background:#B9B6C2;border-radius:2px}
.ad-zoom{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);white-space:nowrap;background:rgba(22,21,27,.8);color:#fff;font-size:12px;border-radius:99px;padding:7px 12px}
.ad-carta{padding:26px 16px 16px;display:flex;flex-direction:column;gap:10px;background:#FFFDF9}
.ad-top{display:flex;justify-content:space-between;align-items:center}.ad-top b{font:600 14px/1 Unbounded,system-ui,sans-serif}
.ad-idi{font:700 12px/1 "Instrument Sans",system-ui,sans-serif;border:1px solid #D8D1C6;background:#fff;border-radius:99px;padding:7px 10px;cursor:pointer;color:#16151B}
.ad-idi span{color:#B9B6C2}.pz-antes.en .ad-idi{color:#B9B6C2}.pz-antes.en .ad-idi span{color:#E5482A}
.ad-foto{border-radius:18px;overflow:hidden}.ad-foto svg{display:block;width:100%;height:auto}
.pz-antes .ad-plato{margin:0;font:600 18px/1.2 Unbounded,system-ui,sans-serif;color:#16151B!important}
.pz-antes .ad-desc{margin:0;font-size:13.5px;line-height:1.45;color:#5A5862!important}
.ad-fila{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#5A5862}.ad-fila b{font:600 18px/1 Unbounded,system-ui,sans-serif;color:#E5482A}
.ad-al{background:#FFF1D6;color:#8A5A0E;border-radius:99px;padding:5px 9px;font-weight:600}
.ad-pedir{margin-top:auto;font:700 15px/1 "Instrument Sans",system-ui,sans-serif;background:#E5482A;color:#fff;border:0;border-radius:14px;padding:14px}
.ad-carta .tr{animation:adTr .35s}
@keyframes adTr{from{opacity:0;transform:translateY(4px)}}
.ad-linea{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.ad-linea i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;color:#16151B;font-style:normal;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.ad-sl{display:flex;flex-direction:column;align-items:center;gap:6px;width:270px;font-size:12.5px;color:#5A5862;font-weight:600}
.ad-sl input{width:100%;accent-color:#E5482A}
/* 7 · inspección */
.pz-insp{position:relative;background:#F7F3EC;border:1px solid #E6DFD4;border-radius:24px;padding:18px;overflow:hidden}
.ip-puerta{position:absolute;right:-30px;top:18px;width:120px;height:190px;border-radius:10px 0 0 10px;background:linear-gradient(90deg,#8C5A33,#6E4426);box-shadow:inset 0 0 0 6px rgba(0,0,0,.12);transform-origin:right center}
.ip-pomo{position:absolute;left:14px;top:96px;width:12px;height:12px;border-radius:50%;background:#E7B53C}
.ip-toc{position:absolute;left:-84px;top:40px;font:700 15px/1 Unbounded,system-ui,sans-serif;color:#8C5A33;opacity:0}
.pz-insp.toc .ip-puerta{animation:ipToc .5s 2}
.pz-insp.toc .ip-toc{animation:ipTocT 1s forwards}
@keyframes ipToc{20%{transform:translateX(-3px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}}
@keyframes ipTocT{20%{opacity:1;transform:translateY(-6px)}80%{opacity:1}100%{opacity:0}}
.ip-lista{list-style:none;margin:0;padding:0 90px 0 0;display:flex;flex-direction:column;gap:12px;counter-reset:q}
.ip-q{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px;align-items:stretch;opacity:.25;transition:opacity .4s}
.ip-q.ver{opacity:1}
.ip-preg{background:#fff;border:1px solid #E6DFD4;border-radius:16px 16px 16px 4px;padding:12px 14px;transform:translateX(-12px);transition:transform .45s cubic-bezier(.2,.9,.3,1)}
.ip-q.ver .ip-preg{transform:none}
.ip-preg small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8C5A33;font-weight:700}
.pz-insp .ip-preg p{margin:4px 0 0;font-size:15px;font-weight:600;color:#16151B!important;line-height:1.35}
.ip-resp{background:#16151B;color:#fff;border-radius:16px;padding:12px 14px;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .4s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.ip-q.resp .ip-resp{opacity:1;transform:none}
.ip-resp>b{display:block;font-size:12px;color:#FF8A70;margin-bottom:6px}
.ip-resp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.ip-resp li{display:flex;justify-content:space-between;gap:8px;opacity:0;transition:opacity .3s}
.ip-q.resp .ip-resp li{opacity:1}.ip-q.resp .ip-resp li:nth-child(2){transition-delay:.2s}.ip-q.resp .ip-resp li:nth-child(3){transition-delay:.4s}
.ip-resp li b{color:#4ED39A;white-space:nowrap}
.pz-insp .ip-ok{margin:14px 0 0;display:inline-flex;flex-direction:column;background:#1E8E5A;color:#fff!important;font:600 18px/1.2 Unbounded,system-ui,sans-serif;border-radius:16px;padding:12px 18px;opacity:0;transform:scale(.8);transition:opacity .4s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.ip-ok small{font:500 12.5px/1.3 "Instrument Sans",system-ui,sans-serif;opacity:.9}
.pz-insp.fin .ip-ok{opacity:1;transform:none}
.ip-otra{margin-left:12px;vertical-align:bottom}
/* 8 · linterna */
.pz-linterna{position:relative;background:#16151B;border-radius:24px;padding:20px;overflow:hidden;color:#fff;--lx:50%;--ly:50%;--lr:0px;touch-action:pan-y}
.lt-cont{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.pz-linterna .lt-tit{margin:0 0 10px;font:600 13px/1.2 Unbounded,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#FF8A70!important}
.lt-tur,.lt-mar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.lt-tur li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;font-size:14px}
.lt-tur span{color:#B9B6C2;font-size:13px}.lt-tur small{font-weight:700;color:#FFC24A;font-size:13px}
.lt-mar li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:14px}
.lt-mar i{height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.lt-mar i b{display:block;height:100%;width:var(--m);border-radius:inherit;background:linear-gradient(90deg,#E5482A,#FFC24A)}
.lt-mar em{font-style:normal;font-weight:700;text-align:right}
.lt-oscuro{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle var(--lr) at var(--lx) var(--ly),rgba(8,8,10,0) 0,rgba(8,8,10,0) 45%,rgba(8,8,10,.97) 100%);transition:--lr .8s}
.pz-linterna.luz .lt-oscuro{opacity:0;transition:opacity .9s}
.lt-pista{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:#8E8A98!important;font-size:14px;pointer-events:none;transition:opacity .4s;text-align:center}
.pz-linterna.usa .lt-pista,.pz-linterna.luz .lt-pista{opacity:0}
.lt-luz{position:relative;margin-top:16px;color:#16151B;background:#FFC24A;border:0;box-shadow:0 0 20px rgba(255,194,74,.4)}
.pz-linterna.luz .lt-luz{opacity:.5}
.pz-linterna .pz-nota{position:relative;display:block;margin-top:8px;color:#8E8A98}
@property --lr{syntax:"<length>";inherits:true;initial-value:0px}
@media (max-width:760px){
 .mp-zona,.lt-cont,.pz-orofin{grid-template-columns:minmax(0,1fr)}
 .of-plato{margin:0 auto;width:190px}
 .pz-orofin{text-align:center}
 .ip-lista{padding:0}.ip-q{grid-template-columns:minmax(0,1fr)}.ip-puerta{display:none}
 .lm-barras{gap:3px;height:160px}.pz-llam.ver .lm-barras li>i{height:calc(var(--t)*130px)}.lm-barras small{font-size:9px}
 .pz-orbita{aspect-ratio:auto;height:340px}
 .kt-n{width:30px;height:30px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.pz-kintsugi *,.pz-orofin *,.pz-mapa *,.pz-sala *,.pz-llam *,.pz-constel *,.pz-antes *,.pz-insp *,.pz-linterna *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}

/* ===== formulario propio de cada página (estilo base) ===== */
.pdemo-base{--dm-c:#E5482A;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--dm-c) 28%,#1C1A22) 0%,#1C1A22 55%,#16151B);color:#F4F2EE}
.pdemo-base .eyebrow{color:color-mix(in srgb,var(--dm-c) 55%,#fff)}.pdemo-base .dm-intro>p{color:#CFCBD6}
.pdemo-base .dm-puntos .dm-ic{color:color-mix(in srgb,var(--dm-c) 60%,#fff)}
.pdemo-base .dm-f{border-top:6px solid var(--dm-c);position:relative;color:var(--ink)}
.pdemo-base .dm-f::before{content:"TU DEMO";position:absolute;top:-6px;right:26px;background:var(--dm-c);color:#fff;font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;padding:4px 10px;border-radius:0 0 8px 8px}
.pdemo-base .dm-llave-in{background:linear-gradient(135deg,var(--dm-c),color-mix(in srgb,var(--dm-c) 55%,#000))}
.pdemo-base .dm-btn{background:var(--dm-c);border-color:var(--dm-c)}

/* ===================== APPS ===================== */
/* pantalla de inicio */
.pz-hogar{display:flex;flex-direction:column;align-items:center;gap:12px;background:radial-gradient(120% 100% at 50% 0%,#FBE3D9,#F4F2EE 70%);border-radius:26px;padding:24px 16px}
.hg-movil{width:300px;max-width:100%;border-radius:44px;padding:10px;background:#16151B;box-shadow:0 34px 60px -30px rgba(0,0,0,.6),inset 0 0 0 2px #2A2930}
.hg-pant{position:relative;height:580px;border-radius:36px;overflow:hidden;background:linear-gradient(160deg,#FF8A5C,#E5482A 40%,#6E2A8C);padding:44px 18px 18px}
.hg-barra{position:absolute;left:24px;right:24px;top:14px;display:flex;justify-content:space-between;color:#fff;font:600 13px/1 "Instrument Sans",system-ui,sans-serif}
.hg-barra i{width:22px;height:10px;border-radius:3px;border:1.5px solid #fff}
.hg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}
.hg-f i{display:block;aspect-ratio:1;border-radius:14px;background:hsl(var(--h) 60% 85% / .35);backdrop-filter:blur(4px)}
.hg-dock{list-style:none;position:absolute;left:12px;right:12px;bottom:26px;margin:0;padding:12px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-radius:28px;background:rgba(255,255,255,.22);backdrop-filter:blur(10px)}
.hg-ic{width:100%;background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;opacity:0;transform:translateY(-240px)}
.pz-hogar.on .hg-ic{animation:hgCae .7s calc(var(--i)*.16s) cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes hgCae{to{opacity:1;transform:none}}
.hg-ic small{font-size:11px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.hg-cu{width:54px;height:54px;border-radius:15px;background:#fff;color:#E5482A;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -6px rgba(0,0,0,.4);transition:transform .2s}
.hg-cu .ic-mano{width:28px;height:28px}
.hg-ic:hover .hg-cu{transform:scale(1.08)}.hg-ic:active .hg-cu{transform:scale(.92)}
.hg-ic:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:12px}
.pz-hogar.pista .hg-ic[data-hg="web"] .hg-cu{animation:hgPista 1.2s ease-in-out 2}
@keyframes hgPista{50%{transform:scale(1.14);box-shadow:0 0 0 6px rgba(255,255,255,.4)}}
.hg-home{position:absolute;left:50%;bottom:8px;width:110px;height:5px;margin-left:-55px;border-radius:3px;background:rgba(255,255,255,.8);z-index:5}
.hg-app{position:absolute;inset:0;z-index:4;background:#fff;padding:48px 20px 24px;display:flex;flex-direction:column;gap:10px;transform-origin:var(--ox) var(--oy);transform:scale(.12);border-radius:36px;opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1),opacity .2s,border-radius .45s}
.hg-app.abre{transform:none;opacity:1;border-radius:0}
.hg-app[hidden]{display:none}
.hg-x{position:absolute;right:16px;top:14px;width:30px;height:30px;border-radius:50%;border:0;background:#F1ECE4;font-size:14px;cursor:pointer;color:#16151B}
.hg-cu.g{background:linear-gradient(150deg,#E5482A,#B8321A);color:#fff}
.hg-app>b{font:600 19px/1.2 Unbounded,system-ui,sans-serif;color:#16151B}
.pz-hogar .hg-app>p{margin:0;font-size:14px;line-height:1.45;color:#5A5862!important}
.hg-mini{flex:1;min-height:150px;border-radius:18px;background:#F7F3EC;padding:14px;overflow:hidden;position:relative}
.pz-hogar .hg-precio{margin-top:auto!important;color:#16151B!important}.hg-precio b{font:600 22px/1 Unbounded,system-ui,sans-serif;color:#E5482A}.hg-precio span{font-size:13px;color:#5A5862}
.hg-carga{height:4px;border-radius:2px;background:#E6DFD4;overflow:hidden}.hg-carga i{display:block;height:100%;width:0;background:#E5482A}
.hg-app.abre .hg-carga i{animation:hgCarga .7s .4s ease-out forwards}
@keyframes hgCarga{to{width:100%}}
.hg-web{margin-top:12px;display:flex;flex-direction:column;gap:8px;opacity:0}
.hg-app.abre .hg-web{animation:mmPop .4s 1.1s forwards}
.hg-web b{font:600 16px/1 Unbounded,system-ui,sans-serif}.hg-web span{height:10px;border-radius:5px;background:#E6DFD4}.hg-web span:nth-child(3){width:70%}.hg-web .c{height:34px;width:60%;background:#E5482A;border-radius:10px}
.hg-notis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hg-notis li{background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 6px 14px -8px rgba(0,0,0,.3);font-size:12.5px;opacity:0;transform:translateY(-20px)}
.hg-notis b{display:block;font-size:13px}.hg-notis span{color:#5A5862}
.hg-app.abre .hg-notis li{animation:mmPop .45s calc(.5s + var(--i)*.5s) cubic-bezier(.3,1.4,.5,1) forwards}
.hg-ped{display:flex;flex-direction:column;gap:10px}
.hg-plato{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:12px;font-size:14px}.hg-plato span{font-weight:700;color:#E5482A}
.hg-ped button{border:0;border-radius:12px;background:#E5482A;color:#fff;font:700 14px/1 "Instrument Sans",system-ui,sans-serif;padding:12px}
.hg-app.abre .hg-ped button{animation:hgToca .5s 1s}
@keyframes hgToca{50%{transform:scale(.94);background:#B8321A}}
.pz-hogar .hg-ok{margin:0;text-align:center;font-weight:700;color:#1E8E5A!important;opacity:0}
.hg-app.abre .hg-ok{animation:mmPop .4s 1.5s forwards}
.hg-tiendas{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%}
.hg-tiendas span{width:80%;text-align:center;background:#16151B;color:#fff;border-radius:12px;padding:12px;font-weight:700;font-size:14px;opacity:0}
.hg-app.abre .hg-tiendas span{animation:mmPop .4s .6s forwards}.hg-app.abre .hg-tiendas span+span{animation-delay:.9s}
.pz-hogar .hg-pista{margin:0;font-size:14px;color:var(--mute)!important}
/* carrusel El Faro */
.pz-carru{position:relative;background:linear-gradient(180deg,#0F2230,#16151B);border-radius:26px;padding:20px 12px 14px;overflow:hidden;color:#fff;touch-action:pan-y;user-select:none}
.rc-aro{list-style:none;margin:0 auto;padding:0;position:relative;height:440px;perspective:1100px;transform-style:preserve-3d;cursor:grab}
.pz-carru.arrastra .rc-aro{cursor:grabbing}
.rc-m{position:absolute;left:50%;top:10px;width:200px;margin-left:-100px;border-radius:32px;padding:8px;background:#1D1C22;box-shadow:0 30px 50px -30px rgba(0,0,0,.9),inset 0 0 0 2px #2E2D35;transition:filter .4s,opacity .4s}
.rc-pant{height:400px;border-radius:26px;overflow:hidden;background:#F7F3EC;color:#16151B;padding:30px 12px 12px;display:flex;flex-direction:column;gap:10px}
.rc-cab b{display:block;font:600 16px/1.1 Unbounded,system-ui,sans-serif}.rc-cab small{font-size:11px;color:#5A5862}
.rc-h .rc-cab b{color:#0E6E8C}.rc-p .rc-cab b{color:#B8862A}.rc-e .rc-cab b{color:#E5482A}
.rc-btns{display:grid;gap:6px}.rc-btns span{background:#fff;border-radius:10px;padding:9px 10px;font-size:12.5px;font-weight:600;box-shadow:0 4px 10px -8px rgba(0,0,0,.3)}
.rc-chat{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.pz-carru .rc-chat p{margin:0;font-size:12px;line-height:1.35;padding:8px 10px;border-radius:12px;max-width:88%;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;color:#16151B!important}
.rc-chat .tu{align-self:flex-end;background:#DCEFF5}.rc-chat .yo{align-self:flex-start;background:#fff}.rc-chat .yo b{display:block;font-size:11px;color:#E5482A}
.rc-m.delante .rc-chat p{opacity:1;transform:none}.rc-m.delante .rc-chat p:nth-child(1){transition-delay:.5s}.rc-m.delante .rc-chat p:nth-child(2){transition-delay:1.5s}
.rc-club{background:linear-gradient(150deg,#E7B53C,#9C6B12);color:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:3px}
.rc-club small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.9}.rc-club b{font:600 18px/1.1 Unbounded,system-ui,sans-serif}.rc-club span{font-size:12.5px;font-weight:700}
.rc-tabs{display:flex;gap:4px;background:#ECE6DC;border-radius:10px;padding:3px}.rc-tabs span{flex:1;text-align:center;font-size:10.5px;font-weight:700;padding:7px 2px;border-radius:8px;transition:background .3s,color .3s}
.rc-tabs span.on{background:#E5482A;color:#fff}
.rc-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rc-lista li{display:flex;justify-content:space-between;background:#fff;border-radius:10px;padding:10px;font-size:12.5px;animation:rcEntra .4s both}
.rc-lista li:nth-child(2){animation-delay:.1s}.rc-lista li:nth-child(3){animation-delay:.2s}
@keyframes rcEntra{from{opacity:0;transform:translateX(12px)}}
.rc-pie{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:4px}
.rc-nom{font:600 14px/1 Unbounded,system-ui,sans-serif;color:#7FD3E8}
.rc-pts{display:flex;gap:6px}.rc-pts i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .3s,transform .3s}.rc-pts i.on{background:#7FD3E8;transform:scale(1.3)}
.pz-carru .pz-nota{display:block;text-align:center;margin-top:8px;color:#8E8A98}
/* instalación */
.pz-pasos{background:#F7F3EC;border:1px solid #E6DFD4;border-radius:26px;padding:18px}
.ai-tabs{display:inline-flex;background:#ECE6DC;border-radius:99px;padding:4px;gap:4px}
.ai-tabs button{border:0;background:none;font:600 14px/1 "Instrument Sans",system-ui,sans-serif;padding:10px 18px;border-radius:99px;cursor:pointer;color:#5A5862;transition:background .3s,color .3s}
.ai-tabs button.on{background:#16151B;color:#fff}
.ai-zona{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;margin-top:16px}
.ai-movil{width:240px;border-radius:38px;padding:9px;background:#16151B;box-shadow:0 30px 50px -30px rgba(0,0,0,.6)}
.ai-pant{position:relative;height:470px;border-radius:30px;overflow:hidden;background:#fff}
.ai-nav{height:62px;background:#F1ECE4;display:flex;align-items:flex-end;padding:0 12px 9px}
.ai-url{flex:1;background:#fff;border-radius:99px;padding:7px 12px;font-size:12px;color:#5A5862}
.ai-web{padding:16px;display:flex;flex-direction:column;gap:9px}.ai-web b{font:600 18px/1 Unbounded,system-ui,sans-serif}.ai-web span{height:10px;border-radius:5px;background:#ECE6DC}.ai-web span:nth-child(3){width:75%}.ai-web .c{height:36px;width:55%;background:#E5482A;border-radius:10px}
.ai-ic{display:inline-block;width:40px;height:40px;border-radius:11px;background:linear-gradient(150deg,#E5482A,#B8321A);position:relative;flex:0 0 40px}
.ai-ic::after{content:"";position:absolute;inset:11px;border-radius:50%;border:3px solid #fff}
.ai-banner{position:absolute;left:10px;right:10px;bottom:-90px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 -6px 24px -8px rgba(0,0,0,.35);transition:bottom .45s cubic-bezier(.2,.9,.3,1)}
.ai-banner div{flex:1}.ai-banner b{display:block;font-size:13px}.ai-banner small{font-size:11px;color:#5A5862}
.ai-inst{background:#1A73E8;color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:8px 12px;transition:transform .15s}
.pz-pasos.a1 .ai-banner{bottom:14px}
.ai-barra-s{position:absolute;left:0;right:0;bottom:0;height:52px;background:#F1ECE4;display:none;justify-content:space-around;align-items:center;font-style:normal}
.ai-barra-s i{width:18px;height:18px;border-radius:4px;background:#D8D1C6;font-style:normal}
.ai-barra-s .ai-comp{background:none;color:#1A73E8;font-size:20px;width:auto;height:auto;font-weight:700;transition:transform .15s}
.pz-pasos.ios .ai-barra-s{display:flex}
.ai-hoja{position:absolute;left:0;right:0;bottom:-260px;background:#fff;border-radius:22px 22px 0 0;padding:16px 14px 22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 -10px 30px -10px rgba(0,0,0,.4);transition:bottom .45s cubic-bezier(.2,.9,.3,1)}
.ai-hoja b{font-size:14px;text-align:center;margin-bottom:4px}.ai-hoja span{font-size:13px;padding:10px 12px;border-radius:10px;background:#F7F3EC}
.ai-hoja .ai-add{font-weight:700;color:#1A73E8;transition:background .2s}
.pz-pasos.i1 .ai-hoja{bottom:0}
.pz-pasos.i2 .ai-add{background:#DCE8FB}
.ai-inicio{position:absolute;inset:0;background:linear-gradient(160deg,#5B86E5,#36D1DC);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;padding:48px 16px;align-content:start;opacity:0;pointer-events:none;transition:opacity .35s}
.ai-inicio>i{aspect-ratio:1;border-radius:12px;background:hsl(var(--h) 60% 88% / .45)}
.pz-pasos.fin .ai-inicio{opacity:1}
.ai-nuevo{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transform:translateY(-120px) scale(1.6)}
.ai-nuevo small{font-size:10px;color:#fff;font-weight:600}
.pz-pasos.fin .ai-nuevo{animation:aiAterriza .7s .25s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes aiAterriza{to{opacity:1;transform:none}}
.ai-dedo{position:absolute;left:var(--dx,50%);top:var(--dy,60%);width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:rgba(22,21,27,.28);border:3px solid rgba(255,255,255,.95);box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:6;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),transform .15s;opacity:0}
.pz-pasos.dedo .ai-dedo{opacity:1}
.ai-dedo.toca{transform:scale(.75)}
.ai-dedo.toca::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid #fff;animation:aiOnda .5s ease-out}
@keyframes aiOnda{to{transform:scale(2.2);opacity:0}}
.ai-cuenta{margin:0;font-size:18px}.ai-cuenta b{font:600 clamp(52px,7vw,72px)/1 Unbounded,system-ui,sans-serif;color:#E5482A}
.pz-pasos .ai-paso{margin:8px 0 14px;font-size:16px;font-weight:600;color:#16151B!important;min-height:2.6em}
.ai-otra{font:600 14px/1 "Instrument Sans",system-ui,sans-serif;color:#16151B;background:#fff;border:1px solid #D8D1C6;border-radius:99px;padding:10px 16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-pasos.fin .ai-otra{opacity:1;pointer-events:auto}
/* terminal */
.pz-term{display:flex;justify-content:center}
.tm-ven{position:relative;width:100%;max-width:720px;background:#0E0E12;border-radius:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 0 0 1px #24232B;overflow:hidden}
.tm-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#1A1A20;border-bottom:1px solid #24232B}
.tm-bar i{width:11px;height:11px;border-radius:50%;background:#3A3843}.tm-bar i:nth-child(1){background:#E5482A}.tm-bar i:nth-child(2){background:#E0A526}.tm-bar i:nth-child(3){background:#4ED39A}
.tm-bar span{margin-left:10px;font:12px/1 ui-monospace,Menlo,Consolas,monospace;color:#8E8A98}
.tm-txt{margin:0;padding:18px 20px 26px;min-height:270px;font:13.5px/1.7 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#D9D6E0;white-space:pre-wrap;word-break:break-word}
.tm-txt .p{color:#4ED39A}.tm-txt .y{color:#FFC24A}.tm-txt .c{color:#7FD3E8}.tm-txt .ok{color:#4ED39A;font-weight:700}.tm-txt .cur{display:inline-block;width:8px;height:1.1em;background:#D9D6E0;vertical-align:text-bottom;animation:sfCursor .8s steps(2) infinite}
.tm-app{position:absolute;right:26px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:scale(.3) rotate(-20deg)}
.tm-app small{font:600 12px/1 "Instrument Sans",system-ui,sans-serif;color:#fff}
.tm-ic{width:64px;height:64px;border-radius:18px;background:linear-gradient(150deg,#E5482A,#B8321A);box-shadow:0 0 30px rgba(229,72,42,.6);position:relative}
.tm-ic::after{content:"";position:absolute;inset:18px;border-radius:50%;border:4px solid #fff}
.pz-term.fin .tm-app{animation:tmApp .7s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes tmApp{to{opacity:1;transform:none}}
@media (max-width:760px){
 .ai-zona{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
 .rc-aro{height:420px}.rc-m{width:180px;margin-left:-90px}.rc-pant{height:380px}
 .tm-txt{font-size:12px;min-height:300px;padding:14px 14px 90px}
 .tm-app{right:50%;margin-right:-32px;bottom:16px}
 .hg-pant{height:540px}
}
@media (prefers-reduced-motion:reduce){.pz-hogar *,.pz-carru *,.pz-pasos *,.pz-term *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}

/* ===================== RESEÑAS Y CLUB ===================== */
/* flujo de la reseña */
.pz-resflujo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(160deg,#FFF8EC,#F4F2EE);border:1px solid #EADFC9;border-radius:26px;padding:22px}
.rf-reloj{display:flex;align-items:center;gap:12px}
.rf-reloj svg{width:64px;height:64px}
.rf-reloj circle:first-child{fill:#fff;stroke:#16151B;stroke-width:3}
.rf-marcas line{stroke:#B9B6C2;stroke-width:2}
.rf-h,.rf-m{stroke:#16151B;stroke-width:3.5;stroke-linecap:round;transform-origin:40px 40px}
.rf-m{stroke:#E5482A;stroke-width:2.5}
.rf-reloj b{font:600 17px/1.2 Unbounded,system-ui,sans-serif}
.rf-pasos{list-style:none;margin:18px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.rf-pasos li{display:flex;align-items:center;gap:10px;font-size:15px;color:#8E8A98;transition:color .3s}
.rf-pasos li i{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid #D8D1C6;display:flex;align-items:center;justify-content:center;font:600 12px/1 Unbounded,system-ui,sans-serif;font-style:normal;transition:all .3s}
.rf-pasos li.on{color:#16151B;font-weight:600}.rf-pasos li.on i{background:#E5482A;border-color:#E5482A;color:#fff;box-shadow:0 0 0 4px rgba(229,72,42,.15)}
.rf-pasos li.ok i{background:#1E8E5A;border-color:#1E8E5A;color:#fff}
.pz-resflujo .rf-sello{display:inline-block;margin:0!important;font-size:13px!important;font-weight:700;color:#1E7A4D!important;background:#DDF3E8;border-radius:99px;padding:8px 14px}
.rf-movil{width:260px;border-radius:40px;padding:9px;background:#16151B;box-shadow:0 30px 50px -30px rgba(0,0,0,.6)}
.rf-pant{position:relative;height:500px;border-radius:32px;overflow:hidden;background:#ECE5DD}
.rf-s{position:absolute;inset:0;padding:22px 14px 14px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateX(30px);transition:opacity .4s,transform .45s cubic-bezier(.2,.9,.3,1);pointer-events:none}
.rf-s.on{opacity:1;transform:none}
.rf-s1{background:#ECE5DD}
.rf-chat-cab{display:flex;align-items:center;gap:8px;background:#fff;margin:-22px -14px 6px;padding:28px 14px 10px}
.rf-av{width:32px;height:32px;border-radius:50%;background:#E5482A;color:#fff;font:700 11px/32px "Instrument Sans",system-ui,sans-serif;text-align:center}
.pz-resflujo .rf-bur{margin:0;background:#fff;border-radius:2px 14px 14px 14px;padding:10px 12px;font-size:13.5px;line-height:1.4;color:#16151B!important;box-shadow:0 2px 4px rgba(0,0,0,.08);opacity:0;transform:scale(.9);transform-origin:left top}
.rf-s1.on .rf-bur{animation:mmPop .4s .5s forwards}
.rf-bt{align-self:flex-start;background:#1A73E8;color:#fff;font-weight:700;font-size:13px;border-radius:99px;padding:9px 14px;opacity:0;transition:transform .15s}
.rf-s1.on .rf-bt{animation:mmPop .4s 1.1s forwards}
.rf-s2,.rf-s3{background:#fff}
.rf-s2>b{font-size:15px;margin-top:10px}
.rf-est{display:flex;gap:6px;font-size:34px;line-height:1;color:#D8D1C6}
.rf-est i{font-style:normal;transition:color .2s,transform .3s cubic-bezier(.3,1.8,.5,1)}
.rf-est i.on{color:#FBBC04;transform:scale(1.2);text-shadow:0 0 10px rgba(251,188,4,.6)}
.pz-resflujo .rf-txt{margin:0;min-height:60px;border:1px solid #E6DFD4;border-radius:10px;padding:10px;font-size:13.5px;color:#16151B!important}
.rf-mapa{background:linear-gradient(135deg,#CDE6D0,#B8D8F0);border-radius:14px;padding:30px 12px 12px}
.rf-mapa b{display:block;font-size:16px}.rf-mapa small{font-size:12px;color:#3A3843}
.pz-resflujo .rf-tit{margin:4px 0 0;font-size:12px;font-weight:700;color:#5A5862!important;text-transform:uppercase;letter-spacing:.06em}
.rf-res{border:1px solid #E6DFD4;border-radius:12px;padding:10px;opacity:0;transform:translateY(-16px)}
.rf-s3.on .rf-res{animation:mmPop .5s .2s cubic-bezier(.3,1.5,.5,1) forwards}
.rf-res b{font-size:13.5px}.rf-mini{color:#FBBC04;font-size:13px;margin-left:6px}.rf-mini i{font-style:normal}
.pz-resflujo .rf-res p{margin:4px 0 0;font-size:13px;color:#3A3843!important}
.rf-ia{position:relative;border-radius:12px;padding:10px;background:#F7F3EC;border:1px dashed #E5482A;opacity:0}
.rf-s3.ia .rf-ia{animation:mmPop .4s forwards}
.rf-ia small{font-size:11px;font-weight:700;color:#E5482A}
.pz-resflujo .rf-ia p{margin:4px 0 8px;font-size:13px;min-height:54px;color:#16151B!important}
.rf-ok{display:inline-block;background:#1E8E5A;color:#fff;font-weight:700;font-size:13px;border-radius:10px;padding:8px 14px}
.rf-hecho{display:none;font-weight:700;color:#1E8E5A;font-size:14px}
.rf-s3.fin .rf-ok{display:none}.rf-s3.fin .rf-hecho{display:inline-block;animation:mmPop .4s}
.rf-dedo{position:absolute;left:var(--dx,50%);top:var(--dy,80%);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(22,21,27,.25);border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;z-index:5;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),opacity .3s,transform .15s}
.rf-dedo.ver{opacity:1}.rf-dedo.toca{transform:scale(.75)}
.rf-otra{position:absolute;left:22px;bottom:18px;font:600 14px/1 "Instrument Sans",system-ui,sans-serif;background:#fff;border:1px solid #D8D1C6;border-radius:99px;padding:10px 16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-resflujo.fin .rf-otra{opacity:1;pointer-events:auto}
.pz-resflujo .pz-nota{position:absolute;right:22px;bottom:8px}
/* tarjeta del club */
.pz-tarjeta{display:flex;flex-direction:column;align-items:center;gap:14px;background:radial-gradient(120% 120% at 50% 0%,#2A2731,#121116 70%);border-radius:26px;padding:26px 16px 18px;color:#fff;overflow:hidden}
.tj-escena{position:relative;width:340px;max-width:100%;height:300px;perspective:1000px}
.tj-ticket{position:absolute;left:50%;top:-6px;width:150px;margin-left:-75px;background:#fff;color:#16151B;font:12px/1.4 ui-monospace,Menlo,monospace;padding:10px 12px 14px;border-radius:4px;display:flex;flex-direction:column;opacity:0;transform:translateX(-260px) rotate(-6deg);z-index:3;box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.tj-ticket b{font-size:12px}.tj-ticket i{height:8px;margin-top:6px;background:repeating-linear-gradient(90deg,#16151B 0 2px,transparent 2px 4px)}
.tj-ticket.pasa{animation:tjPasa 1.1s cubic-bezier(.5,0,.3,1)}
@keyframes tjPasa{0%{opacity:0;transform:translateX(-260px) rotate(-6deg)}25%{opacity:1}50%{transform:translateX(0) rotate(0)}75%{opacity:1}100%{opacity:0;transform:translateX(260px) rotate(6deg)}}
.tj-haz{position:absolute;left:50%;top:-14px;width:4px;height:80px;margin-left:-2px;background:#FF3B30;box-shadow:0 0 16px 4px rgba(255,59,48,.7);opacity:0;z-index:4}
.tj-haz.on{animation:tjHaz 1.1s}
@keyframes tjHaz{40%,60%{opacity:1}}
.tj-carta{position:absolute;left:0;right:0;top:70px;height:212px;border-radius:20px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;gap:6px 12px;box-shadow:0 30px 50px -24px rgba(0,0,0,.9);transform-style:preserve-3d;transition:background .4s}
.tj-carta::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;pointer-events:none}
.tj-carta.sube{animation:tjGira .9s cubic-bezier(.4,0,.2,1)}
.tj-carta.sube::after{animation:tjBrillo 1s .5s}
@keyframes tjGira{0%{transform:none}50%{transform:rotateY(180deg) scale(1.06)}100%{transform:rotateY(360deg)}}
@keyframes tjBrillo{from{background-position:120% 0}to{background-position:-30% 0}}
.tj-carta.lv0{background:linear-gradient(135deg,#D9895A,#9A5432 60%,#6B3620)}
.tj-carta.lv1{background:linear-gradient(135deg,#E8ECEF,#A9B2BA 55%,#6E7880);color:#16151B}
.tj-carta.lv2{background:linear-gradient(135deg,#2A2731,#0E0D12 60%);color:#F5D27A;box-shadow:0 30px 50px -24px rgba(0,0,0,.9),inset 0 0 0 2px #C8901F}
.tj-top small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.tj-top b{font:600 22px/1.1 Unbounded,system-ui,sans-serif}
.tj-qr{grid-row:1/3;grid-column:2;width:76px;height:76px;background:#fff;border-radius:8px;padding:6px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:1px}
.tj-qr i{background:#16151B;border-radius:1px}
.tj-nom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline}
.tj-nom>b{font-size:16px}.tj-nom span{font-size:13px}.tj-nom span b{font:600 18px/1 Unbounded,system-ui,sans-serif}
.tj-barra{grid-column:1/-1;height:8px;border-radius:99px;background:rgba(0,0,0,.25);overflow:hidden}
.tj-barra i{display:block;height:100%;width:0;border-radius:inherit;background:#fff;transition:width .7s cubic-bezier(.2,.9,.3,1)}
.tj-carta.lv1 .tj-barra i{background:#16151B}.tj-carta.lv2 .tj-barra i{background:linear-gradient(90deg,#FFE7A3,#C8901F)}
.tj-sig{grid-column:1/-1;font-size:11.5px;opacity:.85}
.tj-premio{position:absolute;left:50%;top:30px;transform:translate(-50%,-50%) scale(.4);background:linear-gradient(150deg,#FFE7A3,#D69C2A);color:#2E1E04;border-radius:16px;padding:14px 20px;text-align:center;font:600 16px/1.3 Unbounded,system-ui,sans-serif;box-shadow:0 20px 40px -10px rgba(214,156,42,.7);opacity:0;pointer-events:none;z-index:6}
.tj-premio small{display:block;font:600 13px/1.3 "Instrument Sans",system-ui,sans-serif}
.pz-tarjeta.premio .tj-premio{animation:tjPremio .6s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes tjPremio{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.tj-bt{font:700 15px/1 "Instrument Sans",system-ui,sans-serif;color:#16151B;background:#FFC24A;border:0;border-radius:99px;padding:14px 22px;cursor:pointer;box-shadow:0 0 24px rgba(255,194,74,.35);transition:transform .15s}
.tj-bt:active{transform:scale(.95)}
.pz-tarjeta .pz-nota{color:#8E8A98}
/* check-in y photocall */
.pz-enlocal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;background:#16151B;border-radius:26px;padding:18px;color:#fff;position:relative}
.lc-c{display:flex;flex-direction:column;gap:10px;align-items:center}
.pz-enlocal .lc-tit{margin:0;font:600 13px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FF8A70!important}
.lc-visor{position:relative;width:100%;max-width:260px;aspect-ratio:9/14;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#3A2E28,#1E1A18);box-shadow:inset 0 0 0 2px #2E2D35}
.lc-puerta{position:absolute;left:18%;right:18%;top:12%;bottom:12%;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#7A4E2D,#5C3820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.lc-puerta small{font-size:10.5px;color:#F1D9B5;font-weight:600}
.lc-qr{position:relative;width:74px;height:74px;background:#fff;border-radius:6px;background-image:repeating-linear-gradient(90deg,#16151B 0 6px,transparent 6px 12px),repeating-linear-gradient(0deg,#16151B 0 6px,transparent 6px 12px);background-blend-mode:multiply}
.lc-qr i{position:absolute;width:20px;height:20px;border:5px solid #16151B;background:#fff;border-radius:3px}
.lc-qr i:nth-child(1){left:3px;top:3px}.lc-qr i:nth-child(2){right:3px;top:3px}.lc-qr i:nth-child(3){left:3px;bottom:3px}.lc-qr i:nth-child(4){display:none}
.lc-esq{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-70px 0 0 -60px;background:linear-gradient(#fff,#fff) 0 0/24px 4px,linear-gradient(#fff,#fff) 0 0/4px 24px,linear-gradient(#fff,#fff) 100% 0/24px 4px,linear-gradient(#fff,#fff) 100% 0/4px 24px,linear-gradient(#fff,#fff) 0 100%/24px 4px,linear-gradient(#fff,#fff) 0 100%/4px 24px,linear-gradient(#fff,#fff) 100% 100%/24px 4px,linear-gradient(#fff,#fff) 100% 100%/4px 24px;background-repeat:no-repeat;transition:transform .4s,filter .4s;animation:lcEsq 1.4s ease-in-out infinite}
@keyframes lcEsq{50%{transform:scale(1.08)}}
.lc-laser{position:absolute;left:28%;right:28%;top:30%;height:2px;background:#4ED39A;box-shadow:0 0 10px #4ED39A;opacity:0}
.pz-enlocal.escanea .lc-laser{opacity:1;animation:lcLaser 1s ease-in-out 2 alternate}
@keyframes lcLaser{to{top:62%}}
.pz-enlocal.leido .lc-esq{animation:none;transform:scale(.9);filter:drop-shadow(0 0 0 #4ED39A) hue-rotate(90deg) brightness(.8) sepia(1) saturate(6)}
.lc-okc{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) scale(.6);white-space:nowrap;background:#1E8E5A;color:#fff;font-weight:700;font-size:13px;border-radius:99px;padding:8px 14px;opacity:0;transition:all .35s cubic-bezier(.3,1.6,.5,1)}
.pz-enlocal.leido .lc-okc{opacity:1;transform:translateX(-50%)}
.lc-cam{width:100%;max-width:260px;background:#fff;color:#16151B;border-radius:16px;padding:11px 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);opacity:0;transform:translateY(16px);transition:all .45s cubic-bezier(.3,1.4,.5,1)}
.lc-cam b{display:block;font-size:14px}.lc-cam span{font-size:12.5px;color:#5A5862}
.pz-enlocal.aviso .lc-cam{opacity:1;transform:none}
.lc-nota{font-size:11.5px;color:#8E8A98}
.lc-v2{background:linear-gradient(160deg,#4A3B5C,#20192B)}
.lc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:blur(1.5px) brightness(.75) saturate(.8);transform:scale(1.04);transition:filter .3s,transform .5s}
.pz-enlocal.foto .lc-img{filter:none;transform:none}
.lc-cuenta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 96px/1 Unbounded,system-ui,sans-serif;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.5)}
.lc-cuenta.late{animation:lcLate .9s}
@keyframes lcLate{from{transform:scale(1.6);opacity:0}30%{opacity:1}to{transform:scale(.8);opacity:0}}
.lc-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.pz-enlocal.flash .lc-flash{animation:lcFlash .6s}
@keyframes lcFlash{10%{opacity:1}100%{opacity:0}}
.lc-story{position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 9px #E5482A,inset 0 0 0 13px #FFC24A;opacity:0;transform:scale(1.1);transition:all .5s cubic-bezier(.3,1.4,.5,1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px}
.pz-enlocal.foto .lc-story{opacity:1;transform:none}

.lc-marca{background:#E5482A;color:#fff;font:600 13px/1 Unbounded,system-ui,sans-serif;border-radius:99px;padding:8px 14px}
.lc-tag{background:#fff;color:#16151B;font-weight:700;font-size:13px;border-radius:10px;padding:7px 12px;transform:rotate(-4deg)}
.lc-otra{font:600 13px/1 "Instrument Sans",system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:9px 14px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-enlocal.foto .lc-otra{opacity:1;pointer-events:auto}
.pz-enlocal>.pz-nota{position:absolute;right:18px;bottom:8px;color:#8E8A98}
/* letreros de neón */
.pz-letreros{position:relative;border-radius:26px;padding:28px 22px 20px;overflow:hidden;background-color:#1E1414;background-image:linear-gradient(#0000 0 46px,rgba(0,0,0,.45) 46px 50px),linear-gradient(90deg,#0000 0 96px,rgba(0,0,0,.45) 96px 100px);background-size:100px 50px;box-shadow:inset 0 0 120px rgba(0,0,0,.85)}
.pz-letreros::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#0000 0 46px,rgba(0,0,0,.45) 46px 50px);background-size:100px 50px;background-position:0 25px;-webkit-mask:repeating-linear-gradient(#000 0 25px,#0000 25px 50px);mask:repeating-linear-gradient(#000 0 25px,#0000 25px 50px);pointer-events:none}
.ne-pared{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ne-l{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;--c:#FF4FA3;--c2:#FFE45C}
.ne-a{--c:#4FD8FF}
.ne-n{font:600 clamp(18px,2.6vw,26px)/1.15 Unbounded,system-ui,sans-serif;color:#4A3038;transition:color .2s}
.ne-p{font:700 clamp(16px,2.2vw,22px)/1.1 "Instrument Sans",system-ui,sans-serif;color:#4A4030;white-space:nowrap}
.ne-l.on .ne-n{color:#FFF3FA;text-shadow:0 0 4px #fff,0 0 10px var(--c),0 0 22px var(--c),0 0 40px var(--c);animation:neParpa 1.1s steps(1)}
.ne-l.on .ne-p{color:#FFFBE0;text-shadow:0 0 4px #fff,0 0 10px var(--c2),0 0 24px var(--c2);animation:neParpa 1.1s steps(1) .1s}
.ne-l.on:hover .ne-n{animation:neParpa .6s steps(1)}
@keyframes neParpa{0%{opacity:1}8%{opacity:.2}14%{opacity:1}22%{opacity:.3}30%,100%{opacity:1}}
.pz-letreros .ne-oro{position:relative;margin:24px 0 0!important;text-align:center;font:600 clamp(16px,2.3vw,22px)/1.25 Unbounded,system-ui,sans-serif;color:#4A4030!important;border:3px solid #4A4030;border-radius:16px;padding:12px 16px;transition:all .2s}
.pz-letreros.oro .ne-oro{color:#FFF6D8!important;border-color:#FFD36A;text-shadow:0 0 6px #fff,0 0 16px #FFB020,0 0 34px #FFB020;box-shadow:0 0 18px #FFB020,inset 0 0 18px rgba(255,176,32,.6);animation:neParpa 1.2s steps(1)}
.ne-pie{position:relative;display:block;margin-top:12px;text-align:center;font-size:12.5px;color:#9A8E92}
@media (max-width:760px){
 .pz-resflujo{grid-template-columns:minmax(0,1fr);justify-items:center;padding:18px 14px 56px}
 .rf-izq{width:100%}
 .pz-enlocal{grid-template-columns:minmax(0,1fr);padding-bottom:30px}
 .ne-l{flex-direction:column;gap:4px}
 .pz-letreros{padding:22px 16px 16px}
}
@media (prefers-reduced-motion:reduce){.pz-resflujo *,.pz-tarjeta *,.pz-enlocal *,.pz-letreros *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}

/* ===================== VERIFACTU ===================== */
/* hero: intenta trucar una factura */
.pz-trucar{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;background:radial-gradient(120% 110% at 30% 0%,#1D2A3A,#0E1118 70%);border-radius:28px;padding:26px 20px 18px;color:#fff;overflow:hidden;--ok:#4ED39A}
.vc-cadena{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px;width:100%;max-width:360px;perspective:900px}
.vc-f{position:relative;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(78,211,154,.45);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 14px 30px -18px rgba(0,0,0,.9),0 0 22px -6px rgba(78,211,154,.45);transform:rotateX(18deg) translateX(calc(var(--i)*14px - 21px));transition:border-color .3s,box-shadow .3s,background .3s,transform .4s;animation:vcFlota 5s ease-in-out infinite calc(var(--i)*-.8s)}
@keyframes vcFlota{50%{translate:0 -4px}}
.vc-f::after{content:"";position:absolute;left:50%;top:100%;width:3px;height:26px;margin-left:-1.5px;background:linear-gradient(var(--ok),rgba(78,211,154,.2));box-shadow:0 0 10px var(--ok);transition:background .3s,opacity .3s}
.vc-f:last-child::after{display:none}
.vc-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vc-cab b{font:600 14px/1.2 Unbounded,system-ui,sans-serif}
.vc-imp{font:700 18px/1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.vc-f small{display:block;font-size:11.5px;color:#9FB3C8;margin-top:5px}
.vc-f code{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ok);font-weight:700;transition:color .2s}
.vc-f[data-vc="1"]{border-width:1.5px}
.vc-f.roto{border-color:#FF4A3A;background:linear-gradient(135deg,rgba(255,74,58,.28),rgba(255,74,58,.06));box-shadow:0 0 26px -4px rgba(255,74,58,.7);animation:vcTiembla .35s 2}
.vc-f.roto code{color:#FF8A70}
.vc-f.roto::after{background:repeating-linear-gradient(#FF4A3A 0 4px,transparent 4px 8px);box-shadow:0 0 10px #FF4A3A}
@keyframes vcTiembla{25%{translate:-4px 0}75%{translate:4px 0}}
.vc-alarma{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);width:min(86%,320px);text-align:center;background:#FF3B30;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 0 0 6px rgba(255,59,48,.25),0 20px 40px -10px rgba(255,59,48,.8);opacity:0;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1);z-index:5}
.vc-alarma b{display:block;font:600 17px/1.2 Unbounded,system-ui,sans-serif}.vc-alarma span{font-size:13.5px}
.pz-trucar.alarma .vc-alarma{opacity:1;transform:translate(-50%,-50%) scale(1);animation:vcAl .5s steps(2) 4 .3s}
@keyframes vcAl{50%{background:#C1271D}}
.vc-sl{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px;font:600 13.5px/1.2 "Instrument Sans",system-ui,sans-serif;color:#FFC24A}
.vc-sl input{width:100%;accent-color:#FF4A3A}
.pz-trucar:not(.tocado) .vc-sl span{animation:lmLlama 1.6s infinite}
.pz-trucar .pz-nota{color:#7F93A8;text-align:center}
/* sala de control */
.pz-control{background:radial-gradient(120% 120% at 50% 0%,#14202B,#0A0D12 70%);border-radius:26px;padding:20px 22px;color:#fff;border:1px solid #1C2A36;box-shadow:inset 0 0 60px rgba(0,0,0,.6)}
.mx-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mx-vivo{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7FD3E8}
.mx-vivo i{width:9px;height:9px;border-radius:50%;background:#FF4A3A;animation:rdVivo 1.4s infinite;box-shadow:0 0 0 0 rgba(255,74,58,.6)}
.mx-sw{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:4px;gap:4px}
.mx-sw button{border:0;background:none;color:#9FB3C8;font:600 14px/1 "Instrument Sans",system-ui,sans-serif;padding:10px 16px;border-radius:99px;cursor:pointer;transition:background .3s,color .3s}
.mx-sw button.on{background:#7FD3E8;color:#0A0D12}
.pz-control .mx-q{margin:16px 0 8px!important;font:600 15px/1.3 "Instrument Sans",system-ui,sans-serif;color:#D9E4EE!important}
.mx-dig{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mx-u{background:linear-gradient(180deg,#0F1820,#0B1117);border:1px solid #1C2A36;border-radius:16px;padding:14px 6px 10px;text-align:center;box-shadow:inset 0 0 20px rgba(127,211,232,.06)}
.mx-u b{display:block;font:700 clamp(30px,6vw,58px)/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#7FD3E8;text-shadow:0 0 14px rgba(127,211,232,.55);font-variant-numeric:tabular-nums}
.mx-u b.cambia{animation:mxCae .35s cubic-bezier(.3,1.4,.5,1)}
@keyframes mxCae{from{transform:translateY(-30%);opacity:.2}}
.mx-u small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7F93A8}
.mx-barra{height:10px;border-radius:99px;background:#16212B;margin-top:16px;overflow:hidden}
.mx-barra i{display:block;height:100%;width:0;border-radius:inherit;background:var(--mxc,#4ED39A);box-shadow:0 0 12px var(--mxc,#4ED39A);transition:width .9s cubic-bezier(.2,.9,.3,1),background .5s}
.pz-control .mx-est{margin:10px 0 0!important;font-size:13.5px;color:#9FB3C8!important}
/* diagnóstico */
.pz-diag{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;background:#F7F3EC;border:1px solid #E6DFD4;border-radius:26px;padding:22px}
.dg-sem{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px;background:#16151B;border-radius:40px;padding:14px 12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6),inset 0 0 0 3px #2A2930}
.dg-sem i{width:58px;height:58px;border-radius:50%;background:#2A2930;box-shadow:inset 0 4px 10px rgba(0,0,0,.6);transition:background .35s,box-shadow .35s}
.pz-diag[data-c="0"] .dg-sem .v{background:#2BD47E;box-shadow:0 0 26px #2BD47E,inset 0 -4px 10px rgba(0,0,0,.2)}
.pz-diag[data-c="1"] .dg-sem .a{background:#FFB020;box-shadow:0 0 26px #FFB020,inset 0 -4px 10px rgba(0,0,0,.2)}
.pz-diag[data-c="2"] .dg-sem .r{background:#FF3B30;box-shadow:0 0 26px #FF3B30,inset 0 -4px 10px rgba(0,0,0,.2)}
.pz-diag .dg-tit{margin:0 0 12px!important;font:600 13px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#B8321A!important}
.dg-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dg-q{background:#fff;border:1px solid #E6DFD4;border-radius:16px;padding:14px 16px;opacity:.35;pointer-events:none;transform:translateY(6px);transition:opacity .35s,transform .35s}
.dg-q.ver{opacity:1;pointer-events:auto;transform:none}
.dg-q.hecha{opacity:.7}
.pz-diag .dg-q p{margin:0 0 10px!important;font-weight:600;font-size:15.5px;color:#16151B!important;line-height:1.35}
.dg-op{display:flex;flex-wrap:wrap;gap:8px}
.dg-op button{font:600 14px/1.2 "Instrument Sans",system-ui,sans-serif;background:#F7F3EC;border:1.5px solid #D8D1C6;border-radius:12px;padding:10px 14px;cursor:pointer;color:#16151B;transition:all .2s}
.dg-op button:hover{border-color:#16151B}
.dg-op button.sel{background:#16151B;color:#fff;border-color:#16151B}
.dg-res{margin-top:14px;border-radius:18px;padding:16px 18px;color:#fff;animation:mmPop .45s cubic-bezier(.3,1.4,.5,1)}
.dg-res[hidden]{display:none}
.pz-diag[data-c="0"] .dg-res{background:#1E8E5A}.pz-diag[data-c="1"] .dg-res{background:#C27A00}.pz-diag[data-c="2"] .dg-res{background:#C1271D}
.dg-res b{display:block;font:600 18px/1.25 Unbounded,system-ui,sans-serif}
.pz-diag .dg-res p{margin:6px 0 12px!important;color:#fff!important;font-size:14.5px}
.dg-cta{display:inline-block;background:#fff;color:#16151B!important;font-weight:700;text-decoration:none;border-radius:99px;padding:11px 18px;margin-right:8px}
.dg-otra{font:600 13px/1 "Instrument Sans",system-ui,sans-serif;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:10px 14px;cursor:pointer}
/* placa de circuito */
.pz-placa{background:#0A1F18;border-radius:26px;padding:14px;color:#fff}
.pb-svg{display:block;width:100%;height:auto}
.pb-fondo{fill:#0D3326}
.pb-pistas path{fill:none;stroke:#C88A3A;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:.95}
.pb-pistas .pb-bus{stroke-width:3;stroke:#8E6A3A;stroke-dasharray:4 6;stroke-dashoffset:0;opacity:0;transition:opacity .6s}
.pz-placa.p1 #pbA,.pz-placa.p1 #pbA2{transition:stroke-dashoffset 1s ease;stroke-dashoffset:0}
.pz-placa.p2 #pbB,.pz-placa.p2 #pbB2{transition:stroke-dashoffset 1s ease;stroke-dashoffset:0}
.pz-placa.p3 .pb-bus{opacity:.8}
.pb-pads circle{fill:#E2B35A;stroke:#7A5420;stroke-width:2}
.pb-chip rect{fill:#141418;stroke:#3A3843;stroke-width:2;transition:stroke .4s,filter .4s}
.pb-chip text{fill:#8E8A98;font:600 14px/1 Unbounded,system-ui,sans-serif;text-anchor:middle;transition:fill .4s}
.pb-chip text.s{font:600 10.5px/1 "Instrument Sans",system-ui,sans-serif}
.pb-chip.on rect{stroke:#4ED39A;filter:drop-shadow(0 0 10px rgba(78,211,154,.7))}
.pb-chip.on text{fill:#fff}.pb-chip.on text.s{fill:#4ED39A}
.pb-c2.on rect{stroke:#7FD3E8;filter:drop-shadow(0 0 12px rgba(127,211,232,.8))}.pb-c2.on text.s{fill:#7FD3E8}
.pb-c3.on rect{stroke:#FFC24A;filter:drop-shadow(0 0 10px rgba(255,194,74,.7))}.pb-c3.on text.s{fill:#FFC24A}
.pb-chispas circle{fill:#FFE29A}
.pb-electrones circle{fill:#7FFFD0;filter:drop-shadow(0 0 4px #7FFFD0)}
.pb-sello{opacity:0;transform-box:fill-box;transition:opacity .4s}
.pb-sello rect{fill:#E5482A}.pb-sello text{fill:#fff;font:700 15px/1 "Instrument Sans",system-ui,sans-serif;text-anchor:middle}
.pz-placa.p1 .pb-sello{opacity:1}
.pz-placa .pb-fin{margin:10px 0 2px!important;text-align:center;font:600 15px/1.2 Unbounded,system-ui,sans-serif;color:#3E6B5A!important;transition:color .5s,text-shadow .5s}
.pz-placa.p3 .pb-fin{color:#FFD36A!important;text-shadow:0 0 14px rgba(255,211,106,.6)}
@media (max-width:760px){
 .pz-diag{grid-template-columns:minmax(0,1fr)}
 .pz-trucar{padding:20px 14px 16px}.vc-f{transform:rotateX(14deg) translateX(calc(var(--i)*6px - 9px));padding:10px 12px}.vc-imp{font-size:16px}
 .dg-sem{position:static;flex-direction:row;justify-self:center;padding:10px 14px}.dg-sem i{width:44px;height:44px}
 .mx-dig{gap:6px}.mx-u{padding:10px 2px 8px}
 .pz-control{padding:16px 14px}
}
@media (prefers-reduced-motion:reduce){.pz-trucar *,.pz-control *,.pz-diag *,.pz-placa *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}

/* ===== guía larga con índice lateral ===== */
.guia{display:grid;grid-template-columns:240px minmax(0,780px);gap:40px;align-items:start}
.guia .pbody{max-width:none}
.guia-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid #ECE6DC;border-radius:18px;padding:14px 14px 12px;font-size:14px}
.guia-toc summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.guia-toc summary::-webkit-details-marker{display:none}
.guia-toc summary span{font:600 13px/1.2 Unbounded,system-ui,sans-serif;letter-spacing:.04em}
.guia-toc summary small{color:var(--mute);font-size:12px}
.guia-toc ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:t}
.guia-toc li a{display:block;padding:6px 8px 6px 26px;border-radius:9px;color:#5A5862;text-decoration:none;line-height:1.3;position:relative;transition:background .2s,color .2s}
.guia-toc li a::before{counter-increment:t;content:counter(t);position:absolute;left:6px;top:6px;font:600 11px/1.6 Unbounded,system-ui,sans-serif;color:#B9B6C2}
.guia-toc li a:hover{background:#F7F3EC;color:#16151B}
.guia-toc li a.on{background:#FFE7DF;color:#B8321A;font-weight:600}.guia-toc li a.on::before{color:#E5482A}
.toc-prog{height:4px;border-radius:99px;background:#F1ECE4;margin-top:12px;overflow:hidden}
.toc-prog i{display:block;height:100%;width:0;background:#E5482A;border-radius:inherit;transition:width .15s}
.guia .ps{scroll-margin-top:96px}
@media (max-width:1100px){
 .guia{grid-template-columns:minmax(0,1fr);gap:0}
 .guia-toc{position:sticky;top:64px;z-index:20;max-height:70vh;margin-bottom:22px;box-shadow:0 10px 24px -18px rgba(22,21,27,.5)}
 .guia-toc details:not([open]) ~ .toc-prog{margin-top:8px}
}

/* ===== componentes de la guía Verifactu ===== */
.pz-mitos{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;perspective:1200px}
.mt2{position:relative;min-height:170px;cursor:pointer;outline:none}
.mt2-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.2,.4,1)}
.mt2.vuelta .mt2-in{transform:rotateY(180deg)}
.mt2-c{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.mt2-a{background:#16151B;color:#fff}.mt2-b{background:#fff;border:1px solid #E6DFD4;transform:rotateY(180deg)}
.mt2-c small{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mt2-a small{color:#FF8A70}.mt2-b small{color:#1E7A4D}
.mt2-a b{font:600 16px/1.35 Unbounded,system-ui,sans-serif}
.pbody .mt2-b p{margin:0;font-size:14.5px;line-height:1.5;color:#3A3843}
.mt2-a i{margin-top:auto;font-style:normal;font-size:12.5px;color:#9A96A6}
.mt2:focus-visible .mt2-c{outline:2px solid #E5482A;outline-offset:2px}
.pz-glosario{margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gl-t{background:#fff;border:1px solid #E6DFD4;border-radius:14px;padding:12px 14px}
.gl-t dt{font:600 14px/1.3 Unbounded,system-ui,sans-serif;color:#16151B}
.gl-t dd{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#3A3843}
.gl{border-bottom:1.5px dotted #E5482A;cursor:help;position:relative}
.gl-pop{position:absolute;z-index:40;max-width:280px;background:#16151B;color:#fff;font-size:13.5px;line-height:1.45;border-radius:12px;padding:10px 12px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.gl-pop.on{opacity:1;transform:none}
.gl-pop b{display:block;color:#FF8A70;font-size:12px;margin-bottom:3px}
.pz-check{background:#fff;border:1px solid #E6DFD4;border-radius:22px;padding:18px}
.ck-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ck-cab b{font:600 15px/1.2 Unbounded,system-ui,sans-serif}.ck-cab span{font-size:13.5px;color:var(--mute)}
.ck-barra{height:8px;border-radius:99px;background:#F1ECE4;overflow:hidden;margin-bottom:12px}.ck-barra i{display:block;height:100%;width:0;background:#1E8E5A;border-radius:inherit;transition:width .4s}
.ck-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:ck}
.ck-l label{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:#F7F3EC;cursor:pointer;transition:background .25s}
.ck-l input{position:absolute;opacity:0;pointer-events:none}
.ck-l .ck-b{width:28px;height:28px;border-radius:9px;border:2px solid #D8D1C6;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:transparent;transition:all .25s}
.ck-l input:checked+.ck-b{background:#1E8E5A;border-color:#1E8E5A;color:#fff;transform:scale(1.05)}
.ck-l input:focus-visible+.ck-b{outline:2px solid #E5482A;outline-offset:2px}
.ck-l label:has(input:checked){background:#E6F5EC}
.ck-l b{display:block;font-size:15px;color:#16151B}.ck-l small{display:block;font-size:13.5px;color:#5A5862;line-height:1.45;margin-top:2px}
.ck-fin{margin:12px 0 0;font-weight:700;color:#1E7A4D;opacity:0;transition:opacity .4s}.pz-check.todo .ck-fin{opacity:1}
.pz-anat{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:center;background:#F7F3EC;border-radius:24px;padding:20px}
.an-tk{position:relative;background:#fff;padding:20px 16px 18px;font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#16151B;box-shadow:0 14px 30px -18px rgba(0,0,0,.5);-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x}
.an-tk .c{text-align:center;font-weight:700}.an-tk .l{display:flex;justify-content:space-between}.an-tk hr{border:0;border-top:1px dashed #B9B6C2;margin:8px 0}
.an-z{position:relative;border-radius:6px;transition:background .25s,box-shadow .25s;padding:2px 4px;margin:0 -4px}
.an-z.on{background:#FFE7DF;box-shadow:0 0 0 2px #E5482A}
.an-z i{position:absolute;right:-12px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#E5482A;color:#fff;font:700 11px/20px "Instrument Sans",system-ui,sans-serif;font-style:normal;text-align:center}
.an-qr{display:grid;grid-template-columns:repeat(11,1fr);gap:1px;width:96px;height:96px;margin:6px auto;padding:4px;background:#fff;border:1px solid #16151B}
.an-qr b{background:#16151B}
.an-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:an}
.an-l li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #E6DFD4;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.an-l li.on{border-color:#E5482A;box-shadow:0 0 0 3px rgba(229,72,42,.12)}
.an-l li>i{width:28px;height:28px;border-radius:50%;background:#E5482A;color:#fff;font:700 13px/28px "Instrument Sans",system-ui,sans-serif;font-style:normal;text-align:center}
.an-l b{display:block;font-size:15px}.pbody .an-l p{margin:2px 0 0;font-size:14px;line-height:1.45;color:#5A5862}
.pz-modos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.md-c{border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px}
.md-v{background:linear-gradient(160deg,#0F2A3A,#16151B);color:#fff}.md-n{background:#fff;border:1px solid #E6DFD4}
.md-c>small{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.md-v>small{color:#7FD3E8}.md-n>small{color:#B8321A}
.md-c>b{font:600 19px/1.2 Unbounded,system-ui,sans-serif}
.md-flujo{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;flex-wrap:wrap}
.md-flujo span{border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.1)}.md-n .md-flujo span{background:#F7F3EC}
.md-flujo em{font-style:normal;opacity:.7}
.md-v .md-flujo .vuela{position:relative;overflow:hidden}
.md-v .md-flujo .vuela::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(127,211,232,.6),transparent);animation:mdVuela 2s linear infinite}
@keyframes mdVuela{to{left:100%}}
.md-c ul{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.5}.md-v ul{color:#D9E4EE}.md-n ul{color:#3A3843}
.pz-fuentes{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-fuentes a{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #E6DFD4;border-radius:14px;padding:12px 14px;color:#16151B;text-decoration:none;font-size:14.5px;transition:border-color .2s,transform .2s}
.pz-fuentes a:hover{border-color:#E5482A;transform:translateX(3px)}
.pz-fuentes small{color:var(--mute);font-size:12.5px;white-space:nowrap}
.pz-hist{list-style:none;margin:8px 0 0;padding:0 0 0 22px;border-left:3px solid #E6DFD4;display:flex;flex-direction:column;gap:14px}
.pz-hist li{position:relative}
.pz-hist li::before{content:"";position:absolute;left:-31px;top:4px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #B9B6C2}
.pz-hist li.ya::before{border-color:#E5482A;background:#E5482A}
.pz-hist li.hoy::before{border-color:#1E8E5A;background:#1E8E5A;box-shadow:0 0 0 5px rgba(30,142,90,.18)}
.pz-hist b{display:block;font:600 14px/1.3 Unbounded,system-ui,sans-serif}.pz-hist span{font-size:14.5px;color:#3A3843;line-height:1.5}
.pz-multas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mu-c{border-radius:20px;padding:18px;background:#16151B;color:#fff;position:relative;overflow:hidden}
.mu-c small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#FF8A70;font-weight:700}
.mu-c b{display:block;font:700 clamp(30px,5vw,44px)/1.1 Unbounded,system-ui,sans-serif;margin:6px 0;color:#FF4A3A;text-shadow:0 0 18px rgba(255,74,58,.4)}
.mu-c span{font-size:14px;color:#D9D6E0;line-height:1.45}
.pz-aviso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#FFE7DF,#FFF6EF);border:1px solid #F6C9B8;border-radius:20px;padding:16px 18px}
.pz-aviso b{font:600 16px/1.3 Unbounded,system-ui,sans-serif}.pz-aviso p{margin:4px 0 0!important;font-size:14px}
.pz-aviso a{background:#E5482A;color:#fff!important;text-decoration:none;font-weight:700;border-radius:99px;padding:12px 18px;white-space:nowrap}
@media (max-width:760px){.pz-mitos,.pz-glosario,.pz-modos,.pz-multas{grid-template-columns:minmax(0,1fr)}.pz-anat{grid-template-columns:minmax(0,1fr);justify-items:center}.an-tk{width:240px}.mt2{min-height:190px}}
@media (prefers-reduced-motion:reduce){.mt2-in{transition:none}}
.pz-control .mx-aviso{margin:12px 0 0!important;font-size:13px;line-height:1.45;color:#FFC24A!important;background:rgba(255,194,74,.08);border:1px solid rgba(255,194,74,.3);border-radius:12px;padding:10px 12px}
.pfaq h3.faq-g{margin:22px 0 8px;font:600 13px/1.2 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#B8321A}
.pfaq h3.faq-g:first-child{margin-top:0}


/* ===================== PLAN ANTIDESPERDICIO · guía Ley 1/2025 ===================== */
/* hero: el plato visto desde arriba que se desmonta */
.pz-cenital{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(90% 70% at 50% 38%,#3A3A2E 0%,#23231C 55%,#16151B 100%);border-radius:30px;padding:22px 16px 20px;overflow:hidden;color:#fff;isolation:isolate}
.pz-cenital::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px);z-index:-1}
.zn-mesa{width:min(100%,380px);aspect-ratio:1}
.zn-svg{width:100%;height:100%;overflow:visible;display:block}
.zn-c{transform-box:view-box;transform-origin:200px 200px;will-change:transform,opacity}
.zn-c>*{transition:none}
.zn-gr ellipse{fill:#FFE08A;opacity:.55}
.zn-gam{fill:#F08A5D;stroke:#C4532E;stroke-width:2}.zn-gam2{fill:none;stroke:#FFD2BC;stroke-width:2;stroke-linecap:round;opacity:.8}
.zn-pim{fill:#C9281C;stroke:#8E1A12;stroke-width:1.5}
.zn-gui{fill:#5DAE48;stroke:#2F7A24;stroke-width:1.5}
.zn-lim{fill:#F4D54A;stroke:#C9A21C;stroke-width:2}
.zn-vacio{opacity:0;transition:opacity .4s}
.pz-cenital.vacio .zn-vacio{opacity:1}
.zn-dato{text-align:center;display:flex;flex-direction:column;gap:2px;margin-top:-6px}
.zn-dato b{font:700 clamp(22px,3.6vw,30px)/1.1 Unbounded,system-ui,sans-serif;letter-spacing:-.02em;color:#FFC24A}
.zn-dato b span{font-variant-numeric:tabular-nums}
.zn-dato>span{font-size:15px;color:#EDE9E0}
.zn-dato small{font-size:11.5px;color:#9C988C;margin-top:4px}

/* el BOE subrayado con notas a mano */
.pz-boe{margin:0;display:flex;flex-direction:column;gap:8px;padding:0 6px}
.bo-hoja{position:relative;background:#FFFEFB;border-radius:6px;padding:22px clamp(16px,3vw,28px) 18px;box-shadow:0 1px 0 #E6DFD4,0 18px 40px -18px rgba(22,21,27,.35);font-family:Georgia,'Times New Roman',serif;color:#1F1E24;transform:rotate(-.6deg)}
.bo-hoja::after{content:"";position:absolute;inset:auto 0 -6px 0;height:6px;background:repeating-linear-gradient(90deg,#F2EDE3 0 10px,transparent 10px 12px);border-radius:0 0 6px 6px}
.bo-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:2px solid #1F1E24;padding-bottom:8px;margin-bottom:12px}
.bo-cab b{font:700 13px/1.2 Georgia,serif;letter-spacing:.12em}
.bo-cab span{font:12px/1.2 Georgia,serif;color:#55535C}
.ps .pz-boe .bo-tit{margin:0 0 14px;font:700 15.5px/1.4 Georgia,serif;color:#1F1E24;text-align:center}
.bo-p{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:4px 18px;padding:8px 0;border-top:1px dotted #DDD5C8}
.bo-p>small{grid-column:1/-1;font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;color:#8A857A;text-transform:uppercase}
.ps .pz-boe .bo-p p{margin:0;font:15.5px/1.6 Georgia,serif;color:#2A2930;grid-column:1}
.bo-m{background:linear-gradient(100deg,rgba(255,232,64,0) 0,rgba(255,232,64,.85) 2%,rgba(255,226,40,.75) 96%,rgba(255,232,64,0) 100%) no-repeat 0 60%/0% 78%;color:inherit;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1s cubic-bezier(.5,.1,.3,1)}
.bo-m.on{background-size:100% 78%}
.bo-nota{grid-column:2;font:700 21px/1.05 Caveat,'Bradley Hand','Segoe Print',cursive;color:#D3361C;align-self:center;transform:rotate(-3deg);clip-path:inset(0 100% 0 0);transition:clip-path .9s steps(18,end)}
.bo-nota.on{clip-path:inset(0 -10% 0 0)}
.bo-p .bo-nota+.bo-nota{margin-top:6px}
.bo-p:has(.bo-nota+.bo-nota){grid-template-rows:auto auto auto}
.bo-p .bo-nota[data-n="2"]{grid-row:2}.bo-p .bo-nota[data-n="3"]{grid-row:3}
.bo-p p+.bo-nota{grid-row:2}
.pz-boe figcaption{font-size:12.5px;color:var(--mute);text-align:right}
@media (max-width:640px){.bo-p{grid-template-columns:minmax(0,1fr)}.bo-nota{grid-column:1!important;grid-row:auto!important;font-size:20px}}

/* báscula de cocina analógica: ¿te toca? */
.pz-bascula{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:center;background:linear-gradient(160deg,#EAF4E4,#F7F3EC 60%);border-radius:26px;padding:22px}
.bs-cuerpo{position:relative;display:flex;flex-direction:column;align-items:center}
.bs-cuerpo::before{content:"";position:absolute;inset:8% 4% 0;border-radius:40% 40% 26px 26px;background:linear-gradient(180deg,#E9493A,#B32A1E);box-shadow:inset 0 -10px 0 rgba(0,0,0,.15),0 20px 30px -16px rgba(120,20,10,.6)}
.bs-esfera{position:relative;width:min(100%,280px);margin-top:18px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.bs-aro{fill:#E8E3DA;stroke:#BFB7AA;stroke-width:3}.bs-cara{fill:#FFFDF7}
.bs-zv,.bs-zr{fill:none;stroke-width:12;opacity:.85}.bs-zv{stroke:#2E8B57}.bs-zr{stroke:#E5482A}
.bs-tics line{stroke:#3A3843;stroke-width:1.5}
.bs-t{font:700 12px Unbounded,system-ui,sans-serif;text-anchor:middle}.bs-t.v{fill:#2E8B57}.bs-t.r{fill:#E5482A}
.bs-marca{font:600 9px Unbounded,system-ui,sans-serif;letter-spacing:.14em;fill:#8A857A;text-anchor:middle}
.bs-aguja path{fill:#16151B}.bs-aguja circle{fill:#16151B;stroke:#E8E3DA;stroke-width:3}
.bs-plato{position:relative;order:-1;display:block;width:78%;height:22px;border-radius:50%;background:radial-gradient(60% 80% at 50% 30%,#F4F5F7,#AEB4BE);box-shadow:0 6px 0 #8C929C;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.pz-bascula.pesa .bs-plato{transform:translateY(5px)}
.bs-pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bs-q{display:none;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 8px 20px -14px rgba(22,21,27,.4)}
.bs-q.on{display:block;animation:bsIn .4s ease both}.bs-q.hecha{opacity:.6}
@keyframes bsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ps .pz-bascula .bs-q p{margin:0 0 10px;font-size:15.5px;line-height:1.5;color:#2A2930}
.bs-op{display:flex;gap:8px}
.bs-op button,.bs-otra{font:600 14px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 22px;cursor:pointer;background:#16151B;color:#fff;transition:transform .15s,background .2s}
.bs-op button:hover{transform:translateY(-2px)}.bs-op button.sel{background:#E5482A}
.bs-res{margin-top:10px;border-radius:18px;padding:16px;color:#fff;animation:bsIn .45s ease both}
.bs-res.si{background:#C1271D}.bs-res.no{background:#2E7D4F}
.bs-res b{font:700 18px/1.2 Unbounded,system-ui,sans-serif}
.ps .pz-bascula .bs-res p{margin:6px 0 0;color:#fff;font-size:14.5px;line-height:1.5}
.ps .pz-bascula .bs-res .bs-todos{background:rgba(255,255,255,.14);border-radius:12px;padding:8px 10px;font-size:13.5px}
.bs-otra{margin-top:10px;background:#fff;color:#16151B;padding:9px 16px;font-size:12.5px}
@media (max-width:700px){.pz-bascula{grid-template-columns:minmax(0,1fr);padding:16px}.bs-esfera{width:min(100%,230px)}}

/* táper: arrastra las sobras */
.pz-tuper{background:radial-gradient(110% 90% at 50% 0%,#FFF4E6,#F7F3EC 70%);border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:12px;user-select:none;-webkit-user-select:none}
.ps .pz-tuper .tu-ins{margin:0;text-align:center;font:600 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8A6A3A}
.tu-mesa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;min-height:220px}
.tu-plato{position:relative;justify-self:center;width:min(100%,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff,#EFEAE1 70%,#D8D0C3);box-shadow:0 14px 24px -12px rgba(0,0,0,.35),inset 0 0 0 14px rgba(255,255,255,.6)}
.tu-b{position:absolute;font-size:clamp(34px,6vw,44px);line-height:1;border:0;background:none;cursor:grab;touch-action:none;padding:4px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25));transition:transform .25s}
.tu-b:nth-child(1){left:22%;top:24%}.tu-b:nth-child(2){left:52%;top:38%}.tu-b:nth-child(3){left:28%;top:56%}
.tu-b:hover{transform:scale(1.1) rotate(-6deg)}
.tu-b.arr{cursor:grabbing;transition:none;z-index:5;transform:scale(1.15)}
.tu-b.fuera{visibility:hidden}
.tu-env{position:relative;justify-self:center;width:min(100%,210px);height:150px}
.tu-caja{position:absolute;inset:auto 0 0;height:96px;border-radius:10px 10px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(225,236,240,.85));border:3px solid #BFD3DB;box-shadow:inset 0 -12px 18px rgba(150,180,190,.35),0 12px 20px -12px rgba(0,0,0,.3);overflow:hidden}
.tu-hueco{position:absolute;inset:8px;display:flex;align-items:flex-end;justify-content:center;gap:2px;font-size:32px}
.tu-hueco span{animation:tuCae .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes tuCae{from{transform:translateY(-70px) scale(.8);opacity:0}to{transform:none;opacity:1}}
.tu-tapa{position:absolute;left:-6px;right:-6px;top:0;height:20px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#5DB7D0,#3A93AE);box-shadow:0 4px 0 #2C7890;transform:translateY(8px) rotate(-12deg);transform-origin:0 100%;transition:transform .5s cubic-bezier(.5,1.8,.5,1)}
.pz-tuper.cerrado .tu-tapa{transform:translateY(44px)}
.tu-pega{position:absolute;right:-8px;bottom:18px;z-index:3;background:#FFC24A;color:#16151B;border-radius:10px;padding:7px 10px;font:700 12.5px/1.15 Unbounded,system-ui,sans-serif;text-align:center;transform:rotate(-8deg) scale(0);transition:transform .45s .35s cubic-bezier(.3,1.8,.5,1);box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.tu-pega small{display:block;font:500 10px/1.3 'Instrument Sans',system-ui,sans-serif;margin-top:2px}
.pz-tuper.cerrado .tu-pega{transform:rotate(-8deg) scale(1)}
.tu-env.cerca .tu-caja{border-color:#2E8B57;box-shadow:0 0 0 6px rgba(46,139,87,.18)}
.tu-pie{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tu-desc,.tu-otra{font:600 13px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:12px 18px;cursor:pointer}
.tu-desc{background:#16151B;color:#fff}.tu-otra{background:#fff;color:#16151B;box-shadow:inset 0 0 0 1px #E0D8CB}

@media (max-width:560px){.tu-mesa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:170px}.tu-env{height:120px}.tu-caja{height:80px}.tu-hueco{font-size:24px}.tu-pega{font-size:11px;right:-4px}.tu-tapa{transform:translateY(4px) rotate(-12deg)}.pz-tuper.cerrado .tu-tapa{transform:translateY(30px)}}

/* el embudo de la jerarquía */
.pz-embudo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;background:linear-gradient(180deg,#16151B,#22202A);border-radius:26px;padding:18px;color:#fff}
.eb-lienzo{position:relative;width:100%;aspect-ratio:4/5;max-height:440px}
.eb-lienzo canvas{position:absolute;inset:0;width:100%;height:100%}
.eb-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.eb-l li{border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:background .3s,transform .3s}
.eb-l li.lat{background:hsla(var(--h),60%,45%,.35);transform:translateX(4px)}
.eb-l li b{display:flex;align-items:center;gap:8px;font:600 14.5px/1.2 Unbounded,system-ui,sans-serif}
.eb-l li b span{width:22px;height:22px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#16151B;background:hsl(var(--h),60%,60%)}
.eb-l li b em{margin-left:auto;font:600 12px/1 'JetBrains Mono',monospace;font-style:normal;color:#B9B6C2}
.eb-l li small{display:block;font-size:13px;line-height:1.4;color:#CFCBD6;margin-top:4px}
.eb-l li:nth-child(1){--h:140}.eb-l li:nth-child(2){--h:95}.eb-l li:nth-child(3){--h:48}.eb-l li:nth-child(4){--h:25}.eb-l li:nth-child(5){--h:0}
.ps .pz-embudo .eb-pie{grid-column:1/-1;margin:0;text-align:center;font-size:13.5px;color:#E7E3EC}
.pz-embudo .eb-pie small{display:block;color:#8F8B98;font-size:11.5px;margin-top:2px}
@media (max-width:700px){.pz-embudo{grid-template-columns:minmax(0,1fr)}.eb-lienzo{aspect-ratio:1;max-height:340px}}

/* la carpeta del plan */
.pz-carpeta{display:flex;flex-direction:column;gap:6px}
.cq-escena{position:relative;perspective:1400px;padding-top:28px}
.cq-fondo{position:relative;background:linear-gradient(180deg,#E8C98E,#D9B371);border-radius:6px 16px 16px 16px;padding:0 14px 16px;box-shadow:0 20px 34px -18px rgba(80,50,10,.55)}
.cq-fondo::before{content:"";position:absolute;left:0;top:-22px;width:38%;height:24px;background:#E8C98E;border-radius:12px 12px 0 0}
.cq-tabs{position:relative;display:flex;gap:4px;transform:translateY(-14px);flex-wrap:wrap;padding-left:40%}
.cq-tab{font:600 11px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:8px 8px 0 0;padding:9px 10px 12px;background:var(--c);color:#fff;cursor:pointer;opacity:.75;transform:translateY(4px);transition:transform .25s,opacity .25s}
.cq-tab.on,.cq-tab:hover{opacity:1;transform:none}
.cq-hojas{position:relative;min-height:190px;margin-top:-14px}
.cq-hoja{position:absolute;inset:0;background:#FFFEF8;border-radius:4px;padding:16px 18px;border-top:6px solid var(--c);box-shadow:0 2px 0 #EDE6D6,0 4px 0 #E2D9C6;background-image:repeating-linear-gradient(180deg,transparent 0 33px,#DCE8F2 33px 34px);opacity:0;transform:translateY(14px) rotate(.8deg);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.cq-hoja.on{opacity:1;transform:none;pointer-events:auto}
.cq-hoja b{display:block;font:600 14px/1 Unbounded,system-ui,sans-serif;color:var(--c);margin-bottom:6px}
.cq-hoja ul{list-style:none;margin:0;padding:0}
.cq-hoja li{display:flex;align-items:center;gap:10px;height:34px;font:600 22px/1 Caveat,'Bradley Hand','Segoe Print',cursive;color:#23324A}
.cq-hoja li span{clip-path:inset(0 100% 0 0)}
.cq-hoja.on li span{clip-path:inset(0 -5% 0 0);transition:clip-path .8s calc(.25s + var(--k)*.7s) steps(22,end)}
.cq-hoja li i{flex:none;width:16px;height:16px;border:2px solid #23324A;border-radius:3px;position:relative}
.cq-hoja li i::after{content:"✓";position:absolute;left:1px;top:-9px;font:700 20px/1 Caveat,cursive;color:#D3361C;opacity:0;transform:scale(2)}
.cq-hoja.on li i::after{opacity:1;transform:none;transition:all .25s calc(.9s + var(--k)*.7s) cubic-bezier(.3,1.8,.5,1)}
.cq-tapa{position:absolute;inset:28px 0 0;z-index:4;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#F0D49C,#E2BE7E);border-radius:6px 16px 16px 16px;transform-origin:50% 0;transition:transform 1.1s cubic-bezier(.6,.05,.3,1),opacity .2s 1s;box-shadow:inset 0 0 0 1px rgba(120,80,20,.15)}
.cq-tapa span{background:#FFFEF8;border-radius:6px;padding:12px 18px;text-align:center;font:600 15px/1.2 Unbounded,system-ui,sans-serif;color:#16151B;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.cq-tapa small{display:block;font:500 12px/1.3 'Instrument Sans',system-ui,sans-serif;color:#5A5862;margin-top:4px}
.cq-clip{position:absolute;top:-10px;left:50%;width:60px;height:22px;margin-left:-30px;border-radius:6px;background:linear-gradient(180deg,#CFD3DA,#9AA1AC)}
.pz-carpeta.abre .cq-tapa{transform:rotateX(-178deg);opacity:0}
@media (max-width:600px){.cq-tabs{padding-left:0;transform:translateY(-8px)}.cq-fondo::before{display:none}.cq-hojas{min-height:200px}.cq-hoja li{font-size:19px}}

/* la caja de donación */
.pz-donar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;background:linear-gradient(160deg,#F7F3EC,#EFE6D6);border-radius:26px;padding:20px}
.dj-escena{display:flex;justify-content:center;padding-top:80px}
.dj-caja{position:relative;width:min(100%,230px);height:150px}
.dj-frente{position:absolute;inset:0;z-index:2;border-radius:4px;background:linear-gradient(180deg,#C99A5E,#B5844A);box-shadow:inset 0 0 0 2px rgba(90,60,20,.25),0 18px 24px -14px rgba(80,50,10,.6)}
.dj-frente::after{content:"↑↑  FRÁGIL";position:absolute;left:12px;bottom:10px;font:700 10px/1 Unbounded,system-ui,sans-serif;color:rgba(70,40,10,.45);letter-spacing:.1em}
.dj-dentro{position:absolute;left:0;right:0;top:-10px;height:60px;z-index:1;display:flex;justify-content:center}
.dj-c{position:absolute;top:0;left:calc(50% + var(--x) - 18px);font-size:34px;font-style:normal;opacity:0;transform:translateY(-120px)}
.pz-donar.llena .dj-c{animation:djCae .55s calc(var(--i)*.28s) cubic-bezier(.3,1.5,.5,1) forwards}
.dj-c:nth-child(n+4){top:-18px}
@keyframes djCae{to{opacity:1;transform:translateY(0)}}
.dj-sol{position:absolute;top:-64px;z-index:3;width:50%;height:66px;background:linear-gradient(0deg,#D7AA6C,#C1914F);border-radius:3px;transition:transform .55s cubic-bezier(.6,.05,.3,1)}
.dj-sol.s1{left:0;transform-origin:0 100%;transform:rotate(-28deg)}
.dj-sol.s2{right:0;transform-origin:100% 100%;transform:rotate(28deg)}
.pz-donar.cierra .dj-sol{transform:scaleY(.07)}
.pz-donar.cierra .dj-sol.s2{transition-delay:.22s}
.pz-donar.cierra .dj-dentro{opacity:0;transition:opacity .2s .3s}
.dj-cinta{position:absolute;z-index:4;left:50%;top:-4px;width:34px;margin-left:-17px;height:0;background:rgba(220,190,130,.92);box-shadow:inset 0 0 0 1px rgba(150,110,50,.3);transition:height .5s cubic-bezier(.6,0,.3,1)}
.pz-donar.cinta .dj-cinta{height:70px}
.dj-eti{position:absolute;z-index:5;right:-14px;bottom:-12px;width:150px;background:#fff;border-radius:6px;padding:8px 10px;font-size:11px;line-height:1.25;color:#16151B;box-shadow:0 8px 16px -8px rgba(0,0,0,.45);transform:rotate(4deg) translateY(-160px) scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.dj-eti small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8A857A}
.dj-eti b{display:block;font:600 12px/1.2 Unbounded,system-ui,sans-serif;margin-bottom:3px}
.dj-eti em{display:block;font-style:normal;margin-top:4px;padding-top:4px;border-top:1px dashed #CFC7BA;color:#2E7D4F;font-weight:600}
.pz-donar.eti .dj-eti{opacity:1;transform:rotate(4deg)}
.dj-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dj-l li{background:#fff;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4;color:#2A2930;box-shadow:0 6px 14px -10px rgba(0,0,0,.25)}
.dj-otra{grid-column:1/-1;justify-self:center;font:600 12.5px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 16px;background:#16151B;color:#fff;cursor:pointer}
@media (max-width:640px){.pz-donar{grid-template-columns:minmax(0,1fr)}.dj-eti{right:-4px;width:132px}}

/* calendario de taco */
.pz-taco{overflow:clip;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:center;background:#F7F3EC;border-radius:26px;padding:22px}
.tc-pared{position:relative;display:flex;justify-content:center;padding-top:14px}
.tc-clavo{position:absolute;top:0;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#8C929C;box-shadow:0 2px 2px rgba(0,0,0,.3);z-index:9}
.tc-bloque{position:relative;width:min(100%,220px);aspect-ratio:4/4.6;border-radius:6px;background:#E3DCCF;box-shadow:0 3px 0 #D4CBBB,0 6px 0 #C9BFAD,0 20px 28px -14px rgba(0,0,0,.45)}
.tc-anilla{position:absolute;top:-6px;left:20%;right:20%;height:14px;border-radius:6px;background:linear-gradient(180deg,#3A3843,#16151B);z-index:8}
.tc-h{position:absolute;inset:0;z-index:var(--z);background:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;transform-origin:50% 0;box-shadow:inset 0 0 0 1px #EDE6D6}
.tc-h::before{content:"";position:absolute;top:0;left:0;right:0;height:22%;background:#E5482A}
.tc-mes{position:absolute;top:0;height:22%;display:flex;align-items:center;font:700 14px/1 Unbounded,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.tc-dia{font:700 clamp(46px,8vw,72px)/1 Unbounded,system-ui,sans-serif;letter-spacing:-.04em;color:#16151B;margin-top:14%}
.tc-h.hoy .tc-dia{color:#E5482A;font-size:clamp(38px,6.5vw,56px)}
.tc-ano{font:600 14px/1 'JetBrains Mono',monospace;color:#5A5862}
.tc-h.fuera{animation:tcArranca .9s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}
@keyframes tcArranca{0%{transform:none}25%{transform:rotate(-4deg) translateY(4px)}100%{transform:translate(140px,260px) rotate(38deg);opacity:0}}
.tc-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:tc}
.tc-l li{border-radius:14px;padding:11px 14px;background:#fff;opacity:.45;transition:opacity .35s,box-shadow .35s,transform .35s}
.tc-l li.on{opacity:1;box-shadow:0 0 0 2px #E5482A;transform:translateX(4px)}
.tc-l li.ya{opacity:.85}
.tc-l b{display:block;font:600 14px/1.2 Unbounded,system-ui,sans-serif;color:#E5482A}
.tc-l span{font-size:14.5px;line-height:1.45;color:#2A2930}
@media (max-width:640px){.pz-taco{grid-template-columns:minmax(0,1fr);padding:16px}.tc-bloque{width:180px}}

/* termómetro de las multas */
.pz-termo{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:stretch;background:linear-gradient(180deg,#1B1A21,#121116);border-radius:26px;padding:22px;color:#fff;overflow:hidden}
.te-tubo{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:48px;min-height:320px}
.te-cifra{text-align:center;margin-bottom:12px;min-height:46px}
.te-cifra b{display:block;font:700 19px/1.1 Unbounded,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#FFC24A;white-space:nowrap}
.te-cifra small{font-size:11.5px;color:#B9B6C2}
.te-vidrio{position:relative;flex:1;width:30px;border-radius:15px 15px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 40%,rgba(255,255,255,.14));box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);overflow:hidden}
.te-hg{position:absolute;left:7px;right:7px;bottom:0;height:4%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#FF6A3D,#C1271D);transition:height 1.1s cubic-bezier(.3,1.2,.4,1),box-shadow .6s}
.te-m{position:absolute;left:0;width:12px;height:2px;background:rgba(255,255,255,.55)}
.te-m.m1{bottom:28%}.te-m.m2{bottom:60%}.te-m.m3{bottom:94%}
.te-bulbo{position:absolute;bottom:0;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#FF9068,#C1271D 60%,#7E140D);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.te-calor{position:absolute;bottom:20px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,80,40,.45),transparent 65%);opacity:0;transition:opacity .6s,transform .6s;pointer-events:none}
.pz-termo[data-niv="1"] .te-hg{height:30%}.pz-termo[data-niv="2"] .te-hg{height:62%}.pz-termo[data-niv="3"] .te-hg{height:100%;box-shadow:0 0 24px rgba(255,80,40,.8)}
.pz-termo[data-niv="3"] .te-vidrio{box-shadow:inset 0 0 0 2px rgba(255,120,80,.8),0 0 30px rgba(255,60,30,.55);animation:teArde .18s infinite alternate}
.pz-termo[data-niv="3"] .te-calor{opacity:1;transform:scale(1.4) translateY(-120px)}
@keyframes teArde{to{transform:translateX(.6px)}}
.te-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:10px}
.te-n{width:100%;text-align:left;border:0;border-radius:18px;padding:14px 16px;cursor:pointer;color:#fff;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .35s,transform .35s,box-shadow .35s;font:inherit}
.te-n small{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.te-n b{display:block;font:700 clamp(18px,2.4vw,22px)/1.15 Unbounded,system-ui,sans-serif;margin:6px 0 4px}
.te-n span{font-size:13.5px;line-height:1.45;color:#D9D5E0}
.te-n.on{transform:translateX(6px)}
.te-n.l.on{background:#8A6418;box-shadow:inset 0 0 0 2px #FFC24A}.te-n.g.on{background:#9E1F17;box-shadow:inset 0 0 0 2px #FF7A5C}.te-n.m.on{background:#5A0D08;box-shadow:inset 0 0 0 2px #FF3B1F,0 0 26px rgba(255,59,31,.45)}
@media (max-width:600px){.pz-termo{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:16px}.te-cifra b{font-size:14px;white-space:normal}.te-n{padding:12px}}

/* cámara frigorífica */
.pz-frio{display:flex;flex-direction:column;align-items:center;gap:10px}
.fr-marco{position:relative;width:100%;perspective:1600px;border-radius:20px;padding:14px;background:linear-gradient(180deg,#C9CED6,#9AA1AC);box-shadow:0 22px 34px -20px rgba(0,0,0,.6)}
.fr-dentro{list-style:none;margin:0;padding:12px;border-radius:12px;background:linear-gradient(180deg,#0F2230,#183447);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;box-shadow:inset 0 0 30px rgba(120,200,255,.25)}
.fr-b{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px 12px 16px;border-radius:8px;color:#E6F3FA;font-size:14px;line-height:1.4;background:rgba(255,255,255,.03);transition:background .4s,box-shadow .4s}
.fr-b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:2px;background:repeating-linear-gradient(90deg,#AEB6C2 0 3px,#6E7682 3px 9px)}
.fr-b.luz{background:rgba(140,215,255,.1);box-shadow:inset 0 2px 0 rgba(170,230,255,.75),0 -8px 22px -10px rgba(140,215,255,.6)}
.fr-b b{display:block;font:600 13px/1.2 Unbounded,system-ui,sans-serif;color:#9FE0FF;margin-bottom:3px}
.fr-ic{font-size:24px;line-height:1;filter:saturate(.7)}
.fr-vaho{position:absolute;inset:14px;pointer-events:none;overflow:hidden;border-radius:12px}
.fr-vaho i{position:absolute;left:-10%;width:60%;height:50%;border-radius:50%;background:radial-gradient(closest-side,rgba(240,250,255,.85),transparent);filter:blur(10px);opacity:0}
.fr-vaho i:nth-child(1){top:10%}.fr-vaho i:nth-child(2){top:40%;left:20%}.fr-vaho i:nth-child(3){top:62%;left:-5%}.fr-vaho i:nth-child(4){top:25%;left:45%}
.pz-frio.abre .fr-vaho i{animation:frVaho 3.2s ease-out forwards}
.pz-frio.abre .fr-vaho i:nth-child(2){animation-delay:.2s}.pz-frio.abre .fr-vaho i:nth-child(3){animation-delay:.35s}.pz-frio.abre .fr-vaho i:nth-child(4){animation-delay:.5s}
@keyframes frVaho{0%{opacity:0;transform:translateX(0) scale(.6)}25%{opacity:.95}100%{opacity:0;transform:translateX(70%) translateY(30%) scale(1.6)}}
.fr-puerta{position:absolute;inset:14px;z-index:3;border-radius:12px;background:linear-gradient(100deg,#E9ECF0,#C3C9D1 45%,#E2E6EB 55%,#B5BCC6);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),inset 0 0 0 10px rgba(0,0,0,.04);transform-origin:0 50%;transition:transform 1.3s cubic-bezier(.6,.05,.25,1);display:flex;align-items:center;justify-content:center}
.fr-puerta::before{content:"";position:absolute;inset:0;border-radius:12px;background:repeating-linear-gradient(180deg,transparent 0 40px,rgba(0,0,0,.035) 40px 42px)}
.pz-frio.abre .fr-puerta{transform:rotateY(-104deg)}
.fr-temp{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#0B0B0E;color:#5BE38A;border-radius:6px;padding:6px 10px;font:600 15px/1 'JetBrains Mono',monospace;box-shadow:0 0 0 2px #7A818C}
.fr-temp b{font-weight:600}
.fr-tirador{position:absolute;right:18px;top:30%;width:16px;height:40%;border-radius:8px;background:linear-gradient(90deg,#7A818C,#D5DAE0,#7A818C);box-shadow:0 4px 8px rgba(0,0,0,.3)}
.fr-rot{font:700 13px/1 Unbounded,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7A818C}
.fr-bt{font:600 12.5px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 16px;background:#16151B;color:#fff;cursor:pointer}
@media (max-width:600px){.fr-dentro{grid-template-columns:minmax(0,1fr)}}

/* comandas al pincho */
.pz-pincho{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;background:#F7F3EC;border-radius:26px;padding:20px}
.pc-lado{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:6px}
.pc-pin{position:relative;width:110px;height:200px}
.pc-aguja{position:absolute;left:50%;bottom:20px;width:4px;height:170px;margin-left:-2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#8C929C,#E8EBEF,#8C929C)}
.pc-aguja::before{content:"";position:absolute;top:-8px;left:-1px;border:3px solid transparent;border-bottom:8px solid #C9CED6}
.pc-base{position:absolute;bottom:0;left:5px;right:5px;height:22px;border-radius:50%;background:radial-gradient(60% 70% at 50% 30%,#3A3843,#16151B)}
.pc-pila{position:absolute;left:0;right:0;bottom:30px;display:flex;flex-direction:column-reverse;align-items:center}
.pc-pila i{display:block;width:96px;height:16px;margin-top:-2px;border-radius:2px;background:#FFFDF6;box-shadow:0 1px 0 #DDD3C2,0 2px 4px rgba(0,0,0,.12);transform:rotate(var(--r));animation:pcClava .45s cubic-bezier(.4,1.6,.5,1) both}
.pc-pila i::after{content:"";display:block;margin:6px auto 0;width:4px;height:4px;border-radius:50%;background:#8C929C}
@keyframes pcClava{from{transform:translateY(-140px) rotate(0);opacity:0}to{transform:rotate(var(--r));opacity:1}}
.pc-lado p{margin:0;font:600 13px/1 Unbounded,system-ui,sans-serif;color:#16151B}
.pc-ok{font:700 14px/1 Unbounded,system-ui,sans-serif;color:#fff;background:#E5482A;border-radius:999px;padding:8px 12px;opacity:0;transform:scale(.4) rotate(-8deg);transition:all .4s cubic-bezier(.3,1.8,.5,1)}
.pz-pincho.todo .pc-ok{opacity:1;transform:rotate(-4deg)}
.pc-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc-c label{position:relative;display:flex;flex-direction:column;gap:4px;cursor:pointer;background:#FFFDF6;border-radius:4px;padding:12px 14px 16px;box-shadow:0 10px 18px -14px rgba(0,0,0,.4);transition:transform .35s,opacity .35s;font-size:14px;line-height:1.4;color:#2A2930}
.pc-c label::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:radial-gradient(circle at 5px 0,transparent 5px,#FFFDF6 5px) 0 0/10px 6px repeat-x}
.pc-c input{position:absolute;opacity:0;pointer-events:none}
.pc-cab{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 'JetBrains Mono',monospace;color:#8A857A;border-bottom:1px dashed #DDD3C2;padding-bottom:6px;margin-bottom:2px;letter-spacing:.08em;text-transform:uppercase}
.pc-cab i{font-style:normal;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #CFC7BA;color:transparent;transition:all .25s}
.pc-c b{font:600 14.5px/1.25 Unbounded,system-ui,sans-serif;color:#16151B}
.pc-c small{font-size:13px;color:#5A5862}
.pc-c input:checked+.pc-cab i{background:#2E8B57;color:#fff;box-shadow:none}
.pc-c input:focus-visible+.pc-cab{outline:2px solid #E5482A;outline-offset:4px}
.pc-c.hecha label{opacity:.55;transform:scale(.97)}
.pc-c.hecha b{text-decoration:line-through;text-decoration-color:#E5482A;text-decoration-thickness:2px}
.pc-c.vuela label{animation:pcVuela .5s ease}
@keyframes pcVuela{40%{transform:translateX(-12px) rotate(-2deg) scale(.95)}}
@media (max-width:640px){.pz-pincho{grid-template-columns:minmax(0,1fr);padding:14px}.pc-lado{position:static;flex-direction:row;justify-content:center;gap:14px}.pc-pin{width:90px;height:150px}.pc-aguja{height:120px}.pc-pila i{width:80px}.pc-l{grid-template-columns:minmax(0,1fr)}}

/* etiquetas de caducidad: los mitos */
.pz-cadu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cd-e{position:relative;display:block;width:100%;min-height:158px;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}
.cd-ver{position:absolute;inset:0;border-radius:14px;padding:16px 18px;background:#E9F6EE;box-shadow:inset 0 0 0 2px #2E8B57;font-size:14.5px;line-height:1.5;color:#1F3B2A;display:flex;flex-direction:column;justify-content:center}
.cd-ver small{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#2E8B57;margin-bottom:6px}
.cd-fr{position:absolute;inset:0;border-radius:14px;background:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,.35),inset 0 0 0 1px #E6DFD4;display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 0;transition:transform .7s .55s cubic-bezier(.6,.05,.3,1),opacity .3s 1.1s}
.cd-top{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#16151B;color:#fff;padding:8px 14px}
.cd-top small{font-size:10.5px;letter-spacing:.04em;opacity:.8}
.cd-top b{font:600 13px/1 'JetBrains Mono',monospace;color:#FFC24A}
.cd-mito{flex:1;padding:12px 14px 6px;font:600 15.5px/1.35 Unbounded,system-ui,sans-serif;color:#16151B}
.cd-bar{height:30px;margin:0 14px 12px;background:repeating-linear-gradient(90deg,#16151B 0 2px,transparent 2px 4px,#16151B 4px 5px,transparent 5px 8px,#16151B 8px 11px,transparent 11px 13px)}
.cd-sello{position:absolute;left:50%;top:50%;padding:6px 14px;border:4px solid #D3361C;border-radius:8px;color:#D3361C;font:800 22px/1 Unbounded,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-14deg) scale(2.4);opacity:0;mix-blend-mode:multiply;background:rgba(255,255,255,.2)}
.cd-e.vuelta .cd-sello{animation:cdSello .35s cubic-bezier(.5,0,.6,1.6) forwards}
@keyframes cdSello{to{opacity:.92;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}
.cd-e.vuelta .cd-fr{transform:rotate(-8deg) translate(110%,-30%);opacity:0;pointer-events:none}
.cd-e:hover .cd-fr{box-shadow:0 14px 24px -12px rgba(0,0,0,.45),inset 0 0 0 1px #E6DFD4}
.cd-e:focus-visible{outline:3px solid #E5482A;outline-offset:3px;border-radius:14px}
.pz-cadu li{overflow:hidden;border-radius:14px}
@media (max-width:640px){.pz-cadu{grid-template-columns:minmax(0,1fr)}.cd-e{min-height:140px}}

/* tabla de cortar: qué hacemos */
.pz-corte{border-radius:26px;padding:18px;background:linear-gradient(180deg,#F1ECE3,#E8E0D2)}
.kc-tabla{position:relative;border-radius:22px;padding:30px 22px;background:repeating-linear-gradient(92deg,rgba(120,80,40,.07) 0 2px,transparent 2px 14px),repeating-linear-gradient(88deg,rgba(90,60,30,.05) 0 1px,transparent 1px 7px),linear-gradient(180deg,#D9AE77,#C49359);box-shadow:inset 0 0 0 2px rgba(110,70,30,.25),0 18px 30px -18px rgba(70,40,10,.6);overflow:hidden}
.kc-tabla::before{content:"";position:absolute;right:16px;top:50%;width:18px;height:46px;margin-top:-23px;border-radius:12px;background:#A7774A;box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.kc-bloque{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;transition:gap .5s cubic-bezier(.3,1.4,.5,1);max-width:calc(100% - 30px)}
.kc-p{position:relative;min-height:150px;padding:16px 14px;background:linear-gradient(180deg,#FFF6E6,#F7E6C8);box-shadow:inset 0 -6px 0 rgba(200,150,80,.25);color:#3A2A14;display:flex;flex-direction:column;gap:6px;transition:transform .5s,border-radius .4s,box-shadow .4s}
.kc-p:first-child{border-radius:14px 0 0 14px}.kc-p:last-child{border-radius:0 14px 14px 0}
.kc-p b,.kc-p span{opacity:0;transform:translateY(6px);transition:opacity .4s calc(var(--i)*.12s + .2s),transform .4s calc(var(--i)*.12s + .2s)}
.kc-p b{font:600 14.5px/1.25 Unbounded,system-ui,sans-serif;color:#16151B}
.kc-p span{font-size:13.5px;line-height:1.45}
.kc-eti{position:absolute;left:22px;right:52px;top:50%;transform:translateY(-50%);text-align:center;font:700 clamp(16px,2.6vw,24px)/1.2 Unbounded,system-ui,sans-serif;color:#8A5A20;pointer-events:none;transition:opacity .3s}
.kc-cuchillo{position:absolute;top:0;left:0;width:34px;height:170px;transform:translateY(-400px);filter:drop-shadow(4px 6px 4px rgba(0,0,0,.35));pointer-events:none;z-index:4}
.kc-cuchillo.baja{animation:kcBaja .38s cubic-bezier(.6,0,.4,1)}
@keyframes kcBaja{0%{top:-200px}55%{top:-10px}100%{top:-200px}}
.pz-corte.hecho .kc-bloque{gap:12px}
.pz-corte.hecho .kc-p{border-radius:14px;box-shadow:inset 0 -6px 0 rgba(200,150,80,.25),0 10px 16px -10px rgba(70,40,10,.5)}
.pz-corte.hecho .kc-p:nth-child(odd){transform:rotate(-1.2deg)}.pz-corte.hecho .kc-p:nth-child(even){transform:rotate(1deg) translateY(4px)}
.pz-corte.hecho .kc-p b,.pz-corte.hecho .kc-p span{opacity:1;transform:none}
.pz-corte.hecho .kc-eti{opacity:0}
@media (max-width:700px){.kc-bloque{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.kc-tabla::before{display:none}.kc-eti{right:22px}.kc-p:first-child{border-radius:14px 0 0 0}.kc-p:nth-child(2){border-radius:0 14px 0 0}.kc-p:nth-child(3){border-radius:0 0 0 14px}.kc-p:last-child{border-radius:0 0 14px 0}.kc-p{min-height:130px}}

/* báscula del mercado: el precio */
.pz-pesaje{display:flex;flex-direction:column;align-items:center;gap:12px;background:radial-gradient(110% 100% at 50% 0%,#2A2731,#16151B 70%);border-radius:26px;padding:24px 16px;overflow:hidden}
.px-bascula{position:relative;width:min(100%,360px);padding-top:86px}
.px-plato{position:relative;display:block;height:16px;margin:0 30px;border-radius:8px;background:linear-gradient(180deg,#F4F5F7,#9AA1AC);box-shadow:0 4px 0 #6E7682;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.pz-pesaje.peso .px-plato{transform:translateY(5px)}
.px-bolsa{position:absolute;left:50%;top:0;width:110px;height:92px;margin-left:-55px;border-radius:6px 6px 10px 10px;background:linear-gradient(180deg,#E2C79A,#CFAE78);box-shadow:inset 0 10px 0 rgba(0,0,0,.06),0 8px 12px -6px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;text-align:center;font:700 11px/1.2 Unbounded,system-ui,sans-serif;color:#5A3D14;transform:translateY(-200px);opacity:0}
.px-bolsa::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#CFAE78 0 6px,#BE9C66 6px 8px);border-radius:6px 6px 0 0}
.pz-pesaje.cae .px-bolsa{animation:pxCae .6s cubic-bezier(.5,0,.6,1.5) forwards}
@keyframes pxCae{0%{transform:translateY(-200px);opacity:1}100%{transform:translateY(-4px);opacity:1}}
.px-cuerpo{position:relative;margin-top:2px;border-radius:14px 14px 18px 18px;background:linear-gradient(180deg,#E8EBEF,#B9C0C9);padding:14px;box-shadow:0 18px 28px -16px rgba(0,0,0,.7)}
.px-pant{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#0D1A10;border-radius:8px;padding:10px;box-shadow:inset 0 0 0 3px #3A3F47,inset 0 0 18px rgba(80,255,140,.12)}
.px-pant div{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.px-pant small{font:600 8.5px/1 Unbounded,system-ui,sans-serif;letter-spacing:.1em;color:#5BE38A;opacity:.7}
.px-pant b{font:600 clamp(15px,3.4vw,19px)/1 'JetBrains Mono',monospace;color:#7CFFA8;text-shadow:0 0 8px rgba(124,255,168,.6);font-variant-numeric:tabular-nums}
.px-ranura{display:block;height:6px;margin:12px 40px 0;border-radius:3px;background:#2A2E35}
.px-eti{position:relative;width:min(100%,280px);background:#fff;border-radius:8px;padding:12px 14px 34px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 22px -10px rgba(0,0,0,.6);transform:translateY(-70px) scaleY(.05);transform-origin:50% 0;opacity:0;transition:transform .7s cubic-bezier(.3,1.2,.4,1),opacity .2s}
.pz-pesaje.eti .px-eti{transform:rotate(-3deg);opacity:1}
.px-eti small{font:600 10px/1.2 Unbounded,system-ui,sans-serif;letter-spacing:.06em;color:#8A857A;text-transform:uppercase}
.px-eti b{font:700 30px/1.05 Unbounded,system-ui,sans-serif;letter-spacing:-.02em;color:#E5482A}
.px-eti span{font-size:13px;color:#3A3843}
.px-barras{position:absolute;left:14px;right:14px;bottom:10px;height:16px;background:repeating-linear-gradient(90deg,#16151B 0 2px,transparent 2px 3px,#16151B 3px 6px,transparent 6px 8px,#16151B 8px 9px,transparent 9px 12px)}
.px-bt{font:600 12.5px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 16px;background:#fff;color:#16151B;cursor:pointer}

/* recetario: el glosario */
.pz-recet{display:flex;flex-direction:column;gap:0}
.rx-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px 4px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.rx-t{flex:none;font:600 11.5px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:10px 10px 0 0;padding:10px 12px 12px;cursor:pointer;background:#E6DFD4;color:#5A5862;transition:background .2s,color .2s,transform .2s;transform:translateY(4px)}
.rx-t:hover{transform:none}
.rx-t.on{background:#FFC24A;color:#16151B;transform:none}
.rx-caja{position:relative;border-radius:0 14px 22px 22px;background:linear-gradient(180deg,#8E5B33,#6E4325);padding:18px 18px 0;perspective:1000px;box-shadow:0 18px 28px -16px rgba(60,30,10,.6)}
.rx-fichas{position:relative;margin:0;min-height:170px}
.rx-f{position:absolute;inset:0;margin:0;background:#FFFDF6;border-radius:6px;padding:16px 18px 30px;background-image:linear-gradient(180deg,transparent 46px,#E5482A 46px 48px,transparent 48px),repeating-linear-gradient(180deg,transparent 0 27px,#DCE8F2 27px 28px);box-shadow:0 -2px 0 #EDE6D6;transform:translateY(40px) rotateX(-12deg);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.3,1.2),opacity .3s;pointer-events:none}
.rx-f.on{transform:none;opacity:1;pointer-events:auto}
.rx-f.sale{transform:translateY(-60px) rotate(-4deg);opacity:0}
.rx-f dt{font:700 30px/1 Caveat,'Bradley Hand','Segoe Print',cursive;color:#16151B;margin-bottom:12px}
.rx-f dd{margin:0;font-size:15.5px;line-height:1.75;color:#2A2930}
.rx-f small{position:absolute;right:14px;bottom:8px;font:600 10px/1 'JetBrains Mono',monospace;color:#B9B2A6;letter-spacing:.06em}
.rx-frente{display:block;position:relative;z-index:3;height:40px;margin:0 -18px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#9C6A3F,#7A4C2A);box-shadow:0 -6px 10px -6px rgba(0,0,0,.4)}
@media (max-width:600px){.rx-fichas{min-height:200px}.rx-f dt{font-size:26px}}

/* fuentes con sello oficial */
.pz-oficial{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ps .pz-oficial a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;padding:14px 16px;border-radius:10px;background:#FFFEFB;box-shadow:0 1px 0 #E6DFD4,0 12px 20px -14px rgba(22,21,27,.35);color:#16151B;font-weight:400;text-decoration:none;transition:transform .2s}
.ps .pz-oficial a:hover{transform:translateY(-2px)}
.ox-doc b{display:block;font:600 14px/1.35 'Instrument Sans',system-ui,sans-serif}
.ox-doc small{font-size:12.5px;color:#C1271D;font-weight:600}
.ox-sello{flex:none;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 12px/1 Unbounded,system-ui,sans-serif;letter-spacing:.06em;color:#C1271D;border:3px double #C1271D;transform:rotate(-14deg) scale(2.2);opacity:0;mix-blend-mode:multiply}
.ox-sello.mapa{color:#2E6E4A;border-color:#2E6E4A}.ox-sello.gobierno{color:#2D4F8A;border-color:#2D4F8A;font-size:9.5px}
.pz-oficial.on .ox-sello{animation:oxSella .32s calc(var(--i)*.35s) cubic-bezier(.5,0,.6,1.5) forwards}
@keyframes oxSella{to{transform:rotate(-14deg) scale(1);opacity:.88}}
@media (max-width:640px){.pz-oficial{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){.zn-c{opacity:1!important}.bo-m{transition:none}.bo-nota{transition:none}.cq-tapa,.fr-puerta,.te-hg,.px-eti,.rx-f,.cd-fr{transition:none}}
html:not(.vis-js) .fr-puerta,html:not(.vis-js) .cq-tapa,html:not(.vis-js) .fr-bt{display:none}
html:not(.vis-js) .kc-p b,html:not(.vis-js) .kc-p span,html:not(.vis-js) .px-bolsa{opacity:1;transform:none}
html:not(.vis-js) .px-eti{opacity:1;transform:none}
html:not(.vis-js) .rx-f,html:not(.vis-js) .cq-hoja{position:relative;opacity:1;transform:none;margin-bottom:8px}
html:not(.vis-js) .bo-nota{clip-path:none}html:not(.vis-js) .bo-m{background-size:100% 78%}

/* pergamino de la formación que se desenrolla */
.pz-rollo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 18px 0;overflow:clip}
.ro-escena{position:relative;width:min(100%,520px);display:flex;flex-direction:column;align-items:center}
.ro-palo{position:relative;z-index:3;display:block;width:calc(100% + 24px);height:26px;border-radius:13px;background:linear-gradient(180deg,#9C6A3F,#6E4325 55%,#4E2F19);box-shadow:0 6px 10px -4px rgba(0,0,0,.45)}
.ro-palo::before,.ro-palo::after{content:"";position:absolute;top:-4px;width:20px;height:34px;border-radius:8px;background:radial-gradient(circle at 40% 35%,#E8C26A,#A9822C)}
.ro-palo::before{left:-8px}.ro-palo::after{right:-8px}
.ro-papel{position:relative;width:100%;margin:-6px 0;padding:30px clamp(18px,4vw,40px) 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(120% 90% at 50% 40%,#FFF9EA,#F4E6C4 80%,#E9D3A2);box-shadow:inset 0 0 40px rgba(150,110,40,.25),inset 0 0 0 10px #FFF9EA,inset 0 0 0 12px #D8B56A;clip-path:inset(0 0 100% 0);transition:clip-path 1.6s cubic-bezier(.5,.1,.3,1)}
.pz-rollo.abre .ro-papel{clip-path:inset(0 0 0 0)}
.ro-abajo{transition:transform 1.6s cubic-bezier(.5,.1,.3,1)}
.pz-rollo:not(.abre) .ro-abajo{transform:translateY(calc(-1 * var(--alto,300px)))}
.ro-kick{font:600 11px/1 Unbounded,system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#A9822C}
.ro-tit{font:700 clamp(20px,3.4vw,28px)/1.1 Unbounded,system-ui,sans-serif;color:#3A2A14;letter-spacing:-.01em}
.ro-sub,.ro-a{font:italic 14px/1.4 Georgia,serif;color:#6B5532}
.ro-local{font:700 clamp(30px,6vw,44px)/1 Caveat,'Bradley Hand','Segoe Print',cursive;color:#1F3B6B;margin:2px 0 4px}
.ro-temas{font-size:12.5px;color:#6B5532;border-top:1px solid #D8B56A;border-bottom:1px solid #D8B56A;padding:6px 0;margin:4px 0 10px}
.ro-pie{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:380px}
.ro-pie>span{display:flex;flex-direction:column;align-items:center;flex:1;border-top:1px solid #6B5532;padding-top:4px}
.ro-pie>span:first-child{border-top:0}
.ro-firma{order:-1;white-space:nowrap;font:700 24px/1 Caveat,'Bradley Hand','Segoe Print',cursive;font-style:normal;color:#1F3B6B;border-bottom:1px solid #6B5532;padding:0 8px 2px;width:100%}
.ro-pie>span:last-child .ro-firma{font-size:22px}
.ro-pie small{font-size:11px;color:#8A7550;letter-spacing:.06em;text-transform:uppercase}
.ro-sello{position:absolute;right:22px;bottom:30px;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 35%,#F0D27A,#C79A2E 60%,#9A7420);box-shadow:0 0 0 4px #E7C566,0 0 0 6px #9A7420,0 8px 14px -4px rgba(0,0,0,.4);transform:scale(0) rotate(-40deg);transition:transform .5s 1.5s cubic-bezier(.3,1.8,.5,1)}
.ro-sello::before,.ro-sello::after{content:"";position:absolute;bottom:-26px;width:18px;height:34px;background:#C1271D;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.ro-sello::before{left:16px;transform:rotate(14deg)}.ro-sello::after{right:16px;transform:rotate(-14deg)}
.ro-sello b{font:700 11px/1.15 Unbounded,system-ui,sans-serif;color:#5A3D10;text-align:center}
.pz-rollo.abre .ro-sello{transform:none}
@media (max-width:560px){.ro-papel{padding-bottom:92px}.ro-sello{width:58px;height:58px;right:auto;left:50%;margin-left:-29px;bottom:26px}.ro-sello b{font-size:9px}.ro-pie{gap:10px}.ro-firma{font-size:20px!important;white-space:nowrap}}
@media (min-width:561px){.ro-pie{max-width:330px;margin-right:60px}}
html:not(.vis-js) .ro-papel{clip-path:none}html:not(.vis-js) .ro-sello{transform:none}html:not(.vis-js) .ro-abajo{transform:none}
@media (prefers-reduced-motion:reduce){.ro-papel,.ro-abajo,.ro-sello{transition:none}}
/* el cartel descargable */
.tu-cartel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;margin-top:6px;padding:16px;border-radius:20px;background:#fff;box-shadow:0 10px 24px -16px rgba(22,21,27,.35)}
.tu-prev canvas{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 8px 18px -8px rgba(0,0,0,.4);transform:rotate(-2deg)}
.tu-cf{display:flex;flex-direction:column;gap:8px;min-width:0}
.tu-ct{font:600 16px/1.2 Unbounded,system-ui,sans-serif;color:#16151B}
.tu-cs{font-size:14px;line-height:1.45;color:#5A5862}
.tu-lab{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#3A3843}
.tu-lab input{font:15px/1.2 'Instrument Sans',system-ui,sans-serif;border:1px solid #DDD5C8;border-radius:12px;padding:10px 12px;background:#FFFCF6;color:#16151B;width:100%;box-sizing:border-box}
.tu-lab input:focus{outline:2px solid #E5482A;outline-offset:1px}
.tu-bts{display:flex;flex-wrap:wrap;gap:6px}
.tu-bts button{font:600 12px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 14px;cursor:pointer;background:#16151B;color:#fff;transition:transform .15s,background .2s}
.tu-bts button:hover{transform:translateY(-2px);background:#E5482A}
.tu-bts button[disabled]{opacity:.6;cursor:wait}
@media (max-width:560px){.tu-cartel{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.tu-prev{width:150px}.tu-lab{width:100%;text-align:left}.tu-bts{justify-content:center}}

/* ganchos: descargas gratis con vista previa */
.pz-gancho{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border-radius:24px;background:linear-gradient(160deg,#FFF8EC,#F7F1E6);border:1px solid #EBE2D3;box-shadow:0 14px 30px -22px rgba(22,21,27,.45)}
.pz-gancho.apaisado{grid-template-columns:240px minmax(0,1fr)}
.gc-prev canvas{display:block;width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 10px 22px -10px rgba(0,0,0,.45);transform:rotate(-2deg);transition:transform .3s}
.pz-gancho:hover .gc-prev canvas{transform:rotate(0) scale(1.03)}
.gc-cf{display:flex;flex-direction:column;gap:8px;min-width:0}
.gc-ct{font:600 16px/1.25 Unbounded,system-ui,sans-serif;color:#16151B}
.gc-cs,.ps .pz-gancho .gc-cs{font-size:14px;line-height:1.45;color:#5A5862}
.gc-lab{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#3A3843;text-align:left}
.gc-lab input{font:15px/1.2 'Instrument Sans',system-ui,sans-serif;border:1px solid #DDD5C8;border-radius:12px;padding:10px 12px;background:#fff;color:#16151B;width:100%;box-sizing:border-box}
.gc-lab input:focus{outline:2px solid #E5482A;outline-offset:1px}
.gc-ayuda{font-size:12px;color:#7A7682;margin-top:-4px}
.gc-bts{display:flex;flex-wrap:wrap;gap:6px}
.gc-bts button,.dg-pdf{font:600 12px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:11px 14px;cursor:pointer;background:#16151B;color:#fff;transition:transform .15s,background .2s}
.gc-bts button:hover,.dg-pdf:hover{transform:translateY(-2px);background:#E5482A}
.gc-bts button[disabled],.dg-pdf[disabled]{opacity:.6;cursor:wait}
.ps .pz-gancho .gc-err{margin:0;font-size:13px;color:#C1271D;font-weight:600}
/* el aviso por correo que aparece después de descargar */
.gc-av{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:16px;border-radius:18px;background:#16151B;color:#fff;animation:gcAv .5s cubic-bezier(.3,1.4,.5,1) both}
@keyframes gcAv{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.gc-av[hidden]{display:none}
.gc-av-t{font:600 15px/1.3 Unbounded,system-ui,sans-serif;color:#fff}
.gc-av-s{font-size:13.5px;color:#CFCBD6}
.gc-av .nl-r{display:flex;gap:6px;flex-wrap:wrap}
.gc-av .nl-r input{flex:1;min-width:180px;font:15px/1.2 'Instrument Sans',system-ui,sans-serif;border:0;border-radius:12px;padding:11px 12px}
.gc-av .nl-c{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#CFCBD6;line-height:1.4}
.ps .gc-av .nl-c a{color:#FFC24A}
.ps .gc-av .nl-ok{margin:0;color:#7CFFA8;font-weight:600;font-size:14px}
.pz-tuper .gc-av{margin-top:10px}
.dg-inf{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:10px 0 6px}
.dg-inf .gc-lab{flex:1;min-width:180px}
.pz-diag .gc-av{margin-top:10px}
@media (max-width:600px){.pz-gancho,.pz-gancho.apaisado{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.gc-prev{width:160px}.pz-gancho.apaisado .gc-prev{width:240px}.gc-lab{width:100%}.gc-bts{justify-content:center}.gc-cf{width:100%}}
.gc-av .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.gc-av .sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gc-av{position:relative}
.pz-diag .dg-inf .gc-lab{color:rgba(255,255,255,.9)}

/* la peli de las sobras: el vídeo va solo y los puntos se encienden a la vez */
.pz-peli{margin:4px 0 10px}
.pv-esc{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:26px;align-items:center}
.pv-pant{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#2A2118;box-shadow:0 30px 60px -30px rgba(40,25,10,.7),0 0 0 1px rgba(0,0,0,.06)}
.pv-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pv-pant::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(20,12,4,.4))}
.pv-barra{position:absolute;left:14px;right:14px;top:12px;z-index:3;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.pv-barra i{display:block;height:100%;width:0;background:#fff;border-radius:2px}
.pv-pausa{position:absolute;right:10px;top:22px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(22,21,27,.5);backdrop-filter:blur(6px);color:#fff;font-size:11px;cursor:pointer;opacity:0;transition:opacity .25s}
.pv-pant:hover .pv-pausa,.pv-pausa:focus-visible,.pz-peli.parada .pv-pausa{opacity:1}
.pv-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pv-p{position:relative;padding:14px 16px 14px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 22px -18px rgba(22,21,27,.5);opacity:.42;transform:translateX(10px) scale(.98);transition:opacity .45s,transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .45s}
.pv-p::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:#E5482A;transform:scaleY(0);transition:transform .45s}
.pv-p.on{opacity:1;transform:none;box-shadow:0 18px 34px -18px rgba(229,72,42,.45)}
.pv-p.on::before{transform:none}
.pv-p b{display:flex;align-items:center;gap:10px;font:600 16px/1.2 Unbounded,system-ui,sans-serif;color:#16151B}
.pv-p b span{width:26px;height:26px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#16151B;color:#fff;transition:background .3s}
.pv-p.on b span{background:#E5482A}
.ps .pz-peli .pv-p p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#3A3843}
@media (max-width:700px){
  .pv-esc{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}
  .pv-pant{width:min(100%,340px)}
  .pv-l{width:100%}
  .pv-p{opacity:1;transform:none}
  .pv-p:not(.on){box-shadow:none;background:#FBF8F3}
}
.pz-peli.quieta .pv-p{opacity:1;transform:none}
.pz-cartelsob{margin-top:6px}
.pz-cartelsob .tu-cartel{margin-top:0}

.pz-corte{display:flex;flex-direction:column;align-items:center;gap:10px}.pz-corte .kc-tabla{width:100%;box-sizing:border-box}
.kc-otra{font:600 12.5px/1 Unbounded,system-ui,sans-serif;border:0;border-radius:999px;padding:10px 16px;background:#16151B;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pz-corte.hecho .kc-otra{opacity:1;pointer-events:auto}

/* ---------- webs de restaurantes inventados ---------- */
.rw-pill{display:inline-block;font:600 11px/1 'Instrument Sans',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4A3AA8;background:#ECE8F9;border-radius:999px;padding:6px 10px}
.rw-play{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#16151B;color:#fff;font:600 13px/1 Unbounded,system-ui,sans-serif;padding:11px 16px;cursor:pointer;transition:background .2s,transform .2s}
.rw-play:hover{background:#E5482A}.rw-play:active{transform:scale(.97)}
.rw-play .rw-ic{font-size:10px}.rw-play.on{background:#E5482A}
.pz-rwtres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:8px 0 6px}
.rw-web{margin:0;display:flex;flex-direction:column;min-width:0}
.rw-nav{display:flex;align-items:center;gap:10px;background:#E9E5DD;border-radius:14px 14px 0 0;padding:9px 12px;border:1px solid #D9D5CD;border-bottom:0}
.rw-pt{display:flex;gap:5px}.rw-pt i{width:8px;height:8px;border-radius:50%;background:#C9C3B8}
.rw-url{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:999px;padding:4px 10px;font:500 11.5px/1.2 'Instrument Sans',system-ui,sans-serif;color:#5A5862;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-url svg{color:#1F7A4F;flex:none}
.rw-vp{position:relative;aspect-ratio:5/4;overflow:hidden;border:1px solid #D9D5CD;border-top:0;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 18px 40px -22px rgba(22,21,27,.35)}
.rw-vp img{display:block;width:100%;height:auto;will-change:transform}
.rw-vp::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(transparent,rgba(255,255,255,.9));pointer-events:none;transition:opacity .4s}
.rw-web.anda .rw-vp::after{opacity:0}
.rw-web .rw-play{align-self:flex-start;margin:-22px 0 0 14px;position:relative;z-index:1;box-shadow:0 6px 16px -6px rgba(22,21,27,.45)}
.rw-web figcaption{padding:14px 2px 0}
.rw-web figcaption b{display:block;font:600 18px/1.2 Unbounded,system-ui,sans-serif;margin:10px 0 2px}
.rw-web figcaption small{color:#E5482A;font-weight:600}
.rw-web figcaption p{margin:6px 0 0;color:#5A5862;font-size:15px}
.rw-nota{color:#5A5862;font-size:15px;margin:18px 0 0}
@media (max-width:900px){
  .pz-rwtres{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;overscroll-behavior-x:contain}
  .rw-web{scroll-snap-align:start}
}

.pz-rwcamino{position:relative;margin:10px 0 6px;background:#fff;border:1px solid #E2DDD5;border-radius:22px;padding:22px 22px 24px}
.rc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.rc-linea{position:absolute;left:12.5%;right:12.5%;top:92px;height:3px;background:repeating-linear-gradient(90deg,#D9D5CD 0 8px,transparent 8px 14px);border-radius:3px}
.rc-linea i{display:block;height:100%;width:0;background:#E5482A;border-radius:3px}
.rc-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.rc-p{display:flex;flex-direction:column;align-items:center;text-align:center}
.rc-cab{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;position:relative;z-index:1}
.rc-n{width:30px;height:30px;border-radius:50%;background:#16151B;color:#fff;font:600 13px/30px Unbounded,system-ui,sans-serif;box-shadow:0 0 0 5px #fff;transition:background .3s}
.rc-h{font:600 12.5px/1 'Instrument Sans',system-ui,sans-serif;color:#5A5862;background:#F4F2EE;border-radius:999px;padding:5px 10px}
.rc-tel{position:relative;width:100%;max-width:200px;border-radius:26px;padding:6px;background:#16151B;box-shadow:0 18px 36px -20px rgba(22,21,27,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .4s}
.rc-tel img{display:block;width:100%;height:auto;border-radius:20px}
.rc-toque{position:absolute;left:var(--tx);top:var(--ty);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(229,72,42,.35);border:2px solid #E5482A;opacity:0;transform:scale(.4);pointer-events:none}
.rc-p b{font:600 15px/1.25 Unbounded,system-ui,sans-serif;margin:16px 0 4px}
.rc-p p{margin:0;color:#5A5862;font-size:14.5px;line-height:1.45}
.pz-rwcamino.juega .rc-p:not(.on) .rc-tel,.pz-rwcamino.juega .rc-p:not(.on) b,.pz-rwcamino.juega .rc-p:not(.on) p,.pz-rwcamino.juega .rc-p:not(.on) .rc-h{opacity:.38}
.rc-tel,.rc-p b,.rc-p p,.rc-h{transition:opacity .4s}
.pz-rwcamino.juega .rc-p:not(.on) .rc-n{background:#B9B6C2}
.rc-p.on .rc-tel{transform:translateY(-8px) scale(1.04);box-shadow:0 26px 44px -18px rgba(229,72,42,.55)}
.rc-p.on .rc-n{background:#E5482A}
.rc-p.on .rc-toque{animation:rcToque 1.1s .7s ease-out 2}
@keyframes rcToque{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
@media (max-width:760px){
  .pz-rwcamino{padding:18px 14px 20px}
  .rc-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
  .rc-linea{display:none}
  .rc-p b{font-size:13.5px}.rc-p p{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.rc-tel,.rc-p{transition:none}.rc-p.on .rc-toque{animation:none}}

/* ---------- portada de la página de restaurantes: web con fotos que cambia con tu nombre ---------- */
@font-face{font-family:'HmSerif';src:url(fonts/dmserif.woff2) format('woff2');font-display:swap}
@font-face{font-family:'HmSlab';src:url(fonts/alfaslab.woff2) format('woff2');font-display:swap}
.vis-tema .t-taberna{background:linear-gradient(135deg,#2B1A10 50%,#B5432A 50%)}
.vis-tema .t-huerta{background:linear-gradient(135deg,#20301F 50%,#A9CF8F 50%)}
.hm{--hb:#FBF8F3;--hi:#13283A;--ha:#E8603C;--hc:#fff;--hf:'HmSerif',Georgia,serif;--hw:400;--hl:-.005em}
.hm[data-vis-tema="taberna"]{--hb:#F3E8D4;--hi:#2B1A10;--ha:#B5432A;--hc:#FFF7E8;--hf:'HmSlab',Georgia,serif;--hw:400;--hl:0}
.hm[data-vis-tema="huerta"]{--hb:#F6F1E7;--hi:#20301F;--ha:#5B8A4E;--hc:#fff;--hf:'Instrument Sans',system-ui,sans-serif;--hw:700;--hl:-.035em}
.hm [data-t]{display:none}
.hm[data-vis-tema="marinero"] [data-t="marinero"],.hm[data-vis-tema="taberna"] [data-t="taberna"],.hm[data-vis-tema="huerta"] [data-t="huerta"]{display:revert}
.hm img[data-t]{display:none}
.hm[data-vis-tema="marinero"] img[data-t="marinero"],.hm[data-vis-tema="taberna"] img[data-t="taberna"],.hm[data-vis-tema="huerta"] img[data-t="huerta"]{display:block;animation:hmFunde .5s ease}
@keyframes hmFunde{from{opacity:0}to{opacity:1}}
.hm-escena{position:relative;padding:0 54px 34px 0}
.hm-win{border-radius:14px;overflow:hidden;background:var(--hb);box-shadow:0 30px 60px -30px rgba(22,21,27,.55),0 0 0 1px rgba(22,21,27,.08);transition:background .4s}
.hm-bar{display:flex;align-items:center;gap:5px;background:#E9E5DD;padding:8px 10px}
.hm-bar i{width:8px;height:8px;border-radius:50%;background:#C9C3B8}
.hm-bar span{flex:1;margin-left:8px;background:#fff;border-radius:999px;font:500 10.5px/1 'Instrument Sans',system-ui,sans-serif;color:#5A5862;padding:5px 10px;text-align:center}
.hm-web{color:var(--hi);font:500 11px/1.4 'Instrument Sans',system-ui,sans-serif}
.hm-top{display:flex;align-items:center;gap:12px;padding:10px 14px}
.hm-logo{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hl);font-size:16px;line-height:1.1;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-links{display:flex;gap:10px;margin-left:auto;font-size:10px;font-weight:600;opacity:.8}.hm-links i{font-style:normal}
.hm-bt{display:inline-block;background:var(--ha);color:#fff;font:700 10px/1 'Instrument Sans',system-ui,sans-serif;padding:7px 11px;border-radius:999px;white-space:nowrap;transition:background .4s}
.hm[data-vis-tema="taberna"] .hm-bt{border-radius:5px;box-shadow:2px 2px 0 var(--hi)}
.hm-hero{position:relative;height:208px;overflow:hidden}
.hm-hero .hm-img,.hm-thero .hm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-hero::after,.hm-thero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18) 60%,transparent)}
.hm-tx{position:absolute;z-index:1;left:16px;bottom:16px;max-width:62%;color:#fff}
.hm-tx small{display:block;font:700 8.5px/1.2 'Instrument Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin-bottom:6px}
.hm-h{display:block;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hl);font-size:27px;line-height:1.02;margin-bottom:10px;text-wrap:balance}
.hm-fila{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px 14px}
.hm-hoy,.hm-res{background:var(--hc);border-radius:10px;padding:8px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 16px -10px rgba(0,0,0,.35);transition:background .4s}
.hm-pl{flex:none;width:40px;height:40px;border-radius:8px;overflow:hidden}.hm-pl img{width:100%;height:100%;object-fit:cover}
.hm small{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.65;display:block}
.hm-hoy b{display:block;font-size:10.5px;line-height:1.25}
.hm-hoy em{margin-left:auto;font-style:normal;font-weight:700;color:var(--ha);white-space:nowrap}
.hm-res{justify-content:space-between}.hm-res b{font-size:10.5px}
.hm-tel{position:absolute;right:0;bottom:0;width:150px;border-radius:24px;padding:5px;background:#16151B;box-shadow:0 24px 44px -18px rgba(22,21,27,.65)}
.hm-pant{border-radius:19px;overflow:hidden;background:var(--hb);color:var(--hi);height:300px;display:flex;flex-direction:column;font:500 9px/1.35 'Instrument Sans',system-ui,sans-serif;transition:background .4s}
.hm-ttop{display:flex;align-items:center;justify-content:space-between;padding:16px 10px 6px}.hm-ttop .hm-logo{font-size:12px;max-width:80%}
.hm-burg{width:14px;height:8px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.hm-thero{position:relative;flex:1;overflow:hidden}
.hm-thero .hm-tx{left:10px;right:10px;bottom:10px;max-width:none}.hm-thero .hm-h{font-size:19px;margin-bottom:8px}.hm-thero .hm-bt{display:block;text-align:center;padding:7px 0}
.hm-thero::after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.7))}
.hm-thoy{display:flex;align-items:center;gap:7px;margin:8px;background:var(--hc);border-radius:10px;padding:6px}.hm-thoy .hm-pl{width:30px;height:30px}.hm-thoy b{font-size:9px;display:block;line-height:1.2}
@media (max-width:980px){.hm-escena{max-width:560px}}
@media (max-width:520px){.hm-escena{padding:0 34px 28px 0}.hm-links{display:none}.hm-hero{height:170px}.hm-h{font-size:22px}.hm-tel{width:118px}.hm-pant{height:236px}.hm-thero .hm-h{font-size:15px}.hm-fila{grid-template-columns:1fr}.hm-res{display:none}}

/* lista de «Qué lleva» sin el móvil dibujado */
.vis-puntos.vp-solo{display:block}
.vp-solo .vp-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vp-solo .vp-lista li{background:#fff;box-shadow:none;border:1px solid #E2DDD5;cursor:default}
.vp-solo .vp-lista li.on{box-shadow:none}
.vp-solo .vp-lista li:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:640px){.vp-solo .vp-lista{grid-template-columns:minmax(0,1fr)}}
.vp-solo .vp-lista li.on .pt-n{background:var(--red)}

/* ---------- comisiones de plataformas, mes a mes ---------- */
.pz-rwcom{background:#16151B;color:#F4F2EE;border-radius:22px;padding:24px;margin:8px 0 18px;display:grid;gap:16px}
.cm-q b{display:block;font:600 19px/1.25 Unbounded,system-ui,sans-serif}.cm-q span{color:#B9B6C2;font-size:14px}
.cm-el{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cm-lab{font-weight:600;font-size:15px}
.cm-ch{display:flex;gap:6px;flex-wrap:wrap}
.cm-ch button{font:600 14px/1 'Instrument Sans',system-ui,sans-serif;border:1.5px solid #3A3843;background:transparent;color:#F4F2EE;border-radius:999px;padding:9px 14px;cursor:pointer;min-width:52px;transition:background .2s,border-color .2s}
.cm-ch button:hover{border-color:#B9B6C2}.cm-ch button.on{background:#F4F2EE;color:#16151B;border-color:#F4F2EE}
.cm-año{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.cm-año li{position:relative;background:#23222A;border-radius:8px;padding:30px 2px 6px;text-align:center;overflow:hidden}
.cm-año li::before{content:'';position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(#FF6A4A,#C7361A);transition:height .35s ease}
.cm-año li.on::before{height:100%}
.cm-año span,.cm-año b{position:relative;display:block}
.cm-año span{font-size:11px;color:#B9B6C2;transition:color .3s}.cm-año li.on span{color:#fff}
.cm-año b{font:600 10.5px/1.2 'Instrument Sans',system-ui,sans-serif;opacity:0;transition:opacity .3s;white-space:nowrap}.cm-año li.on b{opacity:1}
.cm-tot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:end;border-top:1px solid #3A3843;padding-top:16px}
.cm-tot span{grid-column:1;color:#B9B6C2;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.cm-tot>b{grid-column:1;font:600 clamp(30px,5vw,42px)/1 Unbounded,system-ui,sans-serif;color:#FF6A4A;font-variant-numeric:tabular-nums}
.cm-tot p{grid-column:2;grid-row:1/3;margin:0;color:#D6D3DC;font-size:15px;line-height:1.5}.cm-tot p b{color:#fff}
.cm-nota{color:#8C8996;font-size:12.5px;line-height:1.45}
@media (max-width:640px){.cm-año{grid-template-columns:repeat(6,minmax(0,1fr))}.cm-tot{grid-template-columns:minmax(0,1fr)}.cm-tot p{grid-column:1;grid-row:auto}.cm-el{flex-direction:column;align-items:flex-start}}

/* ---------- SEO local: búsqueda con mapa y tres fichas ---------- */
.vis-busca2{background:#fff;border:1px solid #E2DDD5;border-radius:22px;padding:16px;margin:8px 0 6px;box-shadow:0 24px 50px -36px rgba(22,21,27,.5)}
.vb2-top{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.vb2-barra{flex:1;display:flex;align-items:center;gap:10px;border:1px solid #DFDAD1;border-radius:999px;padding:11px 16px;font-size:16px;color:#16151B;box-shadow:0 2px 8px -4px rgba(22,21,27,.25);min-width:0}
.vb2-barra svg{color:#5A5862;flex:none}
.vb2-q{white-space:nowrap;overflow:hidden}
.vb2-cur{width:2px;height:18px;background:#E5482A;opacity:0;flex:none}
.vis-busca2.anda .vb2-cur{animation:vb2Cur .8s steps(1) infinite}
@keyframes vb2Cur{50%{opacity:1}}
.vb2-cuerpo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
.vb2-mapa{position:relative;border-radius:16px;overflow:hidden;min-height:330px;background:#EFEAE0}
.vb2-svg{position:absolute;inset:0;width:100%;height:100%}
.vb2-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.vb2-pin i{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8C8996;border:2px solid #fff;box-shadow:0 3px 6px rgba(0,0,0,.25)}
.vb2-pin.yo i{width:28px;height:28px;background:#E5482A}
.vb2-pin b{order:-1;margin-bottom:6px;background:#16151B;color:#fff;font:600 12px/1 'Instrument Sans',system-ui,sans-serif;padding:6px 9px;border-radius:8px;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.vb2-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vb2-f{border:1px solid #E6E1D8;border-radius:16px;padding:12px 14px;background:#fff;transition:opacity .4s,box-shadow .5s,border-color .5s}
.vb2-f:not(.yo){opacity:.62}
.vb2-f.yo{border:2px solid #E5482A;box-shadow:0 18px 34px -22px rgba(229,72,42,.6)}
.vb2-fh{display:flex;flex-direction:column;gap:1px}
.vb2-fh b{font:600 16px/1.25 'Instrument Sans',system-ui,sans-serif;color:#16151B}
.vb2-est{display:flex;gap:5px;align-items:center;font-size:13px;color:#5A5862}.vb2-est i{font-style:normal;color:#F2B01E;letter-spacing:1px}.vb2-est s{text-decoration:none;color:#D9D5CD}.vb2-est em{font-style:normal}
.vb2-meta{font-size:13px;color:#5A5862}
.vb2-ok{font-size:13px;color:#1F7A4F;font-weight:600}.vb2-no{font-size:13px;color:#B23A22;font-weight:600}
.vb2-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.vb2-fotos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.vb2-sin{margin:10px 0;border-radius:10px;background:repeating-linear-gradient(135deg,#F1EEE8 0 8px,#E8E4DC 8px 16px);color:#8C8996;font-size:12.5px;text-align:center;padding:16px 0}
.vb2-bot{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.vb2-bot span{font:600 12.5px/1 'Instrument Sans',system-ui,sans-serif;border:1px solid #DFDAD1;border-radius:999px;padding:7px 11px;color:#3E3C45}
.vb2-bot span.on{background:#E5482A;border-color:#E5482A;color:#fff}
.vb2-pie{margin:12px 2px 0;color:#5A5862;font-size:13px}
/* durante la demo */
.vis-busca2.anda .vb2-pin{opacity:0;transform:translate(-50%,-140%)}
.vis-busca2.anda .vb2-pin.ve{opacity:1;transform:translate(-50%,-100%)}
.vis-busca2.anda .vb2-f{opacity:0}
.vis-busca2.anda .vb2-f.ve{opacity:.62}
.vis-busca2.anda .vb2-f.yo.ve{opacity:1}
.vis-busca2.anda .vb2-f.yo:not(.gana){border:1px solid #E6E1D8;box-shadow:none}
.vis-busca2.anda .vb2-f.yo:not(.gana) .vb2-bot .on{background:transparent;color:#3E3C45;border-color:#DFDAD1}
@media (max-width:760px){
  .vis-busca2{padding:12px}
  .vb2-top{flex-direction:column;align-items:stretch}.vb2-top .rw-play{align-self:flex-start}
  .vb2-cuerpo{grid-template-columns:minmax(0,1fr)}
  .vb2-mapa{min-height:220px}
}
.vb2-f{position:relative;z-index:1}.vb2-f.yo{z-index:2}

/* ---------- test de 30 segundos: tu comedor ---------- */
.vis-comedor{background:#fff;border:1px solid #E2DDD5;border-radius:22px;padding:18px;margin:10px 0 6px;box-shadow:0 24px 50px -38px rgba(22,21,27,.5)}
.cm2-cab{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.cm2-cab svg{width:42px;height:42px;padding:8px;border-radius:12px;background:#FBE4DD;color:#C7361A;flex:none}
.cm2-cab b{display:block;font:600 17px/1.3 Unbounded,system-ui,sans-serif}.cm2-cab span{color:#5A5862;font-size:14px}
.cm2-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.cm2-sala{position:relative;border-radius:18px;padding:46px 18px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 10px;place-items:center;
  background:repeating-linear-gradient(90deg,#E8D9BF 0 34px,#E2D1B4 34px 35px),#E8D9BF;box-shadow:inset 0 0 0 6px #D6C3A2}
.cm2-barra{position:absolute;left:18px;right:18px;top:10px;height:22px;border-radius:8px;background:#7A4A2A;color:#F3E6CF;font:700 9px/22px 'Instrument Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-align:center}
.cm2-puerta{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:700 9px/1 'Instrument Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9C8763;border-top:3px solid #9C8763;padding-top:4px;width:70px;text-align:center}
.cm2-mesa{position:relative;width:86px;height:86px;transition:transform .3s}
.cm2-s{position:absolute;width:22px;height:16px;border-radius:7px;background:#C9B48F;transition:background .35s}
.cm2-s.s1{left:32px;top:0}.cm2-s.s2{left:32px;bottom:0}.cm2-s.s3{top:35px;left:0;width:16px;height:22px}.cm2-s.s4{top:35px;right:0;width:16px;height:22px}
.cm2-t{position:absolute;inset:15px;border-radius:50%;background:#FBF8F2;border:2px dashed #BFAE8E;display:grid;place-items:center;transition:background .35s,border-color .35s,box-shadow .4s}
.cm2-t em{font:600 13px/1 Unbounded,system-ui,sans-serif;font-style:normal;color:#A4936F;position:relative;z-index:1}
.cm2-p{position:absolute;width:15px;height:15px;border-radius:50%;opacity:0;transform:scale(.3);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.cm2-p:nth-child(1){top:-13px;left:19px;background:#E5482A}.cm2-p:nth-child(2){bottom:-13px;left:19px;background:#4A3AA8;transition-delay:.08s}
.cm2-p:nth-child(3){left:-13px;top:19px;background:#1F7A4F;transition-delay:.16s}.cm2-p:nth-child(4){right:-13px;top:19px;background:#F2C14E;transition-delay:.24s}
.cm2-mesa.actual{transform:scale(1.08)}.cm2-mesa.actual .cm2-t{border-color:#E5482A;border-style:solid;box-shadow:0 0 0 6px rgba(229,72,42,.18)}
.cm2-mesa.llena .cm2-t{background:#fff;border:2px solid #fff;box-shadow:0 0 22px 6px rgba(255,214,140,.85)}
.cm2-mesa.llena .cm2-p{opacity:1;transform:scale(1)}
.cm2-mesa.llena .cm2-t em{color:#16151B}
.cm2-mesa.vacia{opacity:.5}.cm2-mesa.vacia .cm2-t{background:#E9E2D4;border-style:solid;border-color:#CDBF9F}
.cm2-mesa.duda .cm2-t{background:#FFF6E2;border-style:solid;border-color:#E3B54A}.cm2-mesa.duda .cm2-t em::after{content:'?';color:#C08A12;margin-left:1px}
.cm2-panel{display:flex;flex-direction:column;justify-content:center;min-height:300px}
.cm2-n{font:600 12px/1 'Instrument Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#C7361A}
.cm2-txt{font:600 clamp(19px,2.3vw,24px)/1.3 Unbounded,system-ui,sans-serif;margin:12px 0 18px;color:#16151B;text-wrap:balance;min-height:3.9em}
.cm2-bts{display:flex;gap:8px;flex-wrap:wrap}
.cm2-bts button{font:600 16px/1 'Instrument Sans',system-ui,sans-serif;border:1.5px solid #D9D5CD;background:#fff;color:#16151B;border-radius:14px;padding:14px 22px;cursor:pointer;min-width:88px;transition:background .2s,border-color .2s,transform .15s}
.cm2-bts button:hover{border-color:#16151B}.cm2-bts button:active{transform:scale(.97)}
.cm2-bts button[data-r="si"]{background:#16151B;color:#fff;border-color:#16151B}.cm2-bts button[data-r="si"]:hover{background:#E5482A;border-color:#E5482A}
.cm2-bts[aria-disabled="true"]{pointer-events:none;opacity:.6}
.cm2-fix{min-height:3em;margin:14px 0 0;color:#3E3C45;font-size:15px;line-height:1.45;opacity:0;transition:opacity .3s}
.cm2-fix.ve{opacity:1}.cm2-fix b{color:#C7361A}
.cm2-atras{align-self:flex-start;margin-top:8px;border:0;background:none;color:#5A5862;font:600 14px 'Instrument Sans',system-ui,sans-serif;cursor:pointer;padding:4px 0}
.cm2-res b.cm2-rt{display:block;font:600 clamp(20px,2.6vw,26px)/1.25 Unbounded,system-ui,sans-serif;color:#16151B;margin-bottom:8px;text-wrap:balance}
.cm2-res b.cm2-rt em{font-style:normal;color:#E5482A}
.cm2-res p{color:#3E3C45;margin:0 0 10px}
.cm2-res ul{margin:0 0 14px;padding-left:18px;color:#3E3C45;font-size:15px}.cm2-res li{margin:4px 0}
.cm2-res .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cm2-res [data-cm2-otra]{border:0;background:none;color:#5A5862;font:600 14px 'Instrument Sans',system-ui,sans-serif;cursor:pointer;text-decoration:underline}
@media (max-width:760px){
  .vis-comedor{padding:14px}
  .cm2-cuerpo{grid-template-columns:minmax(0,1fr);gap:16px}
  .cm2-sala{padding:40px 8px 34px;gap:14px 4px}
  .cm2-mesa{width:72px;height:72px}.cm2-t{inset:13px}.cm2-s.s1,.cm2-s.s2{left:25px}.cm2-s.s3,.cm2-s.s4{top:25px}
  .cm2-p{width:13px;height:13px}.cm2-p:nth-child(1),.cm2-p:nth-child(2){left:16px}.cm2-p:nth-child(3),.cm2-p:nth-child(4){top:16px}
  .cm2-panel{min-height:0}.cm2-txt{min-height:0}
  .cm2-bts button{flex:1;min-width:0;padding:14px 8px}
}
@media (prefers-reduced-motion:reduce){.cm2-p,.cm2-mesa,.cm2-t{transition:none}}
.cm2-res .btn-red,.cm2-res .btn-red:hover{color:#fff;text-decoration:none}

/* ---------- cuánto cuesta: la cuenta llega en su carpeta ---------- */
.vis-cuenta2{margin:8px 0 6px;--W:min(560px,100%)}
.cu-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.cu-tipo{display:inline-flex;background:#E9E5DD;border-radius:999px;padding:4px}
.cu-tipo button{border:0;background:none;font:600 14px/1 'Instrument Sans',system-ui,sans-serif;color:#3E3C45;padding:10px 18px;border-radius:999px;cursor:pointer}
.cu-tipo button.on{background:#16151B;color:#fff}
.cu-escena{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:760/560;background:#E9DFCF url(../img/demo/cu_mesa.webp) 30% 50%/cover no-repeat;box-shadow:inset 0 0 80px rgba(0,0,0,.25)}
.cu-carpeta{--dx:calc(var(--Wpx) * 1.5);position:absolute;left:50%;top:50%;width:var(--Wpx);aspect-ratio:1000/752;transform:translate(-50%,-50%) translateX(var(--dx)) rotate(9deg);perspective:1800px;transition:transform .8s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(0 6px 6px rgba(0,0,0,.28)) drop-shadow(0 22px 26px rgba(40,20,10,.38))}
.vis-cuenta2{--Wpx:min(560px,74vw)}
.vis-cuenta2.servida .cu-carpeta{--dx:calc(var(--Wpx) * -.2225);transform:translate(-50%,-50%) translateX(var(--dx)) rotate(-3deg)}
.vis-cuenta2.servida.abierta .cu-carpeta{--dx:0px;transform:translate(-50%,-50%) translateX(var(--dx)) rotate(-1.5deg)}
.cu-der{position:absolute;left:44.5%;top:0;width:55.5%;height:100%}
.cu-der>img,.cu-f img{position:absolute;top:0;height:100%;width:100%;display:block}
.cu-tapa{position:absolute;left:44.5%;top:0;width:55.5%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.45,.05,.25,1),opacity .3s}
.vis-cuenta2.abierta .cu-tapa{transform:rotateY(-180deg)}
.cu-f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cu-dorso{transform:rotateY(180deg)}
.cu-dorso img{left:auto;right:0;width:80.18%}
.cu-sello{position:absolute;left:0;right:0;top:40%;text-align:center;font:400 clamp(16px,2.6vw,22px)/1 'HmSerif',Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:#E2BE79;text-shadow:0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(255,235,190,.25)}
.cu-sello small{display:block;margin-top:8px;font:600 9px/1 'Instrument Sans',system-ui,sans-serif;letter-spacing:.3em;opacity:.8}
.cu-tks{position:absolute;left:19%;width:74%;top:5%}
.cu-tk{display:none;background:#FFFEFB;padding:12px 12px 12px;box-shadow:0 10px 18px -8px rgba(0,0,0,.45);font:400 10.5px/1.35 'JetBrains Mono',ui-monospace,monospace;color:#3E3C45;opacity:0;transform:translateY(14px);transition:opacity .45s .55s,transform .55s .55s}
.vis-cuenta2[data-tipo="restaurante"] [data-cu-tk="restaurante"],.vis-cuenta2[data-tipo="bar"] [data-cu-tk="bar"]{display:block}
.vis-cuenta2.abierta .cu-tk{opacity:1;transform:none}
.cu-tkc{text-align:center;border-bottom:1.5px dashed #D9D5CD;padding-bottom:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}
.cu-tkc small{font-size:8.5px;letter-spacing:.14em;color:#8C8996}.cu-tkc b{font:600 17px/1.1 Unbounded,system-ui,sans-serif;color:#16151B}.cu-tkc span{color:#C7361A;font-weight:600}
.cu-tk ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:3px}
.cu-tk li{display:flex;align-items:baseline;gap:4px}.cu-tk li i{flex:1;border-bottom:1.5px dotted #C9C4BB;transform:translateY(-3px)}.cu-tk li em{font-style:normal;color:#1F7A4F;font-weight:600}
.cu-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px dashed #D9D5CD;padding-top:5px;margin-top:3px}
.cu-tot b{font:600 17px/1.1 Unbounded,system-ui,sans-serif;color:#16151B}.cu-tot b small{font-size:10px}
.cu-iva{text-align:center;font-size:9px;color:#8C8996;margin:6px 0 8px}
.cu-tk .btn{display:block;text-align:center;padding:9px 10px;font-size:12px}
.cu-tk .btn-red,.cu-tk .btn-red:hover{color:#fff;text-decoration:none}
.cu-aviso{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);margin:0;background:rgba(22,21,27,.78);color:#fff;font:600 13.5px/1.2 'Instrument Sans',system-ui,sans-serif;padding:9px 14px;border-radius:999px;white-space:nowrap;transition:opacity .3s}
.vis-cuenta2.servida .cu-aviso{opacity:0;pointer-events:none}
@media (max-width:640px){
  .vis-cuenta2{--Wpx:calc(min(300px,78vw) / .555)}
  .cu-escena{aspect-ratio:auto;height:calc(var(--Wpx) * .754 + 70px)}
  .vis-cuenta2.servida.abierta .cu-carpeta{--dx:calc(var(--Wpx) * -.2775)}
  .vis-cuenta2.abierta .cu-tapa{opacity:0;transition:transform .95s cubic-bezier(.45,.05,.25,1),opacity .25s .7s}
  .cu-tk{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.cu-carpeta,.cu-tapa,.cu-tk{transition:none}}
.vis-cuenta2 .cu-aviso{color:#fff;font-size:13.5px;line-height:1.25;white-space:normal;text-align:center;max-width:88%;width:max-content}
.vis-cuenta2 .cu-iva{font-size:9px;line-height:1.3;margin:6px 0 8px;color:#8C8996}

/* =================== BARES Y COPAS · página en modo noche =================== */
body.noche{--paper:#0F0D16;--ink:#F4F2EE;--ink2:#D6D3DC;--mute:#B9B6C2;--line:#2A2735;--white:#1A1724;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(229,72,42,.10),transparent 60%),#0F0D16;color:#F4F2EE}
body.noche .top{background:rgba(15,13,22,.86);border-bottom-color:#2A2735}
body.noche .top a,body.noche .dd-b{color:#F4F2EE}
body.noche .ddm{background:#1A1724;border-color:#2A2735}
body.noche .ps a{color:#FF8A70}
body.noche .ps p,body.noche .ticks li{color:#D6D3DC}
body.noche .pcta{background:#1A1724;color:#F4F2EE;border:1px solid #2A2735}
body.noche .btn-ghost{border-color:#F4F2EE;color:#F4F2EE}
body.noche .pz-nota{color:#B9B6C2}
body.noche .pfaq h3.faq-g{color:#FF8A70}
body.noche h1,body.noche h2,body.noche h3{color:#F4F2EE}
body.noche .crumb,body.noche .crumb a{color:#B9B6C2}

/* portada: foto real y tarjeta VIP que se inclina */
.nb-hero{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:14/10;display:grid;place-items:center;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);isolation:isolate}
.nb-hfoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04)}
.nb-hluz{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 50% 55%,rgba(15,13,22,.15),rgba(15,13,22,.75))}
.nb-hero{perspective:1000px}
.nb-hcard{width:min(360px,76%);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;animation:nbFlota 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(168,85,247,.3))}
.nb-hcard .vip-card{width:100%}
@keyframes nbFlota{0%,100%{translate:0 0}50%{translate:0 -8px}}
.nb-hnota{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:rgba(255,255,255,.75);font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
@media (prefers-reduced-motion:reduce){.nb-hcard{animation:none}}

/* una noche sin web / con Umami */
.nb-noche{position:relative;border-radius:22px;overflow:hidden;padding:18px;isolation:isolate;border:1px solid #2A2735;--osc:0}
.nn-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(calc(.55 - var(--osc) * .4)) saturate(calc(1 - var(--osc) * .5));transition:filter 1s linear}
.nb-noche::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,13,22,.35),rgba(15,13,22,.85))}
.nn-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.nn-modo{display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:4px;backdrop-filter:blur(6px)}
.nn-modo button{border:0;background:none;color:#D6D3DC;font:600 14px/1 'Instrument Sans',system-ui,sans-serif;padding:9px 15px;border-radius:999px;cursor:pointer}
.nn-modo button.on{background:#F4F2EE;color:#16151B}
.nb-noche[data-modo="con"] .nn-modo button.on{background:#22C55E;color:#04210F}
.nn-reloj{margin-left:auto;font:600 30px/1 'JetBrains Mono',ui-monospace,monospace;color:#fff;letter-spacing:.04em;text-shadow:0 0 18px rgba(168,85,247,.7)}
.nn-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nn-m{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:start;transition:opacity .4s,transform .4s}
.nn-in,.nn-out{border-radius:16px;padding:9px 12px;max-width:440px;font-size:15px;line-height:1.35}
.nn-in{background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px);grid-column:1}
.nn-out{background:#22C55E;color:#04210F;grid-column:1;justify-self:end;display:none;font-weight:500}
.nn-in small,.nn-out small{display:block;font-size:11px;opacity:.7;margin-top:2px}
.nn-est{grid-column:2;grid-row:1;font-style:normal;font-size:12px;white-space:nowrap;align-self:center}
.nn-est b{font-weight:700;padding:5px 9px;border-radius:999px}
.nn-est .no{background:rgba(239,68,68,.18);color:#FCA5A5}
.nn-est .si{display:none;background:rgba(34,197,94,.18);color:#86EFAC}
.nb-noche[data-modo="con"] .nn-out{display:block}
.nb-noche[data-modo="con"] .nn-est .no{display:none}.nb-noche[data-modo="con"] .nn-est .si{display:inline-block}
.nb-noche.anda .nn-m{opacity:0;transform:translateY(8px)}
.nb-noche.anda .nn-m.ve{opacity:1;transform:none}
.nb-noche.anda .nn-m.ve:not(.res) .nn-out{display:none}.nb-noche.anda .nn-m.ve:not(.res) .nn-est .si{display:none}
.nn-pie{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px;color:#D6D3DC;font-size:13px}
.nn-cuenta{font:600 15px/1.2 Unbounded,system-ui,sans-serif;color:#FCA5A5}
.nb-noche[data-modo="con"] .nn-cuenta{color:#86EFAC}
@media (max-width:640px){.nn-reloj{font-size:24px;margin-left:0}.nn-m{grid-template-columns:minmax(0,1fr)}.nn-est{grid-column:1;grid-row:auto;justify-self:start}}

/* SEO local de noche: mapa oscuro y filtro «Abierto ahora» */
.nb-mapa{background:#15131F;border:1px solid #2A2735;border-radius:22px;padding:16px;color:#F4F2EE}
.nm-top{display:flex;gap:10px;align-items:center}
.nm-barra{flex:1;display:flex;align-items:center;gap:10px;background:#1F1C2B;border:1px solid #2F2B3D;border-radius:999px;padding:11px 16px;font-size:16px;min-width:0}
.nm-hora{font:600 13px/1 'JetBrains Mono',ui-monospace,monospace;color:#C4B5FD;white-space:nowrap}
.nm-filtros{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
.nm-filtros button{font:600 13.5px/1 'Instrument Sans',system-ui,sans-serif;border:1.5px solid #3A3550;background:transparent;color:#E9E5F5;border-radius:999px;padding:9px 14px;cursor:pointer;transition:background .2s,border-color .2s}
.nm-filtros button[aria-pressed="true"]{background:#A78BFA;border-color:#A78BFA;color:#120E1F}
.nm-n{margin-left:auto;font-size:13px;color:#B9B6C2}
.nm-cuerpo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}
.nm-plano{position:relative;border-radius:16px;overflow:hidden;min-height:320px;background:#15131F}
.nm-plano svg{position:absolute;inset:0;width:100%;height:100%}
.nm-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;transition:opacity .45s,transform .45s}
.nm-pin i{width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#6B6585;border:2px solid #15131F}
.nm-pin.yo i{width:26px;height:26px;background:#A78BFA;box-shadow:0 0 0 6px rgba(167,139,250,.25),0 0 24px rgba(167,139,250,.9);animation:nmLate 2.2s ease-in-out infinite}
@keyframes nmLate{50%{box-shadow:0 0 0 12px rgba(167,139,250,.08),0 0 34px rgba(167,139,250,1)}}
.nm-pin b{order:-1;margin-bottom:6px;background:#A78BFA;color:#120E1F;font:700 12px/1 'Instrument Sans',system-ui,sans-serif;padding:6px 9px;border-radius:8px;white-space:nowrap}
.nm-pin.fuera{opacity:0;transform:translate(-50%,-80%) scale(.5)}
.nm-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nm-f{background:#1C1928;border:1px solid #2A2735;border-radius:14px;padding:11px 13px;display:flex;flex-direction:column;gap:1px;transition:opacity .4s,max-height .45s,padding .45s,margin .45s,border-width .45s;max-height:320px;overflow:hidden}
.nm-f b{font:600 15.5px/1.25 'Instrument Sans',system-ui,sans-serif}
.nm-est{font-size:12.5px;color:#B9B6C2}.nm-est i{font-style:normal;color:#F2B01E}.nm-est em{font-style:normal}
.nm-ok{font-size:12.5px;color:#86EFAC;font-weight:600}.nm-no{font-size:12.5px;color:#FCA5A5;font-weight:600}
.nm-f.yo{border:2px solid #A78BFA;box-shadow:0 0 30px -10px rgba(167,139,250,.7)}
.nm-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 2px}.nm-fotos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block}
.nm-bot{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.nm-bot span{font:600 12px/1 'Instrument Sans',system-ui,sans-serif;border:1px solid #3A3550;border-radius:999px;padding:6px 10px;color:#D6D3DC}.nm-bot span.on{background:#A78BFA;border-color:#A78BFA;color:#120E1F}
.nm-f.fuera{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-8px;border-width:0}
.nm-pie{margin:12px 2px 0;color:#B9B6C2;font-size:13px}
@media (max-width:760px){.nm-cuerpo{grid-template-columns:minmax(0,1fr)}.nm-plano{min-height:220px}.nm-top{flex-direction:column;align-items:stretch}.nm-hora{align-self:flex-end}}

/* el club de la casa: tarjeta de sellos con niveles */
.nb-club{position:relative;border-radius:22px;overflow:hidden;padding:clamp(16px,4vw,40px);isolation:isolate;border:1px solid #2A2735}
.nc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.45)}
.nb-club::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,13,22,.2),rgba(15,13,22,.55))}
.nc-tarjeta{max-width:470px;margin-left:auto;border-radius:20px;padding:20px;background:linear-gradient(135deg,rgba(76,29,149,.92),rgba(30,16,60,.92));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -24px rgba(0,0,0,.8);backdrop-filter:blur(8px);color:#fff;transition:background .6s}
.nb-club[data-nivel="VIP"] .nc-tarjeta{background:linear-gradient(135deg,rgba(146,104,22,.94),rgba(66,44,8,.94))}
.nb-club[data-nivel="Black"] .nc-tarjeta{background:linear-gradient(135deg,rgba(28,28,30,.96),rgba(6,6,8,.96));border-color:rgba(242,193,78,.45)}
.nc-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:14px}
.nc-cab small{font:600 9.5px/1.3 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;opacity:.8}
.nc-nivel{font:700 30px/1 Unbounded,system-ui,sans-serif;letter-spacing:.02em}
.nb-club[data-nivel="VIP"] .nc-nivel{color:#FDE68A}.nb-club[data-nivel="Black"] .nc-nivel{color:#F2C14E}
.nc-sellos{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}
.nc-s{aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(255,255,255,.35);display:grid;place-items:center;font-style:normal;font-size:13px;color:rgba(255,255,255,.35);transition:background .3s,border-color .3s,transform .3s}
.nc-s.on{background:#fff;border:1.5px solid #fff;color:#16151B;transform:scale(1.06)}
.nb-club[data-nivel="VIP"] .nc-s.on{background:#FDE68A;border-color:#FDE68A}.nb-club[data-nivel="Black"] .nc-s.on{background:#F2C14E;border-color:#F2C14E}
.nc-lab{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px;margin-bottom:12px}
.nc-lab output{font:600 15px 'JetBrains Mono',ui-monospace,monospace}
.nc-lab input{width:100%;accent-color:#F2C14E}
.nc-premios{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.nc-premios li{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);opacity:.5;transition:opacity .3s,background .3s}
.nc-premios li.on{opacity:1;background:rgba(255,255,255,.16)}
.nc-premios li.on::after{content:'✓';color:#86EFAC;font-weight:700}
.nc-v{font:600 11px/1.2 'JetBrains Mono',ui-monospace,monospace;opacity:.8}.nc-premios b{font-size:14px}.nc-premios small{display:none}
.nc-nota{font-size:12px;opacity:.75}
@media (max-width:640px){.nc-tarjeta{margin:0}.nc-premios li{grid-template-columns:70px minmax(0,1fr) auto}}

/* precio: letrero de neón con interruptor */
.nb-precio{position:relative;border-radius:22px;overflow:hidden;padding:30px 18px 24px;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:18px;border:1px solid #2A2735}
.nb-pfoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.3) blur(2px);transform:scale(1.05)}
.nb-letrero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 34px;border-radius:18px;border:2px solid rgba(255,138,112,.25);text-align:center;min-width:min(340px,100%)}
.nb-tubo{font-family:Unbounded,system-ui,sans-serif;color:#3a2a2a;text-shadow:none;transition:color .2s,text-shadow .2s}
.nb-t1{font-size:15px;letter-spacing:.4em;font-weight:600}
.nb-t2{font-size:clamp(40px,8vw,64px);font-weight:700;line-height:1}
.nb-t3{font-size:17px;font-weight:600}
.nb-letrero small{color:#B9B6C2;font-size:12px;margin-top:4px}
.nb-precio [data-t]{display:none}
.nb-precio[data-tipo="bar"] [data-t="bar"],.nb-precio[data-tipo="copas"] [data-t="copas"]{display:inline}
.nb-precio.on .nb-t1{color:#FFE4F1;text-shadow:0 0 4px #fff,0 0 12px #FF4FA3,0 0 28px #FF4FA3,0 0 50px #FF4FA3}
.nb-precio.on .nb-t2{color:#FFF1E6;text-shadow:0 0 4px #fff,0 0 14px #FF7A3D,0 0 34px #FF7A3D,0 0 60px #E5482A}
.nb-precio.on .nb-t3{color:#E0F2FE;text-shadow:0 0 4px #fff,0 0 12px #38BDF8,0 0 26px #38BDF8}
.nb-precio.on .nb-letrero{border-color:rgba(255,138,112,.55);box-shadow:0 0 40px -8px rgba(229,72,42,.6),inset 0 0 30px -10px rgba(229,72,42,.5)}
.nb-precio.parpa .nb-tubo{animation:nbParpa .9s steps(1) 1}
@keyframes nbParpa{0%{opacity:1}10%{opacity:.2}20%{opacity:1}35%{opacity:.3}45%{opacity:1}60%{opacity:.6}70%{opacity:1}}
.nb-inter{display:flex;align-items:center;gap:12px;color:#F4F2EE;font-weight:600}
.nb-sw{width:64px;height:34px;border-radius:999px;border:2px solid #4A4560;background:#1F1C2B;position:relative;cursor:pointer;padding:0}
.nb-sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#F4F2EE;transition:transform .25s}
.nb-sw[aria-checked="true"] i{transform:translateX(30px)}
.nb-calc.btn-red,.nb-calc.btn-red:hover{color:#fff;text-decoration:none}
@media (prefers-reduced-motion:reduce){.nb-precio.parpa .nb-tubo{animation:none}}

body.noche footer,body.noche .pdemo{--paper:#F4F2EE;--ink:#16151B;--ink2:#3E3C45;--mute:#5A5862;--line:#D9D5CD;--white:#FFFFFF}
body.noche .rcard{--paper:#F4F2EE;--ink:#16151B;--ink2:#3E3C45;--mute:#5A5862;--line:#D9D5CD;--white:#FFFFFF;background:#1A1724;border:1px solid #2A2735}
body.noche .rcard b{color:#F4F2EE}body.noche .rcard .mono{color:#FF8A70}
body.noche .ps .nb-calc,body.noche .ps .nb-calc:hover{color:#fff}
body.noche .top .logo circle[stroke="#16151B"]{stroke:#F4F2EE}

/* BARES · Offside: la noche hora a hora */
.of-noche{position:relative;border-radius:22px;overflow:hidden;padding:18px 18px 16px;isolation:isolate;border:1px solid #2A2735;--k:0}
.of-cielo{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,hsl(calc(28 - var(--k) * 128) 72% calc(32% - var(--k) * 20%)),#0F0D16 75%);transition:background .8s}
.of-pant{border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08)}
.of-bar{display:flex;align-items:center;gap:5px;background:#1F1C2B;padding:8px 10px}
.of-bar i{width:8px;height:8px;border-radius:50%;background:#3E3A52}
.of-bar span{flex:1;margin-left:8px;background:#15131F;border-radius:999px;color:#B9B6C2;font:500 11px/1 'Instrument Sans',system-ui,sans-serif;padding:5px 10px;text-align:center}
.of-vp{position:relative;aspect-ratio:1100/688;background:#0F0D16}
.of-vp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;display:block}
.of-vp img.on{opacity:1}
.of-regla{display:flex;align-items:flex-start;gap:16px;margin:18px 4px 6px}
.of-sol,.of-luna{flex:none;width:22px;height:22px;border-radius:50%;margin-top:3px}
.of-sol{background:radial-gradient(circle,#FFD27A 40%,#FF8A3D 70%);box-shadow:0 0 16px #FF8A3D}
.of-luna{background:radial-gradient(circle at 35% 35%,#F4F2EE 45%,#B9B6C2 70%);box-shadow:0 0 14px rgba(196,181,253,.7)}
.of-pista{position:relative;flex:1;height:44px;cursor:pointer;touch-action:none;margin:0 12px}
.of-pista::before{content:'';position:absolute;left:0;right:0;top:12px;height:4px;border-radius:4px;background:linear-gradient(90deg,#FF8A3D,#E5482A 30%,#7C3AED 70%,#1E1B4B)}
.of-luz{position:absolute;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;left:calc(var(--k) * 100%);transform:translateX(-50%);box-shadow:0 0 0 5px rgba(255,255,255,.18),0 0 20px #fff;transition:left .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.of-stop{position:absolute;left:var(--p);top:0;transform:translateX(-50%);border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#B9B6C2}
.of-stop i{width:10px;height:10px;margin-top:9px;border-radius:50%;background:#2A2735;border:2px solid #6B6585}
.of-stop span{font:600 12px/1 'JetBrains Mono',ui-monospace,monospace}
.of-stop.on{color:#fff}.of-stop.on i{opacity:0}
.of-stop:focus-visible{outline:2px solid #A78BFA;outline-offset:4px;border-radius:6px}
.of-txt{min-height:3.2em;margin:4px 4px 0}
.of-txt p{margin:0;color:#D6D3DC;font-size:15.5px;line-height:1.5;animation:ofIn .4s ease}
.of-txt b{display:block;color:#fff;font:600 16px/1.3 Unbounded,system-ui,sans-serif;margin-bottom:2px}
@keyframes ofIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.of-nota{display:block;margin:10px 4px 0;color:#8C8996;font-size:12px}
@media (max-width:640px){.of-noche{padding:12px}.of-stop span{font-size:10.5px}.of-regla{gap:8px}}
@media (prefers-reduced-motion:reduce){.of-vp img,.of-luz,.of-cielo{transition:none}.of-txt p{animation:none}}

/* «Tú duermes, Quinto trabaja»: Quinto en 3D en su mesa (sustituye a las dos fotos cuando está listo) */
.su-holo.su-3d{width:min(470px,100%);aspect-ratio:4/3;margin-top:0}
.su-holo.su-3d::after{display:none}
.su-mesa{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}
.su-holo.su-3d-on .su-mesa{opacity:1}
.su-holo.su-3d-on .su-img,.su-holo.su-3d .su-anillo,.su-holo.su-3d .su-scan{display:none}
.pz-q3d[data-q3d-audio]{cursor:pointer}
/* «Pruébalo tú»: la carita de Quinto, viva, encima de la foto */
.sm-cab{position:relative}
.sm-cab img{width:48px;height:48px}
.sm-q3{position:absolute;left:16px;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#F6F1EA,#E6DED2);pointer-events:none}
.sm-q3 canvas{width:100%;height:100%;display:block;transition:opacity .4s}
/* «Lo que recibe tu equipo»: Quinto en 3D en lugar de la foto del pulgar */
.sm-quinto3{position:absolute;right:-6px;bottom:-14px;width:120px;height:168px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));pointer-events:none;transition:opacity .4s,transform .6s cubic-bezier(.2,1.4,.4,1)}
.sm-quinto3 canvas{width:100%;height:100%;display:block}
.sm-equipo.sm-q3-on .sm-quinto{display:none}
.vis-js .pz-simula:not(.fin) .sm-quinto3{opacity:0;transform:translateY(40px)}
@media (max-width:820px){.sm-quinto3{width:96px;height:134px}}
/* agentes: tarjeta «El tuyo» */
.tri-tuyo{background:linear-gradient(160deg,#1d1c22,#2a2830);color:#F4F2EE!important;justify-content:flex-end}
.tri-tuyo i{flex:1;display:grid;place-items:center;aspect-ratio:1;border-radius:14px;border:2px dashed rgba(244,242,238,.28);font:600 64px/1 var(--f-head);font-style:normal;color:var(--red,#E5482A);transform:translateZ(30px);transition:transform .3s,border-color .3s}
.tri-tuyo:hover i{border-color:var(--red,#E5482A);transform:translateZ(40px) scale(1.03)}
.tri-tuyo span{color:rgba(244,242,238,.72)!important}
@media (max-width:700px){.tri-tuyo{justify-content:flex-start}.tri-tuyo i{flex:0 0 84px;width:84px;font-size:38px}}
@media (min-width:701px){.pz-trio .tri-tuyo{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px;padding:14px 22px 14px 14px}.tri-tuyo i{flex:0 0 74px;width:74px;font-size:40px}.tri-tuyo b{font-size:20px}}
.pz-trio .tri-tuyo{justify-content:flex-start}.tri-tuyo b{white-space:nowrap}
@media (max-width:700px){.tri-tuyo i{flex:0 0 84px;width:84px;height:84px;aspect-ratio:auto;font-size:34px}}
/* «¿Cuándo te quedas con Quinto?»: un solo Quinto en 3D */
.c3-3d{position:absolute;left:-24px;right:-24px;top:-26px;bottom:-6px;pointer-events:none}
.c3-3d canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}
.c3-q.c3-3d-on .c3-i{opacity:0!important;transition:none}
/* agentes: 7 + «El tuyo» en dos filas de cuatro */
@media (min-width:901px){.pz-trio{grid-template-columns:repeat(4,minmax(0,1fr))}.pz-trio .tri-tuyo{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px 12px 16px}.pz-trio .tri-tuyo i{flex:none;width:100%;aspect-ratio:1;font-size:64px}}
@media (min-width:701px) and (max-width:900px){.pz-trio{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* «El tuyo»: tarjeta normal (sin franja) y el recuadro de puntos centrado, sin el empuje de la perspectiva */
@media (min-width:701px){.pz-trio .tri-tuyo{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px 12px 16px}.pz-trio .tri-tuyo i{flex:none;width:100%;aspect-ratio:1;font-size:64px}}
.pz-trio .tri-tuyo i{transform:none}.pz-trio .tri-tuyo:hover i{transform:scale(1.03)}

/* =================== RECEPCIONISTA TELEFÓNICA =================== */
/* cabecera: llamada entrante → en curso, con onda de voz, subtítulos y la ficha del CRM rellenándose */
.pz-voz{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;justify-items:center}
.vz-movil{position:relative;width:min(290px,72vw);aspect-ratio:9/18.5;border-radius:46px;background:#0B0B12;padding:12px;box-shadow:0 0 0 2px #2A2833 inset,0 0 0 9px #16151B,0 40px 80px -30px rgba(7,8,13,.85);overflow:hidden;isolation:isolate}
.vz-isla{position:absolute;top:18px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:20px;background:#000;z-index:5}
.vz-pant{position:absolute;inset:12px;border-radius:36px;display:flex;flex-direction:column;align-items:center;color:#F4F2EE;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.vz-entra{background:radial-gradient(120% 70% at 50% 0%,#3A2A2E 0%,#16151B 60%,#0B0B12 100%);padding:56px 18px 30px;justify-content:space-between}
.vz-reloj{font:600 46px/1 var(--f-head);letter-spacing:-.03em;opacity:.92}
.vz-quien{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.vz-quien small{font-size:12px;color:#B9B6C2;letter-spacing:.02em}.vz-quien b{font:600 22px var(--f-head);letter-spacing:-.01em}.vz-quien span{font-size:13px;color:#8E8A99}
.vz-ondas{position:relative;width:120px;height:120px;display:grid;place-items:center}
.vz-ondas i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,106,74,.55);animation:vzOnda 2.2s cubic-bezier(.2,.6,.3,1) infinite;opacity:0}
.vz-ondas i:nth-child(2){animation-delay:.7s}.vz-ondas i:nth-child(3){animation-delay:1.4s}
@keyframes vzOnda{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.15);opacity:0}}
.vz-bots{display:flex;justify-content:space-between;width:100%;padding:0 14px}
.vz-b{width:64px;height:64px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;cursor:pointer;position:relative}
.vz-b .vz-ic{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vz-rojo{background:#E5482A}.vz-rojo .vz-ic{transform:rotate(135deg)}
.vz-verde{background:#2FB868;animation:vzLate 1.1s ease-in-out infinite}
.vz-verde::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(47,184,104,.6);animation:vzOnda 1.6s ease-out infinite}
.vz-verde:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes vzLate{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(0)}}
.vz-pista{font-size:12.5px;color:#B9B6C2;margin-top:-4px}
.pz-voz:not(.suena) .vz-movil{animation:none}
.pz-voz.suena .vz-movil{animation:vzVibra 2.2s ease-in-out infinite}
@keyframes vzVibra{0%,8%,100%{transform:none}1%,3%,5%,7%{transform:translateX(-2px) rotate(-.4deg)}2%,4%,6%{transform:translateX(2px) rotate(.4deg)}}
.vz-curso{background:linear-gradient(180deg,#1C1A22,#0B0B12);padding:52px 16px 22px;justify-content:space-between;opacity:0;transform:translateY(24px);pointer-events:none}
.pz-voz.en-curso .vz-entra{opacity:0;transform:scale(.94);pointer-events:none}
.pz-voz.en-curso .vz-curso{opacity:1;transform:none;pointer-events:auto}
.vz-cab{display:flex;align-items:center;gap:10px;align-self:stretch}
.vz-cab img{width:46px;height:46px;border-radius:50%;background:#2A2833;object-fit:cover}
.vz-cab b{display:block;font:600 16px var(--f-head)}.vz-cab small{font-size:12.5px;color:#B9B6C2;font-variant-numeric:tabular-nums}
.vz-onda{width:100%;height:auto;aspect-ratio:560/200}
.vz-sub{align-self:stretch;min-height:132px;background:rgba(255,255,255,.06);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.vz-sub small{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#FF8A70}
.vz-sub small.cli{color:#9CC7FF}
.vz-sub p{font-size:14.5px;line-height:1.45;color:#F4F2EE;margin:0}
.vz-sub p span{opacity:.18;transition:opacity .18s}.vz-sub p span.on{opacity:1}
.vz-ctl{display:flex;align-items:center;justify-content:space-between;align-self:stretch}
.vz-colgar{width:56px;height:56px}
.vz-mini{font:600 12px var(--f-body);color:#D6D3DC;background:rgba(255,255,255,.08);border:0;border-radius:999px;padding:8px 12px;cursor:pointer}
.vz-mini[aria-pressed="false"]{text-decoration:line-through;opacity:.7}
.vz-ficha{width:100%;max-width:300px;background:#fff;border-radius:22px;padding:16px 16px 14px;box-shadow:0 30px 60px -34px rgba(22,21,27,.55);color:var(--ink);align-self:center}
.vz-ficha header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.vz-ficha .mono{font-size:10.5px;color:var(--red2)}
.vz-led{width:9px;height:9px;border-radius:50%;background:#D9D5CD}
.pz-voz.en-curso .vz-led{background:#2FB868;box-shadow:0 0 0 4px rgba(47,184,104,.18);animation:vzLed 1.2s infinite}
@keyframes vzLed{50%{box-shadow:0 0 0 7px rgba(47,184,104,0)}}
.vz-ficha dl{margin:0;display:grid;gap:2px}
.vz-f{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:6px 8px;border-radius:10px;font-size:13.5px;transition:background .5s}
.vz-f dt{color:var(--mute);font-size:12px;padding-top:1px}.vz-f dd{margin:0;font-weight:600;color:#B9B6C2;transition:color .3s}
.vz-f.lleno dd{color:var(--ink)}
.vz-f.nuevo{background:#FFF1EC}
.vz-res{font-size:13px;line-height:1.45;color:var(--ink2);min-height:0;margin:8px 0 0!important;padding:0 8px}
.vz-res:empty{display:none}
.vz-estado{display:inline-flex;align-items:center;gap:6px;margin:10px 8px 0;font:600 12px var(--f-body);color:var(--mute)}
.vz-estado.ok{color:#1E8A4C}
.vz-trans{grid-column:1/-1;justify-self:stretch;font-size:14px}
.vz-trans summary{cursor:pointer;color:var(--red2);font-weight:600;width:max-content}
.vz-guion{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--ink2)}
.vz-llamar{grid-column:1/-1}
.pz-voz .pz-nota{grid-column:1/-1}
@media (max-width:900px){.pz-voz{grid-template-columns:minmax(0,1fr)}.vz-ficha{max-width:340px}}
@media (prefers-reduced-motion:reduce){.vz-ondas i,.vz-verde,.vz-verde::after,.pz-voz.suena .vz-movil{animation:none}}

/* una semana de llamadas: las rojas se vuelven atendidas al pasar la barra */
.pz-semana{background:#0B0B12;color:#EDEAF2;border-radius:24px;padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.vs-cab{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vs-cab b{font:600 22px var(--f-head);font-variant-numeric:tabular-nums;color:#FF6A4A;transition:color .4s}
.pz-semana.listo .vs-cab b{color:#3BCB74}
.vs-cab>span{color:#B9B6C2;font-size:14px}
.vs-red{position:relative;display:flex;flex-direction:column;gap:5px}
.vs-f{display:grid;grid-template-columns:18px repeat(12,minmax(0,1fr));gap:5px;align-items:center}
.vs-f>span{font:600 11px var(--f-mono);color:#8E8A99}
.vs-f i{height:18px;border-radius:5px;background:#1E1D25;transition:background .35s,transform .35s}
.vs-f i.vs-p{background:#E5482A;box-shadow:0 0 12px -2px rgba(229,72,42,.6)}
.vs-f i.vs-p.at{background:#2FB868;box-shadow:0 0 12px -2px rgba(47,184,104,.55);transform:scale(.88)}
.vs-h{display:grid;grid-template-columns:18px repeat(6,minmax(0,1fr));gap:5px;font:500 10.5px var(--f-mono);color:#6F6B7B;margin-top:2px}
.vs-barre{position:absolute;top:-6px;bottom:14px;left:22px;width:3px;border-radius:3px;background:linear-gradient(#fff,#FF8A70);box-shadow:0 0 16px #FF8A70;opacity:0;transform:translateX(0)}
.pz-semana .pz-nota{color:#8E8A99}

/* desvío: tres modos y la llamada viajando por el camino */
.pz-desvio{background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px -30px rgba(22,21,27,.45)}
.dv-bots{display:flex;gap:8px;flex-wrap:wrap}
.dv-b{font:600 14px var(--f-body);padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.dv-b.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dv-mapa{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:0}
.dv-n{background:var(--paper);border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;transition:background .35s,box-shadow .35s,opacity .35s}
.dv-n b{font:600 14px var(--f-head)}.dv-n small{font-size:12px;color:var(--mute);line-height:1.3}
.dv-ic{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dv-q img{width:40px;height:40px;border-radius:50%;background:#16151B}
.dv-lin{position:relative;height:3px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 11px);margin:0 4px}
.dv-bola{position:absolute;top:50%;left:0;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(229,72,42,.18);opacity:0}
.dv-ramas{display:flex;flex-direction:column;gap:10px}
.dv-rama{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center}
.dv-rama .dv-n{flex-direction:row;text-align:left;justify-content:flex-start;gap:10px}
.dv-rama .dv-n>span,.dv-rama .dv-n b+small{display:block}
.dv-rama .dv-n{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:0}
.dv-rama .dv-n>:first-child{grid-row:1/3}
.dv-n.vivo{background:#FFF1EC;box-shadow:0 0 0 2px var(--red) inset}
.dv-n.apag{opacity:.45}
.dv-lin.vivo{background:repeating-linear-gradient(90deg,var(--red) 0 6px,transparent 6px 11px)}
.dv-lin.vivo .dv-bola{animation:dvViaja 1.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes dvViaja{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.dv-txt p{font-size:15.5px!important;color:var(--ink2);margin:0}
@media (max-width:700px){.dv-mapa{grid-template-columns:minmax(0,1fr);gap:6px}.dv-l1{height:26px;width:3px;justify-self:center;background:repeating-linear-gradient(180deg,var(--line) 0 6px,transparent 6px 11px)}.dv-l1.vivo{background:repeating-linear-gradient(180deg,var(--red) 0 6px,transparent 6px 11px)}.dv-l1 .dv-bola{left:50%!important;margin-left:-5.5px}.dv-l1.vivo .dv-bola{animation-name:dvBaja}}
@keyframes dvBaja{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}

/* nunca por teléfono: la tarjeta sellada y el enlace seguro */
.pz-vtarjeta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;align-items:center;background:var(--violet2);border-radius:24px;padding:22px}
.vt-boc{font-size:15px;line-height:1.4;padding:11px 14px;border-radius:16px;max-width:30ch}
.vt-cli{background:#fff;color:var(--ink);border-bottom-left-radius:4px}
.vt-q{grid-column:2;justify-self:end;background:var(--ink);color:var(--paper);border-bottom-right-radius:4px}
.vt-card{grid-row:1/3;grid-column:2;position:relative;aspect-ratio:1.586;border-radius:16px;background:linear-gradient(135deg,#4A3AA8,#2A2160);padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;max-width:250px;justify-self:center;transform:rotate(-4deg)}
.vt-chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,#E9C877,#B8923F)}
.vt-num{font:600 14px var(--f-mono);letter-spacing:.12em}
.vt-sello{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg) scale(1.8);opacity:0;border:3px solid #E5482A;color:#E5482A;background:rgba(255,255,255,.92);font:700 14px var(--f-head);letter-spacing:.02em;text-transform:uppercase;padding:6px 10px;border-radius:8px;white-space:nowrap;transition:transform .45s cubic-bezier(.3,1.6,.5,1) .5s,opacity .2s .5s}
.vis-in .vt-sello,.ps:not(.vis-rev) .vt-sello{transform:translate(-50%,-50%) rotate(-14deg) scale(1);opacity:1}
.pz-vtarjeta .vt-q{grid-row:3}
.vt-sms{grid-column:1;grid-row:2/4;background:#fff;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 30px -20px rgba(22,21,27,.45);opacity:0;transform:translateY(12px);transition:opacity .4s 1.1s,transform .5s 1.1s}
.vis-in .vt-sms,.ps:not(.vis-rev) .vt-sms{opacity:1;transform:none}
.vt-sms small{font-size:11px;color:var(--mute)}.vt-sms b{font-size:14px}.vt-sms span{font-size:13.5px;color:var(--ink2)}
@media (max-width:700px){.pz-vtarjeta{grid-template-columns:minmax(0,1fr)}.vt-card,.vt-q,.vt-sms,.vt-cli{grid-column:1;grid-row:auto}.vt-q{justify-self:end}}

/* página de agentes: el auricular que se descuelga */
.pz-auricular{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:center;background:var(--ink);color:var(--paper)!important;text-decoration:none!important;border-radius:24px;padding:22px 26px 22px 22px;overflow:hidden;position:relative}
.au-base{position:relative;width:150px;height:120px}
.au-cuerpo{position:absolute;left:10px;right:10px;bottom:0;height:62px;border-radius:18px 18px 12px 12px;background:linear-gradient(180deg,#E5482A,#B9341A);box-shadow:0 12px 20px -10px rgba(0,0,0,.6)}
.au-teclas{position:absolute;left:38px;bottom:12px;width:74px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;z-index:2}
.au-teclas i{height:9px;border-radius:3px;background:rgba(255,255,255,.75)}
.au-mano{position:absolute;left:0;right:0;top:20px;height:34px;border-radius:17px;background:linear-gradient(180deg,#FF6A4A,#D13F22);box-shadow:0 6px 12px -6px rgba(0,0,0,.7);transform-origin:20% 50%;transition:transform .6s cubic-bezier(.3,1.4,.5,1);z-index:3}
.au-mano::before,.au-mano::after{content:'';position:absolute;top:22px;width:40px;height:22px;border-radius:0 0 12px 12px;background:#C93A1E}
.au-mano::before{left:6px}.au-mano::after{right:6px}
.au-ring{position:absolute;right:-8px;top:0;width:40px;height:40px}
.au-ring i{position:absolute;inset:0;border:2.5px solid rgba(255,138,112,.8);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:auRing 1.6s ease-out infinite;opacity:0}
.au-ring i:nth-child(2){animation-delay:.5s}
@keyframes auRing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.3);opacity:0}}
.pz-auricular:hover .au-mano,.pz-auricular:focus-visible .au-mano{transform:translate(4px,-22px) rotate(-18deg)}
.pz-auricular:hover .au-ring i{animation:none;opacity:0}
.au-txt{display:flex;flex-direction:column;gap:6px}
.au-txt .mono{color:#FF8A70;font-size:11px}
.au-txt b{font:600 21px/1.25 var(--f-head);color:#fff}
.au-txt span:not(.mono){color:#D6D3DC;font-size:15px;line-height:1.5}
.au-txt i{font-style:normal;font-weight:700;color:#FF8A70;margin-top:4px}
@media (max-width:700px){.pz-auricular{grid-template-columns:minmax(0,1fr);justify-items:start}}

/* planes: la barra de llamadas al día ilumina el plan que te encaja */
.pz-vplanes{display:flex;flex-direction:column;gap:16px}
.vp-calc{background:var(--ink);color:var(--paper);border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.vp-lab{font:600 16px var(--f-head)}
.vp-fila{display:flex;align-items:center;gap:14px}
.vp-fila input{flex:1;accent-color:#FF6A4A;height:28px}
.vp-fila output{font:600 28px var(--f-head);min-width:2.2ch;text-align:right;font-variant-numeric:tabular-nums;color:#FF8A70}
.vp-res{font-size:15px!important;color:#D6D3DC!important;margin:0}
.vp-res b{color:#fff}
.vp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vp-p{background:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;border:2px solid transparent;transition:border-color .3s,transform .35s cubic-bezier(.2,1.4,.4,1),box-shadow .3s;position:relative}
.vp-p header b{display:block;font:600 20px var(--f-head)}.vp-p header span{font-size:13px;color:var(--mute)}
.vp-pr{margin:0!important}.vp-pr b{font:700 32px var(--f-head);letter-spacing:-.03em}.vp-pr small{color:var(--mute);font-size:14px}
.vp-p ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--ink2)}
.vp-pack{margin-top:auto;font:600 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red2)}
.vp-p.on{border-color:var(--red);transform:translateY(-6px);box-shadow:0 24px 40px -26px rgba(229,72,42,.6)}
.vp-p.on::before{content:'Tu plan';position:absolute;top:-11px;right:14px;background:var(--red);color:#fff;font:700 11px var(--f-body);padding:3px 9px;border-radius:999px}
.vp-alta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:14.5px;color:var(--ink2)}
.vp-alta b{font:600 18px var(--f-head);color:var(--ink)}.vp-alta small{color:var(--mute);margin-right:10px}
@media (max-width:760px){.vp-grid{grid-template-columns:minmax(0,1fr)}}

/* llamadas perdidas: lo que se escapa frente a lo que cuesta Quinto */
.pz-vperdidas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 40px -30px rgba(22,21,27,.45)}
.vl-in{display:grid;gap:12px}
.vl-c{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink2)}
.vl-v{display:flex;align-items:center;gap:10px}.vl-v input{flex:1;accent-color:var(--red)}
.vl-v output{font:600 16px var(--f-head);min-width:4.4ch;text-align:right;font-variant-numeric:tabular-nums}
.vl-out{background:#0B0B12;color:#EDEAF2;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px}
.vl-out>small{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#FF8A70}
.vl-out>b{font:700 clamp(34px,5vw,46px)/1 var(--f-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.vl-barras{display:grid;gap:8px}
.vl-b{position:relative;height:30px;border-radius:9px;background:#1E1D25;overflow:hidden}
.vl-b i{position:absolute;inset:0 auto 0 0;width:0;border-radius:9px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.vl-pierdes i{background:linear-gradient(90deg,#B9341A,#FF6A4A)}.vl-quinto i{background:linear-gradient(90deg,#1E8A4C,#3BCB74)}
.vl-b span{position:relative;z-index:1;font-size:12.5px;font-weight:600;line-height:30px;padding-left:10px;color:#fff}
.vl-out p{font-size:14.5px!important;color:#D6D3DC!important;margin:0}
.vl-out p b{color:#3BCB74}
.pz-vperdidas .pz-nota{grid-column:1/-1}
@media (max-width:760px){.pz-vperdidas{grid-template-columns:minmax(0,1fr)}}

/* voces: cada acento con su onda, que se mueve al pasar */
.pz-vacentos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pz-vacentos li{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(10px);transition:opacity .45s calc(var(--i)*.08s),transform .45s calc(var(--i)*.08s)}
.vis-in .pz-vacentos li,.ps:not(.vis-rev) .pz-vacentos li{opacity:1;transform:none}
.pz-vacentos b{font:600 15px var(--f-head)}.pz-vacentos small{font-size:12.5px;color:var(--mute)}
.va-onda{display:flex;align-items:center;gap:3px;height:26px;margin-bottom:6px}
.va-onda i{width:4px;height:30%;border-radius:2px;background:var(--line);transition:height .2s}
.va-b{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto auto auto;column-gap:8px;width:100%;cursor:pointer}
.va-b .va-onda{grid-column:1;grid-row:1}.va-b b{grid-column:1/-1;grid-row:2}.va-b small{grid-column:1/-1;grid-row:3}
.va-play{grid-column:2;grid-row:1;width:34px;height:34px;border-radius:50%;background:var(--ink);position:relative;transition:background .25s,transform .2s}
.va-play::after{content:'';position:absolute;left:13px;top:10px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.va-b:hover .va-play{background:var(--red);transform:scale(1.06)}
.va-b:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:12px}
.va-b[aria-pressed="true"] .va-play{background:var(--red)}
.va-b[aria-pressed="true"] .va-play::after{left:11px;top:11px;width:4px;height:12px;border:0;background:#fff;box-shadow:8px 0 0 #fff}
.va-b[aria-pressed="true"] .va-onda i{background:var(--red);animation:vaHabla .9s ease-in-out infinite}
.va-b[aria-pressed="true"] .va-onda i:nth-child(odd){animation-delay:.15s}.va-b[aria-pressed="true"] .va-onda i:nth-child(3n){animation-delay:.3s}
.pz-vacentos li:has([aria-pressed="true"]){box-shadow:0 0 0 2px var(--red) inset}
.va-b:not([aria-pressed="true"]):hover .va-onda i{background:#F2B3A3}
@keyframes vaHabla{0%,100%{height:25%}50%{height:95%}}
@media (max-width:760px){.pz-vacentos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* informe del mes */
.pz-vinforme{background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px -30px rgba(22,21,27,.45)}
.pz-vinforme header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.pz-vinforme .mono{font-size:11px;color:var(--red2)}
.vi-ok{font:600 12.5px var(--f-body);color:#1E8A4C;background:#E8F7EE;border-radius:999px;padding:4px 10px}
.vi-datos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vi-datos div{background:var(--paper);border-radius:14px;padding:12px}
.vi-datos b{display:block;font:700 26px var(--f-head);letter-spacing:-.02em}.vi-datos span{font-size:12.5px;color:var(--mute)}
.vi-horas small{font-size:12px;color:var(--mute)}
.vi-bar{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;align-items:end;height:90px;margin-top:6px}
.vi-bar i{height:calc(var(--h)*100%);min-height:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#FF8A70,var(--red));transform-origin:bottom;transform:scaleY(.04);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.vis-in .vi-bar i,.ps:not(.vis-rev) .vi-bar i{transform:none}
.vi-eje{display:flex;justify-content:space-between;font:500 10.5px var(--f-mono);color:var(--mute);margin-top:4px}
@media (max-width:760px){.vi-datos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* precios: todo en una sola agencia */
.pz-todo{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 40px -30px rgba(22,21,27,.45);display:flex;flex-direction:column;gap:6px}
.pt-cab,.pz-todo li,.pt-pie{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.7fr);gap:12px;align-items:center}
.pt-cab b{font:600 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.pt-cab .pt-cum{color:var(--red2)}
.pz-todo ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pz-todo li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pt-q{color:var(--ink);font-weight:600}
.pt-sep{display:flex;align-items:center;gap:8px;color:var(--mute);opacity:0;transform:translateX(-8px);transition:opacity .35s calc(var(--i)*.14s),transform .35s calc(var(--i)*.14s)}
.pt-sep i{flex:none;width:22px;height:22px;border-radius:50%;background:#FBE4DD;color:var(--red2);display:grid;place-items:center;font:700 11px var(--f-body);font-style:normal}
.pt-um{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#1E8A4C;opacity:0;transform:scale(.6);transition:opacity .3s calc(1.1s + var(--i)*.1s),transform .45s cubic-bezier(.3,1.6,.5,1) calc(1.1s + var(--i)*.1s)}
.pt-um::before{content:'';width:20px;height:20px;border-radius:50%;background:#3BCB74 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.vis-in .pt-sep,.ps:not(.vis-rev) .pt-sep{opacity:1;transform:none}
.vis-in .pt-um,.ps:not(.vis-rev) .pt-um{opacity:1;transform:none}
.pt-pie{margin-top:8px;align-items:stretch}
.pt-tot{border-radius:16px;padding:12px}
.pt-tot b{display:block;font:600 18px var(--f-head)}.pt-tot small{font-size:12.5px;line-height:1.35;display:block}
.pt-mal{background:#FBE4DD;color:#8E2A14}.pt-bien{background:#E8F7EE;color:#14663A}
@media (max-width:760px){.pt-cab{display:none}.pz-todo li{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.pt-sep{grid-column:1;grid-row:2;font-size:13px}.pt-um{grid-column:2;grid-row:1/3}.pt-pie{grid-template-columns:1fr 1fr}.pt-pie>span{display:none}}
/* el Quinto 3D del círculo de la llamada */
.vz-cab{position:relative}
.vz-q3{position:absolute;left:0;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3A3843,#16151B);opacity:0;transition:opacity .4s}
.vz-q3 canvas{width:100%;height:100%;display:block}
.vz-cab.vz-q3-on .vz-q3{opacity:1}
.vz-cab.vz-q3-on img{visibility:hidden}

/* ===================== PÁGINAS POR CIUDAD ===================== */
/* portada: plano topográfico con la chincheta de la ciudad */
.pz-zh{position:relative;background:#16151B;color:#F4F2EE;border-radius:28px;padding:26px;display:grid;grid-template-columns:1fr;gap:18px;overflow:hidden;min-height:360px}
.zh-mapa{position:absolute;inset:0;background:repeating-radial-gradient(circle at 68% 38%,transparent 0 22px,rgba(244,242,238,.07) 22px 23px),radial-gradient(circle at 68% 38%,rgba(229,72,42,.28),transparent 55%);pointer-events:none}
.zh-onda{position:absolute;left:68%;top:38%;width:40px;height:40px;margin:-20px 0 0 -20px;border:1.5px solid rgba(255,106,74,.7);border-radius:50%;animation:zhOnda 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.zh-onda:nth-child(2){animation-delay:1.2s}.zh-onda:nth-child(3){animation-delay:2.4s}
@keyframes zhOnda{0%{transform:scale(.4);opacity:0}15%{opacity:1}100%{transform:scale(6);opacity:0}}
.zh-pin{position:absolute;left:68%;top:38%;width:30px;height:30px;margin:-34px 0 0 -15px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 10px 20px -6px rgba(229,72,42,.8);animation:zhCae .9s .2s cubic-bezier(.3,1.6,.5,1) both}
.zh-pin i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#16151B}
@keyframes zhCae{from{transform:translateY(-60px) rotate(-45deg);opacity:0}to{transform:rotate(-45deg);opacity:1}}
.zh-txt{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:auto;align-self:end;padding-top:120px}
.zh-co{font:600 11px var(--f-mono);letter-spacing:.14em;color:rgba(244,242,238,.6)}
.zh-txt b{font:700 clamp(30px,4.4vw,52px)/1 var(--f-head);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.zh-txt small{font-size:15px;color:var(--dktext)}
.zh-busca{position:relative;display:flex;flex-direction:column;gap:8px}
.zh-lab{font:600 10.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,242,238,.55)}
.zh-busca ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zh-busca li{font-size:13.5px;background:rgba(244,242,238,.08);border:1px solid rgba(244,242,238,.16);border-radius:999px;padding:6px 12px;animation:zhChip .5s calc(.9s + var(--i) * .25s) cubic-bezier(.2,.8,.2,1) both}
@keyframes zhChip{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* lo que busca tu cliente: el buscador que escribe solo */
.pz-zb{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px}
.zb-caja{display:flex;align-items:center;gap:10px;border:1.5px solid #DADCE0;border-radius:999px;padding:12px 18px;box-shadow:0 2px 8px -4px rgba(32,33,36,.28);font-size:16px;min-height:50px}
.zb-lupa{flex:none;width:14px;height:14px;border:2px solid #70757A;border-radius:50%;position:relative}
.zb-lupa:after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2px;background:#70757A;transform:rotate(45deg)}
.zb-q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.zb-cur{flex:none;width:2px;height:20px;background:var(--ink);margin-left:-8px;animation:zbCur 1s steps(1) infinite}
@keyframes zbCur{50%{opacity:0}}
.zb-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.zb-res li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #ECE7DF;border-radius:14px;padding:10px 12px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.zb-res li>i{width:34px;height:34px;border-radius:10px;background:#EFEAE0;display:grid;place-items:center;font-style:normal;color:#fff}
.zb-otro b{display:block;height:9px;width:46%;background:#E7E2D9;border-radius:4px}.zb-otro small{display:block;height:7px;width:70%;background:#F0ECE5;border-radius:4px;margin-top:6px}
.zb-tuyo b{font:700 15px var(--f-head)}.zb-tuyo small{display:block;font-size:12.5px;color:var(--mute);margin-top:3px}
.zb-tuyo>i{background:var(--red)}
.zb-tuyo em{font-style:normal;font-size:11.5px;font-weight:700;color:#1E8E3E;background:#E6F4EA;border-radius:6px;padding:3px 8px}
.pz-zb.arriba .zb-tuyo{transform:translateY(calc(-100% - 8px));border-color:var(--red);box-shadow:0 12px 26px -14px rgba(229,72,42,.6)}
.pz-zb.arriba .zb-otro:first-child{transform:translateY(calc(100% + 8px))}
@media (max-width:560px){.zb-caja{font-size:14px;padding:10px 14px}.zb-tuyo small{font-size:11.5px}}
@media (prefers-reduced-motion:reduce){.zb-res li{transition:none}.zb-cur{animation:none}}

/* el año del local: temporadas sobre los 12 meses */
.pz-zt{background:var(--paper);border:1.5px solid var(--ink);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:10px}
.zt-cab,.pz-zt li{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:12px;align-items:center}
.zt-m{display:grid;grid-template-columns:repeat(12,1fr);font:600 11px var(--f-mono);color:var(--mute);text-align:center}
.pz-zt ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.zt-n b{display:block;font-size:14.5px;line-height:1.2}.zt-n small{font-size:12px;color:var(--mute)}
.zt-pista{position:relative;height:26px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(22,21,27,.06) 0 calc(100%/12 - 2px),transparent calc(100%/12 - 2px) calc(100%/12))}
.zt-pista i{position:absolute;top:0;bottom:0;left:calc((var(--a) - 1) * 100% / 12);width:calc((var(--b) - var(--a) + 1) * 100% / 12 - 2px);border-radius:8px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .8s calc(var(--i) * .15s) cubic-bezier(.2,.8,.2,1)}
.pz-zt.on .zt-pista i{transform:none}
@media (max-width:560px){.zt-cab,.pz-zt li{grid-template-columns:1fr}.zt-cab>span{display:none}.zt-m{font-size:10px}}
@media (prefers-reduced-motion:reduce){.zt-pista i{transform:none;transition:none}}

/* ===================== CARTA DIGITAL CON QR ===================== */
.pz-cq{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;justify-items:center;padding:10px 0}
.cq-tent{width:150px;background:#fff;border:1.5px solid var(--ink);border-radius:14px 14px 4px 4px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transform:perspective(500px) rotateX(10deg);box-shadow:0 22px 30px -18px rgba(22,21,27,.5)}
.cq-tent span{font:700 13px var(--f-head)}.cq-tent small{font-size:11.5px;line-height:1.3;color:var(--ink2)}
.cq-qr{width:92px;height:92px;background:
  linear-gradient(#16151B 0 0) 0 0/26px 26px no-repeat,linear-gradient(#16151B 0 0) 100% 0/26px 26px no-repeat,linear-gradient(#16151B 0 0) 0 100%/26px 26px no-repeat,
  repeating-conic-gradient(#16151B 0 25%,#fff 0 50%) 0 0/11px 11px;border:5px solid #fff;outline:1.5px solid #16151B;border-radius:4px;position:relative}
.cq-qr:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:6px;background:var(--red);box-shadow:0 0 0 3px #fff}
.cq-movil{width:min(270px,100%);background:#0D0C11;border-radius:30px;padding:8px;box-shadow:0 30px 50px -26px rgba(22,21,27,.6)}
.cq-pant{background:#fff;border-radius:22px;overflow:hidden;min-height:340px;display:flex;flex-direction:column}
.cq-top{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid #EEE9E1}
.cq-top b{font:700 14px var(--f-head);margin-right:auto}
.cq-mesa{font:600 10.5px var(--f-mono);background:var(--paper);border-radius:6px;padding:3px 6px}
.cq-idi{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.cq-idi button{font:600 10.5px var(--f-mono);border:0;background:transparent;padding:4px 6px;cursor:pointer;color:var(--mute)}
.cq-idi button.on{background:var(--ink);color:#fff}
.cq-paso{padding:14px;display:flex;flex-direction:column;gap:9px}
.cq-hola{margin:0;font-weight:700;font-size:15px}
.cq-b{font:700 14px var(--f-body);border:0;border-radius:12px;padding:12px;background:var(--red);color:#fff;cursor:pointer;transition:transform .2s}
.cq-b2{background:var(--ink)}
.cq-b:hover{transform:translateY(-2px)}
.cq-carta{list-style:none;margin:6px 0 0;padding:10px 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:7px}
.cq-carta li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.cq-carta b{font-family:var(--f-mono);font-size:12px}
.cq-cupon{border:2px dashed var(--red);border-radius:14px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:4px;animation:cqSale .5s cubic-bezier(.2,1.4,.4,1) both}
.cq-cupon small{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.cq-cupon b{font:700 28px var(--f-mono);color:var(--red);letter-spacing:.06em}.cq-cupon span{font-size:12.5px}
.cq-ok{background:#E6F4EA;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;animation:cqSale .5s cubic-bezier(.2,1.4,.4,1) both}
.cq-ok b{color:#1E7A3A}.cq-ok span{font-size:12.5px}
@keyframes cqSale{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.cq-otra{display:block;width:100%;margin-top:auto;border:0;border-top:1px solid #EEE9E1;background:#fff;padding:12px;font:600 12.5px var(--f-body);cursor:pointer;color:var(--mute)}
.cq-aviso{position:absolute;right:0;top:12px;max-width:220px;background:#16151B;color:#fff;border-radius:14px;padding:10px 12px;font-size:12.5px;line-height:1.35;box-shadow:0 18px 30px -14px rgba(22,21,27,.6);animation:cqAviso .5s cubic-bezier(.2,1.2,.4,1) both}
.cq-aviso b{display:block;font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red3);margin-bottom:3px}
@keyframes cqAviso{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.pz-cq .pz-nota{grid-column:1/-1}
@media (max-width:640px){.pz-cq{grid-template-columns:1fr}.cq-tent{display:none}.cq-aviso{position:relative;right:auto;top:auto;max-width:none;width:min(270px,100%)}}

/* ===================== GUÍA GOOGLE MAPS: la ficha que se completa ===================== */
.pz-fg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.fg-ficha{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -24px rgba(22,21,27,.45);border:1px solid #E6E1D8}
.fg-foto{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:120px;background:#EFEAE0}
.fg-foto i{background:linear-gradient(135deg,#C9D9E8,#7DA3C6)}.fg-foto i:first-child{grid-row:1/3;background:linear-gradient(135deg,#F1B07A,#C8643C)}.fg-foto i:last-child{background:linear-gradient(135deg,#B8D4A6,#6E9C5A)}
.fg-cuerpo{padding:14px;display:flex;flex-direction:column;gap:7px}
.fg-cuerpo>b{font:700 17px var(--f-head)}
.fg-l small{font-size:12.5px;color:#5F6368}.fg-est{color:#F4B400;font-size:13px;margin-right:6px}.fg-verde{color:#1E8E3E}
.fg-bts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.fg-bts span{font-size:12px;font-weight:600;border:1px solid #DADCE0;border-radius:999px;padding:5px 10px;color:#1A73E8}
.fg-bts .fg-res{background:#1A73E8;color:#fff;border-color:#1A73E8}
[data-fgk]{transition:opacity .45s,filter .45s,transform .45s}
[data-fgk].fg-no{opacity:.12;filter:grayscale(1);transform:scale(.98)}
.fg-lista{background:var(--paper);border:1.5px solid var(--ink);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.fg-lab{font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fg-lista ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fg-lista label{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}
.fg-lista input{width:18px;height:18px;accent-color:var(--red);flex:none}
.fg-barra{height:8px;background:#E3DED4;border-radius:5px;overflow:hidden}
.fg-barra i{display:block;height:100%;width:0;background:var(--red);border-radius:5px;transition:width .5s cubic-bezier(.2,.8,.2,1),background .3s}
.fg-barra.full i{background:#2f8f5b}
.fg-txt{margin:0;font-size:13.5px;font-weight:600}
@media (max-width:640px){.pz-fg{grid-template-columns:1fr}}

/* ===================== GUÍA RESERVA DIRECTA: el mismo cliente, seis visitas ===================== */
.pz-dr{background:#16151B;color:#F4F2EE;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px}
.dr-tabs{display:flex;gap:6px;background:rgba(244,242,238,.08);border-radius:12px;padding:4px}
.dr-tabs button{flex:1;font:600 13px var(--f-body);border:0;border-radius:9px;padding:9px;background:transparent;color:var(--dktext);cursor:pointer}
.dr-tabs button.on{background:#F4F2EE;color:#16151B}
.dr-q{margin:0;font-size:14px;color:var(--dkmute)}
.dr-vis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.dr-vis li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:rgba(244,242,238,.06);border-radius:14px;padding:10px 4px}
.dr-n{font:600 10.5px var(--f-mono);color:var(--dkmute)}
.dr-via{font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 6px;background:#3A3843;color:#fff;transition:background .4s}
.dr-via.dir{background:#2f8f5b}
.dr-com{font:700 15px var(--f-head);color:var(--red3);transition:color .4s,transform .4s}
.dr-com.cero{color:#7BD39A}
.dr-com.salta{animation:drSalta .5s calc(var(--i) * .08s) cubic-bezier(.2,1.6,.4,1)}
@keyframes drSalta{40%{transform:translateY(-6px) scale(1.15)}}
.dr-tot{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;border-top:1px solid rgba(244,242,238,.16);padding-top:12px}
.dr-tot span{font-size:13.5px;color:var(--dktext)}.dr-tot b{font:700 28px var(--f-head);color:#fff}.dr-tot small{grid-column:1/-1;font-size:13px;color:var(--dkmute)}
.pz-dr .pz-nota{color:var(--dkmute)}
@media (max-width:560px){.dr-vis{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.dr-com.salta{animation:none}}

/* ===================== GUÍA NO-SHOW: la sala del sábado ===================== */
.pz-ns{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px}
.ns-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.ns-cab b{font:700 22px var(--f-head)}.ns-cab b span{color:var(--red)}.ns-cab>span{font-size:13.5px;color:var(--mute)}
.ns-sala{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:#F4F2EE;border-radius:18px;padding:16px;background-image:linear-gradient(rgba(22,21,27,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,21,27,.05) 1px,transparent 1px);background-size:24px 24px}
.ns-sala i{aspect-ratio:1;border-radius:50%;background:#2f8f5b;position:relative;box-shadow:0 0 0 4px rgba(47,143,91,.15);transition:background .45s,box-shadow .45s,transform .45s}
.ns-sala i.vacia{background:#fff;box-shadow:0 0 0 2px var(--red) inset;transform:scale(.9)}
.ns-sala i.vacia:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:var(--red);font:700 16px var(--f-head)}
.ns-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ns-tabs button{font:600 13px var(--f-body);border:1.5px solid var(--ink);border-radius:999px;padding:8px 14px;background:transparent;color:var(--ink);cursor:pointer}
.ns-tabs button.on{background:var(--ink);color:#fff}
@media (prefers-reduced-motion:reduce){.ns-sala i{transition:none}}
.dr-vis{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dr-vis li{padding:10px 2px;min-width:0}.dr-n{font-size:9.5px}.dr-via{font-size:10.5px;padding:3px 4px}
.dr-tot small b{font:inherit;font-weight:700;color:#fff}
@media (max-width:560px){.dr-vis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ns-sala{gap:8px;padding:14px}.ns-sala i{max-width:52px;justify-self:center;width:100%}
.zb-res li{height:66px}.zb-res li>span{min-width:0}
.zb-tuyo small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.zh-pin,.zh-onda{top:20%;left:72%}.zh-mapa{background:repeating-radial-gradient(circle at 72% 20%,transparent 0 22px,rgba(244,242,238,.07) 22px 23px),radial-gradient(circle at 72% 20%,rgba(229,72,42,.28),transparent 55%)}.zh-txt{padding-top:150px}}

/* ===================== PIEZAS NUEVAS · carta QR, guías y ciudades ===================== */
/* --- comunes --- */
.pz-cx,.pz-cxr,.pz-cxc,.pz-cxp,.pz-gk,.pz-gks,.pz-gkr,.pz-gkn,.pz-scf,.pz-scp,.pz-scd,.pz-nxc,.pz-nxr,.pz-nxg,.pz-nxe,.pz-nxm,.pz-zf{margin:10px 0 18px;border-radius:24px}
.cx-tabs,.gk-rt,.nx-gt,.nx-mt{display:inline-flex;flex-wrap:wrap;gap:4px;background:#E9E5DD;border-radius:999px;padding:4px}
.cx-tabs button,.gk-rt button,.nx-gt button,.nx-mt button{border:0;background:transparent;border-radius:999px;padding:9px 14px;font:600 13px/1 var(--f-body);color:var(--mute);cursor:pointer;transition:background .25s,color .25s}
.cx-tabs button.on,.gk-rt button.on,.nx-gt button.on,.nx-mt button.on{background:var(--ink);color:#fff}
.nx-lab,.cx-lab{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}

/* --- carta: PDF vs carta digital --- */
.pz-cx{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:18px}
.cx-esc{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center}
.cx-tel{width:220px;height:440px;border-radius:36px;background:#16151B;padding:10px;box-shadow:0 30px 60px -30px rgba(22,21,27,.6);justify-self:center}
.cx-pant{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff}
.cx-pdfv,.cx-webv{position:absolute;inset:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.cx-pdfv{background:#DAD6CE;overflow:hidden}
.cx-hoja{position:absolute;left:-40%;top:-10%;width:190%;background:#fff;padding:22px;box-shadow:0 4px 20px rgba(0,0,0,.15);transform:rotate(-2deg);filter:blur(.6px)}
.cx-hoja b{display:block;font:700 30px var(--f-head);letter-spacing:.3em;margin-bottom:12px}
.cx-hoja i{display:block;height:7px;background:#CFCAC2;border-radius:4px;margin:9px 0;width:calc(55% + var(--w,30%))}
.cx-hoja i:nth-child(3n){--w:40%}.cx-hoja i:nth-child(4n){--w:10%}
.cx-dedos{position:absolute;left:50%;top:55%;width:0;height:0}
.cx-dedos i{position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(229,72,42,.35);border:2px solid rgba(229,72,42,.7)}
.cx-zoom{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(22,21,27,.8);color:#fff;font:500 11px/1 var(--f-mono);padding:6px 10px;border-radius:999px}
.cx-webv{opacity:0;transform:translateY(24px);padding:14px 12px;display:flex;flex-direction:column;gap:10px;background:#FBF8F2}
.cx-cab{display:flex;justify-content:space-between;align-items:center}.cx-cab b{font:700 14px var(--f-head)}.cx-cab span{font:500 10px var(--f-mono);background:var(--ink);color:#fff;border-radius:999px;padding:4px 7px}
.cx-sec{display:flex;gap:6px;overflow:hidden}.cx-sec span{font:600 10.5px var(--f-body);border:1px solid var(--line);border-radius:999px;padding:5px 8px;white-space:nowrap}.cx-sec span.on{background:var(--red);border-color:var(--red);color:#fff}
.cx-webv ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cx-webv li{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 8px rgba(22,21,27,.06);opacity:0;transform:translateX(16px);transition:opacity .4s calc(var(--i)*.09s + .2s),transform .5s calc(var(--i)*.09s + .2s)}
.cx-foto{width:44px;height:44px;border-radius:9px;background:linear-gradient(135deg,#F2B544,#E5482A)}.cx-f1{background:linear-gradient(135deg,#8C3B2A,#C9774A)}.cx-f2{background:linear-gradient(135deg,#1d1d22,#4a4a55)}.cx-f3{background:linear-gradient(135deg,#F4E3C1,#D9A35A)}
.cx-webv li b{display:block;font:600 11.5px/1.2 var(--f-body)}.cx-webv li small{font-size:9.5px;color:#2f8f5b}.cx-webv li em{font:600 11px var(--f-mono);font-style:normal}
.pz-cx[data-modo=web] .cx-pdfv{opacity:0;transform:scale(1.1)}
.pz-cx[data-modo=web] .cx-webv{opacity:1;transform:none}
.pz-cx[data-modo=web] .cx-webv li{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){.pz-cx[data-modo=pdf] .cx-dedos i:first-child{animation:cxpinza 2.2s ease-in-out infinite}.pz-cx[data-modo=pdf] .cx-dedos i:last-child{animation:cxpinza2 2.2s ease-in-out infinite}.pz-cx[data-modo=pdf] .cx-hoja{animation:cxhoja 2.2s ease-in-out infinite}}
@keyframes cxpinza{0%,100%{transform:translate(-20px,-20px)}50%{transform:translate(-55px,-55px)}}
@keyframes cxpinza2{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,30px)}}
@keyframes cxhoja{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(-2deg) scale(1.15) translate(-6%,-4%)}}
.cx-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cx-lista li{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:12px 14px;border-radius:16px;background:#F7F5F1;transition:background .4s}
.cx-lista li>span{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.cx-x{background:#FBE1DA;color:var(--red)}.cx-ok{background:#DDF1E6;color:#2f8f5b;grid-column:1;grid-row:1/span 2;opacity:0;transform:scale(.3)}
.cx-lista b{font:600 15px var(--f-body)}.cx-lista small{color:var(--mute);font-size:13.5px}
.pz-cx[data-modo=web] .cx-lista li{background:#EEF8F2}
.pz-cx[data-modo=web] .cx-x{opacity:0;transform:scale(.3)}
.pz-cx[data-modo=web] .cx-ok{opacity:1;transform:none}
.pz-cx[data-modo=web] .cx-lista li:nth-child(2) span{transition-delay:.08s}.pz-cx[data-modo=web] .cx-lista li:nth-child(3) span{transition-delay:.16s}.pz-cx[data-modo=web] .cx-lista li:nth-child(4) span{transition-delay:.24s}.pz-cx[data-modo=web] .cx-lista li:nth-child(5) span{transition-delay:.32s}
@media (max-width:720px){.cx-esc{grid-template-columns:1fr}.cx-tel{width:200px;height:400px}}

/* --- carta: los tres caminos --- */
.pz-cxr{background:#16151B;color:#F4F2EE;padding:26px;display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto auto;gap:18px 26px;position:relative;overflow:hidden}
.pz-cxr::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 260px at 0% 30%,rgba(229,72,42,.22),transparent 70%);pointer-events:none}
.cx-qr{grid-row:1/3;align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
.cx-qrc{width:110px;height:110px;border-radius:14px;background:#fff;background-image:repeating-linear-gradient(90deg,#16151B 0 6px,transparent 6px 12px),repeating-linear-gradient(0deg,#16151B 0 6px,transparent 6px 14px);background-blend-mode:multiply;box-shadow:0 0 0 8px #fff,0 0 0 9px rgba(255,255,255,.2)}
.cx-qr span{font:500 12px var(--f-mono);color:var(--dkmute)}
.cx-rayo{position:absolute;left:-6px;right:-6px;top:0;height:3px;background:var(--red);box-shadow:0 0 14px 2px var(--red);border-radius:2px}
@media (prefers-reduced-motion:no-preference){.cx-rayo{animation:cxscan 2.4s ease-in-out infinite}}
@keyframes cxscan{0%,100%{top:0}50%{top:108px}}
.cx-ramas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;position:relative}
.cx-r{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.cx-r button{all:unset;cursor:pointer;display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s,transform .3s}
.cx-r button:hover,.cx-r button:focus-visible{border-color:rgba(229,72,42,.6)}
.cx-n{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font:600 12px var(--f-mono)}
.cx-r b{font:600 15px var(--f-body)}.cx-r small{color:var(--dkmute);font-size:13px}
.cx-res{opacity:.25;transform:translateX(-10px);transition:opacity .45s,transform .45s;border-left:2px dashed rgba(255,255,255,.25);padding-left:14px}
.cx-ch{display:inline-block;font:600 12.5px var(--f-mono);background:#fff;color:var(--ink);border-radius:10px;padding:7px 10px}
.cx-res small{display:block;color:var(--dkmute);font-size:12.5px;margin-top:6px}
.cx-r.on button{background:var(--red);border-color:var(--red);transform:translateX(6px)}.cx-r.on .cx-n{background:rgba(255,255,255,.25)}
.cx-r.on .cx-res{opacity:1;transform:none;border-left-color:var(--red)}
.cx-crm{grid-column:2;background:rgba(255,255,255,.06);border-radius:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.1)}
.cx-crm .cx-lab{color:var(--dkmute)}.cx-crm b{display:block;font:600 16px var(--f-body);transition:color .3s}.cx-crm small{color:var(--dkmute);font-size:12.5px}
.cx-crm.vivo b{color:#7BE0A8}
.pz-cxr .pz-nota{grid-column:1/-1;color:var(--dkmute)}
@media (max-width:720px){.pz-cxr{grid-template-columns:1fr;padding:20px}.cx-qr{grid-row:auto;flex-direction:row}.cx-qrc{width:64px;height:64px;box-shadow:0 0 0 5px #fff}@keyframes cxscan{0%,100%{top:0}50%{top:62px}}.cx-rayo{right:auto;width:76px}.cx-r{grid-template-columns:1fr}.cx-res{border-left:0;padding-left:0;display:none}.cx-r.on .cx-res{display:block}.cx-crm{grid-column:1}}

/* --- carta: carteles --- */
.pz-cxc{background:linear-gradient(#EFE9DE,#E6DFD2);padding:26px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.cx-mesa{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;perspective:900px}
.cx-cartel{background:#16151B;color:#fff;border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;box-shadow:0 26px 40px -20px rgba(22,21,27,.6);transform:rotate(-3deg)}
.cx-cartel small{font:500 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dkmute)}
.cx-cartel b{font:700 17px/1.15 var(--f-head)}.cx-cartel span{color:var(--red);font:700 15px var(--f-head)}
.cx-cqr,.cx-mqr{display:block;background:#fff;border-radius:8px;background-image:repeating-linear-gradient(90deg,#16151B 0 5px,transparent 5px 10px),repeating-linear-gradient(0deg,#16151B 0 5px,transparent 5px 11px);background-blend-mode:multiply;box-shadow:0 0 0 5px #fff}
.cx-cqr{width:88px;height:88px;margin:10px 0 6px}
.cx-cartel em{font-style:normal;font-size:11.5px;background:var(--red);border-radius:999px;padding:5px 10px}
.cx-tents{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx-t{position:relative;background:#fff;border-radius:10px 10px 4px 4px;padding:12px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 14px 20px -12px rgba(22,21,27,.4);transform:rotateX(14deg) translateY(10px);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.3,1.2) calc(var(--i)*.08s),opacity .5s calc(var(--i)*.08s)}
.pz-cxc.on .cx-t{transform:rotateX(14deg);opacity:1}
.cx-t>span{font:600 12px var(--f-head)}
.cx-mqr{width:58px;height:58px;box-shadow:0 0 0 4px #fff}
.cx-sello{position:absolute;inset:auto 6px 6px 6px;font-style:normal;text-align:center;font:600 10px/1 var(--f-mono);color:#2f8f5b;background:#DDF1E6;border-radius:999px;padding:5px 4px;opacity:0;transform:scale(1.6) rotate(-8deg);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.cx-t.ok .cx-sello{opacity:1;transform:rotate(-4deg)}
.cx-t.mira{outline:3px solid var(--red);outline-offset:2px}
.cx-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cx-pdfb{font-size:14px;color:var(--mute)}.cx-pdfb b{font:600 11px var(--f-mono);background:var(--red);color:#fff;border-radius:6px;padding:4px 6px;margin-right:6px}
@media (max-width:720px){.cx-mesa{grid-template-columns:1fr}.cx-cartel{max-width:220px;margin:0 auto}.cx-tents{grid-template-columns:repeat(3,1fr);gap:10px}.cx-mqr{width:44px;height:44px}}

/* --- carta: precio --- */
.pz-cxp{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:center}
.cx-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cx-pi{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1.5px solid var(--line);cursor:pointer;transition:border-color .25s,background .25s}
.cx-pi input{position:absolute;opacity:0;pointer-events:none}
.cx-cb{width:24px;height:24px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;transition:background .25s,border-color .25s}
.cx-pi.on{border-color:var(--ink);background:#F7F5F1}.cx-pi.on .cx-cb{background:var(--ink);border-color:var(--ink)}.cx-pi.on .cx-cb::after{content:'✓';color:#fff;font-size:13px;font-weight:700}
.cx-pi:focus-within{outline:2px solid var(--red);outline-offset:2px}
.cx-pt b{display:block;font:600 15px var(--f-body)}.cx-pt small{color:var(--mute);font-size:13px}.cx-pt em{display:block;font-style:normal;font-size:12px;color:var(--violet);margin-top:3px}
.cx-pi strong{font:600 16px var(--f-head)}
.cx-tot{background:var(--ink);color:#fff;border-radius:20px;padding:22px;text-align:center}
.cx-tot span{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dkmute)}
.cx-tot b{display:block;font:700 40px/1.1 var(--f-head);margin:8px 0 4px;transition:transform .3s}.cx-tot b.pop{transform:scale(1.08)}
.cx-tot small{color:var(--dkmute)}
.pz-cxp .pz-nota{grid-column:1/-1;margin:0}
@media (max-width:720px){.pz-cxp{grid-template-columns:1fr}}

/* --- Maps: cómo decide Google --- */
.pz-gk{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1.1fr 1fr;gap:22px}
.gk-mapa{position:relative;border-radius:18px;min-height:300px;overflow:hidden;background:#E8EDE4;background-image:linear-gradient(115deg,transparent 46%,#fff 46% 49%,transparent 49%),linear-gradient(25deg,transparent 60%,#fff 60% 62%,transparent 62%),linear-gradient(90deg,transparent 30%,#fff 30% 31.5%,transparent 31.5%),radial-gradient(circle at 80% 85%,#C9DDEB 0 18%,transparent 18%)}
.gk-yo{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#2b6fe0;box-shadow:0 0 0 4px #fff}
.gk-onda{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px;border-radius:50%;border:2px dashed rgba(43,111,224,.35)}
.gk-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.gk-pin i{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9C98A3;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background .4s}
.gk-pin b{font:600 10.5px var(--f-body);background:#fff;border-radius:6px;padding:2px 6px;margin-top:4px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.gk-pin.top i{background:var(--red)}
.gk-pin.top{transform:translate(-50%,-100%) scale(1.15)}
.gk-tuyo b{background:var(--ink);color:#fff}
.gk-tuyo.top i{background:#2f8f5b}
.gk-pan{display:flex;flex-direction:column;gap:14px}
.gk-f{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:#F7F5F1}
.gk-f b{display:block;font:600 15px var(--f-body)}.gk-f small{color:var(--mute);font-size:13px}
.gk-f input{width:100%;accent-color:var(--red)}
.gk-fijo{flex-direction:row;justify-content:space-between;align-items:center;opacity:.75}
.gk-cand{font-size:20px}
.gk-top{list-style:none;margin:0;padding:12px 14px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:6px;counter-reset:t}
.gk-top::before{content:'Los 3 que enseña Google';font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dkmute)}
.gk-top li{counter-increment:t;font:600 14px var(--f-body);display:flex;gap:10px;align-items:center;transition:color .3s}
.gk-top li::before{content:counter(t);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font:600 11px var(--f-mono)}
.gk-top li.yo{color:#7BE0A8}
.pz-gk .pz-nota{grid-column:1/-1;margin:0}
@media (max-width:720px){.pz-gk{grid-template-columns:1fr}.gk-mapa{min-height:240px}}

/* --- Maps: semana --- */
.pz-gks{background:#16151B;color:#F4F2EE;padding:24px;display:flex;flex-direction:column;gap:14px}
.gk-cab{display:flex;justify-content:space-between;align-items:baseline}.gk-cab b{font:600 20px var(--f-head)}.gk-cab span{font:500 13px var(--f-mono);color:var(--dkmute)}.gk-cab i{font-style:normal;color:#7BE0A8}
.gk-barra{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.gk-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#F2B544);border-radius:99px;transition:width .5s}
.gk-dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.gk-dias li{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;min-height:150px}
.gk-dias li:hover{transform:translateY(-3px);border-color:rgba(229,72,42,.6)}
.gk-d{font:600 12px var(--f-mono);color:var(--red)}
.gk-c b{display:block;font:600 13.5px/1.25 var(--f-body)}.gk-c small{display:block;font-size:12px;color:var(--dkmute);margin-top:4px}
.gk-ok{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#2f8f5b;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.gk-dias li.ok{background:rgba(47,143,91,.16);border-color:rgba(47,143,91,.6)}.gk-dias li.ok .gk-ok{transform:scale(1)}
.pz-gks .pz-nota{color:var(--dkmute)}
@media (max-width:860px){.gk-dias{grid-template-columns:repeat(2,1fr)}.gk-dias li{min-height:0}.gk-dias li:last-child{grid-column:span 2}}

/* --- Maps: reseñas --- */
.pz-gkr{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:16px}
.gk-hilo{display:flex;flex-direction:column;gap:12px}
.gk-rv,.gk-rp{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px;border-radius:16px}
.gk-rv{background:#F7F5F1}.gk-rp{background:#EEF3FD;margin-left:40px}
.gk-av{width:40px;height:40px;border-radius:50%;background:#C77D52;color:#fff;display:grid;place-items:center;font:600 16px var(--f-head)}.gk-yo2{background:var(--ink)}
.gk-rv b,.gk-rp b{font:600 14px var(--f-body)}.gk-est{display:block;color:#E8A317;letter-spacing:2px;font-size:14px}
.gk-rv p,.gk-rp p{margin:4px 0 0;font-size:15px}
.gk-cur{display:inline-block;width:2px;height:1em;background:var(--ink);vertical-align:-2px;margin-left:2px}
@media (prefers-reduced-motion:no-preference){.gk-cur{animation:gkcur 1s steps(1) infinite}}@keyframes gkcur{50%{opacity:0}}
.gk-reglas{display:flex;flex-wrap:wrap;gap:8px}.gk-reglas span{font:600 13px var(--f-body);background:#DDF1E6;color:#1f6a43;border-radius:999px;padding:7px 12px}.gk-reglas .gk-nunca{background:#FBE1DA;color:#b2321a}
@media (max-width:560px){.gk-rp{margin-left:14px}}

/* --- Maps: datos iguales --- */
.pz-gkn{background:#F7F5F1;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:16px}
.gk-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gk-col{background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 24px -18px rgba(22,21,27,.4)}
.gk-ct{display:inline-block;font:600 12px var(--f-body);border-radius:999px;padding:5px 10px;margin-bottom:10px;color:#fff}
.gk-col.g .gk-ct{background:#2b6fe0}.gk-col.w .gk-ct{background:var(--ink)}.gk-col.i .gk-ct{background:linear-gradient(90deg,#C13584,#F56040)}
.gk-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gk-col li{padding:7px 9px;border-radius:10px;transition:background .35s}
.gk-col li small{display:block;font:500 10.5px var(--f-mono);text-transform:uppercase;color:var(--mute)}.gk-col li b{font:600 13.5px var(--f-body)}
.pz-gkn.mira li{background:#EEF8F2}.pz-gkn.mira li[data-mal]{background:#FBE1DA;animation:gkmal .5s 2}
@keyframes gkmal{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.pz-gkn.bien li{background:#EEF8F2}
.gk-np{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.gk-np>span{font:600 15px var(--f-body)}
@media (max-width:720px){.gk-cols{grid-template-columns:1fr}}

/* --- Maps: errores --- */
.pz-gke{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gk-fl{all:unset;cursor:pointer;display:grid;width:100%;min-height:150px;perspective:900px}
.gk-cara{grid-area:1/1;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.gk-mal{background:#16151B;color:#fff}.gk-bien{background:#EEF8F2;color:var(--ink);transform:rotateY(180deg);border:1px solid #BFE3CD}
.gk-cara i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.gk-mal i{background:var(--red)}.gk-bien i{background:#2f8f5b;color:#fff}
.gk-cara b{font:600 15px/1.3 var(--f-body)}.gk-mal small{margin-top:auto;color:var(--dkmute);font-size:12px}
.gk-fl.on .gk-mal{transform:rotateY(-180deg)}.gk-fl.on .gk-bien{transform:none}
.gk-fl:focus-visible .gk-cara{outline:2px solid var(--red);outline-offset:2px}
@media (max-width:860px){.pz-gke{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.pz-gke{grid-template-columns:1fr}.gk-fl{min-height:120px}}

/* --- Reserva directa: factura --- */
.pz-scf{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center}
.sc-fac{position:relative;background:#FBF8F2;border-radius:6px;padding:20px 18px 26px;box-shadow:0 20px 40px -24px rgba(22,21,27,.5);transform:rotate(-2.5deg);font-family:var(--f-mono)}
.sc-fac::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:10px;background:radial-gradient(circle at 6px 0,transparent 6px,#FBF8F2 6.5px) 0 0/12px 10px}
.sc-logo{display:inline-block;font:700 11px var(--f-mono);letter-spacing:.1em;background:var(--ink);color:#fff;padding:4px 7px;border-radius:5px}
.sc-fac b{display:block;font:600 14px var(--f-body);margin:10px 0}
.sc-fac ul{list-style:none;margin:0;padding:0;font-size:12px}.sc-fac li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #D5CFC4}.sc-fac em{font-style:normal}
.sc-fac .sc-t{font-weight:700;border-bottom:0;font-size:14px}
.sc-rasgo{position:absolute;right:14px;bottom:30px;width:70px;height:70px;border:3px solid var(--red);border-radius:50%;opacity:.8;transform:rotate(-14deg)}
.sc-rasgo::before{content:'PAGADO';position:absolute;inset:0;display:grid;place-items:center;font:700 11px var(--f-mono);color:var(--red)}
.sc-cal{display:flex;flex-direction:column;gap:12px}
.sc-cal label{display:grid;grid-template-columns:1fr 70px;grid-template-rows:auto auto;gap:4px 12px;align-items:center}
.sc-cal label span{font:600 14px var(--f-body)}.sc-cal input{grid-column:1;accent-color:var(--red)}
.sc-cal output{grid-column:2;grid-row:1/3;text-align:right;font:600 16px var(--f-head)}
.sc-res{background:var(--ink);color:#fff;border-radius:16px;padding:16px 18px}.sc-res span{font-size:13px;color:var(--dkmute)}
.sc-res b{display:block;font:700 34px/1.1 var(--f-head);color:#FF9A84;margin:4px 0}.sc-res small{color:var(--dkmute);font-size:13px}
.pz-scf .pz-nota{grid-column:1/-1;margin:0}
@media (max-width:720px){.pz-scf{grid-template-columns:1fr}.sc-fac{max-width:240px;margin:0 auto}}

/* --- Reserva directa: el puente --- */
.pz-scp{background:linear-gradient(180deg,#DCEEF7 0%,#BFDCEB 55%,#8FC0D9 100%);padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.sc-esc{display:grid;grid-template-columns:120px 1fr 120px;align-items:end;height:150px}
.sc-isla{height:96px;border-radius:50% 50% 14px 14px/60% 60% 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;box-shadow:0 14px 20px -14px rgba(0,0,0,.4)}
.sc-isla b{font:600 14px var(--f-head)}.sc-isla small{font-size:11.5px}
.sc-pla{background:#9C98A3;color:#fff}.sc-tu{background:var(--red);color:#fff}
.sc-puente{position:relative;height:96px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-items:start;padding:30px 4px 0}
.sc-puente i{height:14px;border-radius:4px;background:#8B5A3C;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);transform:translateY(-60px) rotate(-12deg);opacity:0;transition:transform .55s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.sc-puente i.on{transform:none;opacity:1}
.sc-cli{position:absolute;top:2px;left:-40px;font-size:24px;transition:left .8s cubic-bezier(.4,0,.2,1)}
.sc-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sc-pasos li{background:rgba(255,255,255,.65);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;opacity:.55;transition:opacity .4s,background .4s,transform .4s}
.sc-pasos li.on{opacity:1;background:#fff;transform:translateY(-3px)}
.sc-n{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 11px var(--f-mono)}
.sc-pasos b{font:600 13.5px/1.25 var(--f-body)}.sc-pasos small{font-size:12px;color:var(--mute)}
.sc-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sc-pie>span{font:600 15px var(--f-body)}
@media (max-width:860px){.sc-pasos{grid-template-columns:1fr}.sc-esc{grid-template-columns:84px 1fr 84px;height:120px}.sc-isla{height:76px}.sc-isla small{display:none}}

/* --- Reserva directa: DMA --- */
.pz-scd{background:#16151B;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sc-doc{position:relative;width:100%;max-width:620px;background:#FBF8F2;border-radius:8px;padding:22px 24px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.sc-dt{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.sc-cl{position:relative;font:15px/1.5 Georgia,serif;margin:10px 0 0}
.sc-cl::after{content:'';position:absolute;left:0;top:52%;height:3px;width:0;background:var(--red);transition:width .7s .5s}
.sc-sello{position:absolute;right:20px;top:14px;width:118px;height:118px;border-radius:50%;border:4px double #2b4fbf;color:#2b4fbf;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:scale(2.4) rotate(-30deg);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.4,1),opacity .2s;background:rgba(251,248,242,.85)}
.sc-sello b{font:700 22px var(--f-head)}.sc-sello small{font:600 9px/1.2 var(--f-mono);text-transform:uppercase;padding:0 10px}.sc-sello em{font-style:normal;font:700 12px var(--f-mono)}
.sc-ok{margin:14px 0 0;font:600 14.5px var(--f-body);color:#1f6a43;opacity:0;transform:translateY(6px);transition:opacity .4s 1s,transform .4s 1s}
.pz-scd.on .sc-sello{opacity:1;transform:rotate(-12deg)}.pz-scd.on .sc-cl::after{width:100%}.pz-scd.on .sc-ok{opacity:1;transform:none}
.pz-scd .pz-nota{color:var(--dkmute)}
@media (max-width:560px){.sc-sello{width:86px;height:86px;right:10px;top:-24px}.sc-sello b{font-size:16px}}

/* --- Reserva directa: lo que no --- */
.pz-scn{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pz-scn li{position:relative;min-height:180px;border-radius:20px;overflow:hidden;background:#F7F5F1;border:1px solid var(--line)}
.sc-no,.sc-si{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sc-x{width:30px;height:30px;border-radius:50%;background:#FBE1DA;color:var(--red);display:grid;place-items:center;font-weight:700}
.sc-no b{font:600 16px/1.3 var(--f-body)}.sc-no small{color:var(--mute);font-size:13.5px}
.sc-si{background:var(--ink);color:#fff;transform:translateY(100%)}
.sc-si span{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:#7BE0A8}.sc-si p{margin:0;font:600 16px/1.35 var(--f-body)}
.pz-scn li:hover .sc-si,.pz-scn li:focus-within .sc-si,.pz-scn.auto li.on .sc-si{transform:none}
@media (max-width:720px){.pz-scn{grid-template-columns:1fr}.pz-scn li{min-height:0;display:grid}.sc-no,.sc-si{position:static;transform:none}.sc-si{border-radius:0}}

/* --- No-show: causas --- */
.pz-nxc{background:#16151B;color:#fff;padding:24px;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
.nx-mesa{position:relative;height:200px;border-radius:50%;background:radial-gradient(circle,#2a2830 0 55%,transparent 56%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.nx-sil{width:70px;height:70px;border-radius:50%;border:2px dashed rgba(255,255,255,.35)}
@media (prefers-reduced-motion:no-preference){.nx-sil{animation:nxsil 3s ease-in-out infinite}}@keyframes nxsil{50%{opacity:.25;transform:scale(.92)}}
.nx-reloj{font:600 20px var(--f-mono);color:#FF9A84}.nx-mesa small{color:var(--dkmute);font-size:12px}
.nx-burbujas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nx-burbujas button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:86px;display:grid;padding:14px 16px;border-radius:18px 18px 18px 4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:background .35s,border-color .35s}
.nx-q,.nx-a{grid-area:1/1;align-self:center;transition:opacity .35s,transform .35s}
.nx-q{font:600 15px var(--f-body)}.nx-a{font:600 15px var(--f-body);color:#7BE0A8;opacity:0;transform:translateY(8px)}
.nx-a::before{content:'Arreglo · ';display:block;font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dkmute)}
.nx-burbujas button.on{background:rgba(47,143,91,.18);border-color:rgba(123,224,168,.5)}
.nx-burbujas button.on .nx-q{opacity:0;transform:translateY(-8px)}.nx-burbujas button.on .nx-a{opacity:1;transform:none}
.nx-burbujas button:focus-visible{outline:2px solid var(--red)}
.pz-nxc .pz-nota{grid-column:1/-1;color:var(--dkmute);margin:0}
@media (max-width:720px){.pz-nxc{grid-template-columns:1fr}.nx-mesa{height:150px;width:150px;margin:0 auto}.nx-burbujas{grid-template-columns:1fr}}

/* --- No-show: recordatorio --- */
.pz-nxr{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:center}
.nx-tel{border-radius:32px;background:#16151B;padding:10px}
.nx-chat{border-radius:24px;min-height:330px;background:#E7DED3;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:14px 14px;padding:16px 12px;display:flex;flex-direction:column;gap:10px}
.nx-hoy{align-self:center;font:500 10.5px var(--f-mono);background:rgba(255,255,255,.7);border-radius:8px;padding:4px 8px}
.nx-msg{background:#fff;border-radius:4px 16px 16px 16px;padding:10px 12px;max-width:92%;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.nx-msg b{font:600 12.5px var(--f-body);color:#1f6a43}.nx-msg p{margin:4px 0 8px;font-size:14px}
.nx-bts{display:flex;flex-direction:column;gap:6px}
.nx-bts button{border:0;border-top:1px solid #eee;background:none;color:#2b6fe0;font:600 14px var(--f-body);padding:8px;cursor:pointer;border-radius:8px}
.nx-bts button:hover{background:#F1F5FE}.nx-bts button[disabled]{color:#B9B6C2;cursor:default;background:none}
.nx-resp{align-self:flex-end;background:#D9FDD3;border-radius:16px 4px 16px 16px;padding:9px 12px;font-size:14px;max-width:85%;animation:nxin .35s ease}
@keyframes nxin{from{opacity:0;transform:translateY(8px)}}
.nx-sala2{display:flex;flex-direction:column;gap:12px}
.nx-m4{width:170px;height:170px;border-radius:50%;background:#F7F5F1;border:3px solid #D9D5CD;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .5s,border-color .5s}
.nx-m4 b{font:700 20px var(--f-head)}.nx-m4 small{font-size:12.5px;color:var(--mute);padding:0 14px}
.nx-m4.si{background:#EEF8F2;border-color:#2f8f5b}.nx-m4.no{background:#FFF4D6;border-color:#E8A317}
.nx-sala2 p{margin:0;font:600 15px/1.4 var(--f-body);max-width:380px}
.pz-nxr .pz-nota{grid-column:1/-1;margin:0}
@media (max-width:720px){.pz-nxr{grid-template-columns:1fr}.nx-sala2{align-items:center;text-align:center}}

/* --- No-show: garantía --- */
.pz-nxg{background:#F7F5F1;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:16px}
.nx-semana{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nx-semana li{background:#fff;border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1.5px solid var(--line);transition:border-color .3s,background .3s}
.nx-semana span{font:600 14px var(--f-head)}
.nx-semana i{font-style:normal;font-size:20px;opacity:.15;filter:grayscale(1);transform:scale(.7);transition:opacity .35s,filter .35s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.nx-semana li.pide{border-color:var(--ink);background:#fff}.nx-semana li.pide i{opacity:1;filter:none;transform:none}
.nx-pol{background:#fff;border-radius:16px;padding:16px 18px;border-left:4px solid var(--red)}.nx-pol p{margin:0;font-size:15px;transition:opacity .25s}
@media (max-width:560px){.nx-semana{gap:4px}.nx-semana li{padding:10px 2px}}

/* --- No-show: lista de espera --- */
.pz-nxe{background:#16151B;color:#fff;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-items:start}
.nx-cola .nx-lab,.nx-flujo,.pz-nxe .pz-nota{color:var(--dkmute)}
.nx-cola ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nx-cola li{display:grid;grid-template-columns:36px 1fr auto;column-gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .5s,background .4s}
.nx-av{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#4A3AA8;display:grid;place-items:center;font:600 14px var(--f-head)}
.nx-cola b{font:600 14.5px var(--f-body)}.nx-cola small{color:var(--dkmute);font-size:12.5px}
.nx-cola em{grid-row:1/3;grid-column:3;font-style:normal;font:600 11px var(--f-mono);color:#7BE0A8}
.nx-cola li.av{background:rgba(229,72,42,.18);border-color:rgba(229,72,42,.6)}
.nx-cola li.sale{transform:translateX(120%);opacity:0}
.nx-flujo{display:flex;flex-direction:column;gap:8px}
.nx-paso{font:600 14.5px var(--f-body);padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);opacity:.35;transition:opacity .4s,background .4s,color .4s}
.nx-paso.on{opacity:1;background:rgba(47,143,91,.2);color:#fff}
.pz-nxe .rw-play{background:var(--red);justify-self:start}.pz-nxe .pz-nota{grid-column:1/-1;margin:0}
@media (max-width:720px){.pz-nxe{grid-template-columns:1fr}}

/* --- No-show: mide --- */
.pz-nxm{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:14px}
.nx-mapa{display:grid;grid-template-columns:44px repeat(6,1fr);gap:5px;align-items:center}
.nx-hl{font:500 11px var(--f-mono);color:var(--mute);text-align:center}.nx-dl{font:600 12px var(--f-body)}
.nx-mapa i{aspect-ratio:2/1;border-radius:7px;background:#F0EDE7;transition:background .45s}
.nx-mapa i[data-v="1"]{background:#F8D3C9}.nx-mapa i[data-v="2"]{background:#F09A84}.nx-mapa i[data-v="3"]{background:#E5482A}.nx-mapa i[data-v="4"]{background:#9E2B15}
.nx-con{margin:0;font:600 15px var(--f-body)}

/* --- Ciudades: lo que falta --- */
.pz-zf{background:#16151B;color:#fff;padding:24px;display:flex;flex-direction:column;gap:14px}
.zf-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.zf-cab span{font:500 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dkmute)}.zf-cab b{font:600 18px var(--f-head)}.zf-cab i{font-style:normal;color:#7BE0A8}
.pz-zf ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-zf li button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:40px 1fr 92px;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .4s,border-color .4s}
.pz-zf li button:focus-visible{outline:2px solid var(--red)}
.zf-num{font:600 13px var(--f-mono);color:var(--red);transition:color .4s}
.zf-t{font:500 15px/1.4 var(--f-body)}
.zf-est{display:grid;justify-items:end}.zf-est i{grid-area:1/1;font-style:normal;font:600 11.5px var(--f-mono);border-radius:999px;padding:5px 9px;transition:opacity .35s,transform .35s}
.zf-no{background:rgba(229,72,42,.18);color:#FF9A84}.zf-si{background:rgba(47,143,91,.25);color:#7BE0A8;opacity:0;transform:scale(.6)}
.pz-zf li button.on{background:rgba(47,143,91,.14);border-color:rgba(123,224,168,.4)}.pz-zf li button.on .zf-num{color:#7BE0A8}
.pz-zf li button.on .zf-no{opacity:0;transform:scale(.6)}.pz-zf li button.on .zf-si{opacity:1;transform:none}
.zf-pie{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.zf-barra{flex:1;min-width:160px;height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.zf-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#7BE0A8);transition:width .5s}
.pz-zf .rw-play{background:var(--red)}
@media (max-width:560px){.pz-zf li button{grid-template-columns:28px 1fr;}.zf-est{grid-column:2;justify-items:start}}
/* ajustes piezas nuevas */
.cx-webv li{grid-template-columns:40px 1fr auto}.cx-foto{width:40px;height:40px}.cx-webv li b{font-size:10.5px}.cx-webv li em{white-space:nowrap;font-size:10.5px}
.pz-scn .sc-si p{color:#fff}.pz-scn .sc-no b{color:var(--ink)}.pz-scn .sc-no small{color:var(--mute)}
.sc-fac li{gap:10px}.sc-fac li span{min-width:0}
.sc-doc{padding-right:160px}.pz-scd .rw-play{background:var(--red)}
.pz-gks .gk-c small,.pz-zf .zf-t{color:inherit}.pz-gks .gk-c small{color:var(--dkmute)}
.nx-mapa i{aspect-ratio:3/1}
@media (max-width:560px){.sc-doc{padding:20px 18px 70px}.sc-sello{top:auto;bottom:-26px;right:14px}}
.sc-rasgo{bottom:-4px;right:-12px}
.sc-cl::after{display:none}.sc-cl{text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .6s .5s}.pz-scd.on .sc-cl{text-decoration-color:var(--red)}