/* ================================================================
   OUTLET PREMIUM · capa visual propia (sobre app.css + op.css)
   ================================================================ */
/* ---------- logo animado (gate) ---------- */
.gate__logo{width:min(560px,86vw);filter:drop-shadow(0 18px 50px rgba(232,8,7,.28))}
.gate__logo .wm-l{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:letraIn .75s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(.12s + var(--i) * 55ms)}
@keyframes letraIn{0%{opacity:0;transform:translateY(60%) scaleY(1.5) skewX(-14deg);filter:blur(6px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}}
.gate__logo .wm-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:barIn .6s cubic-bezier(.7,0,.2,1) 1.05s forwards}
@keyframes barIn{to{transform:scaleX(1)}}
.gate__logo .wm-reb{opacity:0;animation:fade .5s ease 1.45s forwards}
.gate__cinta{width:min(560px,86vw);margin:-4px auto 18px;display:block;overflow:visible}
.gate__cinta .c-linea{stroke:#E80807;stroke-width:2;stroke-dasharray:600;stroke-dashoffset:600;animation:trazo 1.4s cubic-bezier(.6,0,.2,1) 1.2s forwards}
.gate__cinta .c-marca{stroke:#5A5A5A;stroke-width:1.4;opacity:0;animation:fade .4s ease forwards;animation-delay:calc(1.4s + var(--i) * 18ms)}
.gate__cinta text{fill:#777;font:600 9px var(--sans);opacity:0;animation:fade .4s ease forwards;animation-delay:calc(1.5s + var(--i) * 18ms)}
@keyframes trazo{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
.gate__bg i{background:linear-gradient(90deg,transparent,#E80807 40%,#E80807 60%,transparent)}

/* wipe en negro con el emblema rojo */
.wipe{background:var(--negro)}
.wipe__emb{width:140px;height:140px;background:none;padding:0;border-radius:0}
.wipe__emb svg{filter:drop-shadow(0 18px 40px rgba(232,8,7,.45))}
.marca__emb{background:none;padding:0;border-radius:0;box-shadow:none}
.marca__emb svg{border-radius:8px}

/* ---------- foto como miniatura ---------- */
.th--foto{border-radius:8px;overflow:hidden;background:var(--fondo-2)}
.th--foto img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- HERO del hub ---------- */
.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;background:var(--negro);color:#fff;border-radius:22px;overflow:hidden;margin-bottom:22px;min-height:400px;box-shadow:var(--sombra-3)}
.hero__txt{position:relative;z-index:2;padding:36px 36px 30px;display:flex;flex-direction:column;gap:14px}
.hero__eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:#E80807;display:flex;align-items:center;gap:10px}
.hero__eyebrow::before{content:"";width:28px;height:2px;background:#E80807}
.hero h2{margin:0;font-family:var(--disp);font-weight:800;font-size:clamp(38px,4.4vw,64px);line-height:.92;text-transform:uppercase;letter-spacing:.5px}
.hero h2 em{font-style:normal;color:#E80807;display:inline-block;animation:latido 2.6s ease-in-out infinite}
@keyframes latido{0%,100%{transform:none}8%{transform:scale(1.06)}16%{transform:none}}
.hero p{margin:0;color:#B9B9B9;font-size:13.5px;line-height:1.6;max-width:520px}
.hero__nums{display:flex;gap:26px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid #262626}
.hero__nums div{font-size:11px;color:#8F8F8F;text-transform:uppercase;letter-spacing:.8px}
.hero__nums b{display:block;font-family:var(--disp);font-size:34px;color:#fff;letter-spacing:.5px;line-height:1}
.hero__media{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
.film{position:absolute;inset:-10px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 14px}
.film__col{display:flex;flex-direction:column;gap:10px;animation:filmUp 38s linear infinite}
.film__col:nth-child(2){animation-direction:reverse;animation-duration:44s}
.film__col:nth-child(3){animation-duration:52s}
.film__col img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;display:block}
@keyframes filmUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.hero__tag{position:absolute;z-index:3;right:22px;bottom:18px;width:200px;pointer-events:none}
.hero__tag svg{width:100%;height:auto;overflow:visible}
.ptag{transform-box:view-box;transform-origin:100px 6px;animation:columpio 3.6s ease-in-out infinite}
@keyframes columpio{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.ptag .tachar{stroke:#E80807;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:130;stroke-dashoffset:130;animation:trazo .7s ease 1.2s forwards}
.ptag .nuevo{opacity:0;animation:fade .5s ease 1.8s forwards}

/* ---------- reels ---------- */
.reels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.reel{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:9/16;background:#111;display:block;opacity:0;animation:modIn .6s cubic-bezier(.2,.8,.2,1) forwards}
.reel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.reel:hover img{transform:scale(1.07)}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.85))}
.reel__t{position:absolute;z-index:2;left:9px;right:9px;bottom:8px;color:#fff;font-size:10.5px;line-height:1.25}
.reel__t b{display:block;font-family:var(--disp);font-size:14px;text-transform:uppercase;letter-spacing:.3px}
.reel__play{position:absolute;z-index:2;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);display:grid;place-items:center}
.reel__play svg{width:11px;height:11px;fill:#fff}
.reel__play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #fff;animation:pulso 2s ease-out infinite}
@keyframes pulso{from{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}
.reel__off{position:absolute;z-index:2;top:8px;left:8px;background:#E80807;color:#fff;font:800 11px var(--disp);letter-spacing:1px;padding:2px 7px;border-radius:4px}

/* ---------- tienda online (celular) ---------- */
.tienda{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}
.cel{background:#0B0B0B;border-radius:38px;padding:11px;box-shadow:var(--sombra-3),inset 0 0 0 2px #2a2a2a;position:sticky;top:78px}
.cel__pantalla{background:#fff;border-radius:29px;height:640px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.cel__notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:96px;height:24px;background:#0B0B0B;border-radius:14px;z-index:5}
.cel__barra{padding:40px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--linea)}
.cel__barra svg{height:18px;width:auto}
.cel__barra svg .wm-l{fill:#0B0B0B}
.cel__carro{position:relative;width:26px;height:26px;color:#0B0B0B}
.cel__carro svg{width:24px;height:24px}
.cel__carro b{position:absolute;top:-6px;right:-7px;background:#E80807;color:#fff;font-size:9.5px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.cel__carro b.on{transform:scale(1)}
.cel__carro.salta{animation:salta .5s}
@keyframes salta{30%{transform:translateY(-6px) rotate(-8deg)}60%{transform:translateY(0) rotate(4deg)}}
.cel__cinta{background:#E80807;color:#fff;font:700 10.5px var(--sans);letter-spacing:2px;white-space:nowrap;overflow:hidden;padding:5px 0}
.cel__cinta span{display:inline-block;animation:marquee 16s linear infinite;padding-left:100%}
@keyframes marquee{to{transform:translateX(-100%)}}
.cel__scroll{flex:1;overflow-y:auto;scrollbar-width:none}
.cel__scroll::-webkit-scrollbar{display:none}
.cel__hero{position:relative;height:230px;overflow:hidden}
.cel__hero img{width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-2%,-3%)}}
.cel__hero div{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.cel__hero b{font-family:var(--disp);font-size:26px;text-transform:uppercase;line-height:1;display:block}
.cel__hero span{font-size:11px;opacity:.85}
.cel__cats{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.cel__cats button{flex:0 0 auto;font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--linea);background:#fff}
.cel__cats button.on{background:#0B0B0B;color:#fff;border-color:#0B0B0B}
.cel__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 12px 16px}
.cp{cursor:pointer;animation:cardIn .4s ease both;min-width:0}
.cp__img{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--fondo-2)}
.cp__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.cp:hover .cp__img img{transform:scale(1.06)}
.cp__off{position:absolute;top:6px;left:6px;background:#E80807;color:#fff;font:800 11px var(--disp);padding:1px 6px;border-radius:4px;letter-spacing:.5px}
.cp b{display:block;font-size:11px;line-height:1.25;margin-top:6px}
.cp s{font-size:10px;color:var(--tinta-25)}
.cp strong{display:block;font-size:13px;color:#E80807}
.ficha-p{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}
.ficha-p>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}
.talles{display:flex;gap:6px;flex-wrap:wrap}
.talles button{min-width:44px;padding:7px 6px;border-radius:9px;border:1.5px solid var(--linea-fuerte);font-weight:700;font-size:12.5px;background:#fff;transition:all .15s}
.talles button:hover{border-color:#0B0B0B}
.talles button.on{background:#0B0B0B;color:#fff;border-color:#0B0B0B}
.talles button:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.talles button small{display:block;font-size:9px;font-weight:600;opacity:.7}
.precio-g{display:flex;align-items:baseline;gap:10px;margin:8px 0;flex-wrap:wrap}
.precio-g strong{font-family:var(--disp);font-size:38px;color:#E80807;line-height:1}
.precio-g s{color:var(--tinta-25)}

/* ---------- curva de talles (heatmap) ---------- */
.curva{width:100%;border-collapse:separate;border-spacing:4px}
.curva th{font-size:10.5px;font-weight:700;color:var(--tinta-45);text-transform:uppercase;letter-spacing:.5px;padding:2px 4px;text-align:center}
.curva th:first-child{text-align:left}
.curva td{text-align:center;font-weight:700;font-size:12px;border-radius:7px;padding:7px 2px;min-width:36px;transition:transform .15s;animation:cardIn .4s ease both}
.curva td:first-child{text-align:left;font-weight:500;padding-left:0;min-width:210px;animation:none}
.curva td.c:hover{transform:scale(1.12);box-shadow:var(--sombra-2)}
.curva td.cero{background:repeating-linear-gradient(45deg,#FDECEC,#FDECEC 4px,#fff 4px,#fff 8px);color:#C4282D}
.curva td.na{background:none}

/* ---------- sastrería ---------- */
.silueta{width:100%;max-width:230px;margin:0 auto;display:block;overflow:visible}
.silueta .s{fill:none;stroke:#0B0B0B;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:trazo 2.4s ease forwards}
.silueta .med{stroke:#E80807;stroke-width:2;stroke-dasharray:5 4;opacity:0;animation:fade .6s ease forwards}
.silueta text{font:700 10px var(--sans);fill:#E80807;opacity:0;animation:fade .4s ease forwards}
.cinta-svg{width:100%;height:auto;display:block;overflow:hidden;border-radius:6px}
.cinta-svg .rollo{animation:desenrollar 2.4s cubic-bezier(.6,0,.2,1) both}
@keyframes desenrollar{from{transform:translateX(-80%)}to{transform:none}}
.cuenta-reg{font-family:var(--disp);font-size:13px;font-weight:700;padding:1px 7px;border-radius:5px;white-space:nowrap}
.cuenta-reg.ok{background:var(--verde-50);color:#0F7A3F}.cuenta-reg.warn{background:var(--ambar-50);color:#8A6A00}.cuenta-reg.mal{background:var(--alerta-50);color:#B42318}
.kanban--6{grid-template-columns:repeat(6,minmax(180px,1fr))}
.ot .th--foto{flex:0 0 auto}

/* ---------- asesores (bandeja) ---------- */
.bandeja{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.chat-lista{display:flex;flex-direction:column;gap:8px}
.chat-it{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;border:1px solid var(--linea);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;animation:cardIn .35s ease both;text-align:left;width:100%}
.chat-it:hover{border-color:#0B0B0B;transform:translateX(2px)}
.chat-it.on{border-color:#E80807;box-shadow:0 0 0 3px rgba(232,8,7,.12)}
.chat-it .av{width:34px;height:34px;flex:0 0 34px;font-size:11px}
.chat-it>div{min-width:0;flex:1}
.chat-it b{font-size:12.5px}
.chat-it p{margin:2px 0 4px;font-size:12px;color:var(--tinta-70);line-height:1.35}
.chat-it .meta{text-align:right;font-size:10.5px;color:var(--tinta-45);white-space:nowrap;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.sla{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);animation:sla 1.8s infinite}
.sla.warn{background:var(--ambar)}.sla.mal{background:#E80807;animation-duration:.9s}
@keyframes sla{0%{box-shadow:0 0 0 0 rgba(232,8,7,.45)}100%{box-shadow:0 0 0 9px rgba(232,8,7,0)}}
.wa-screen{height:470px}
.wa-m .prodwa{display:flex;gap:6px;margin-top:5px;padding:5px;border-radius:6px;background:var(--fondo);border:1px solid var(--linea)}
.wa-m .prodwa img{width:42px;height:52px;object-fit:cover;border-radius:4px}
.wa-m .prodwa b{display:block;font-size:10.5px}
.wa-m .prodwa s{font-size:9.5px;color:#999}
.wa-m .prodwa strong{display:block;color:#E80807;font-size:11px}
.escribiendo{align-self:flex-start;background:#fff;border-radius:8px;padding:8px 10px;display:flex;gap:3px}
.escribiendo i{width:6px;height:6px;border-radius:50%;background:#9a9a9a;animation:punto 1s infinite}
.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}
@keyframes punto{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}

/* ---------- clientes / eventos ---------- */
.evento{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--linea)}
.evento:last-child{border-bottom:0}
.evento>div:nth-child(2){min-width:0;flex:1}
.evento__f{width:52px;flex:0 0 52px;text-align:center;border-radius:10px;background:#0B0B0B;color:#fff;padding:6px 0;line-height:1}
.evento__f b{display:block;font-family:var(--disp);font-size:22px}
.evento__f span{font-size:9.5px;text-transform:uppercase;letter-spacing:.8px;color:#E80807;font-weight:800}
.evento b{font-size:12.5px}.evento span{font-size:11.5px;color:var(--tinta-45)}
.nivel-op{font:800 10px var(--sans);letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap}
.nivel-op.Black{background:#0B0B0B;color:#fff}.nivel-op.Premium{background:#E80807;color:#fff}.nivel-op.Clásico{background:var(--fondo-2);color:var(--tinta-70)}
.tarjeta-club{position:relative;aspect-ratio:1.586;border-radius:16px;background:linear-gradient(135deg,#0B0B0B 0%,#262626 60%,#0B0B0B 100%);color:#fff;padding:18px;overflow:hidden;box-shadow:var(--sombra-3)}
.tarjeta-club::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);animation:brillo 4.5s ease-in-out infinite}
@keyframes brillo{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
.tarjeta-club svg{height:15px;width:auto}
.tarjeta-club svg .wm-l{fill:#fff}
.tarjeta-club .tc-n{position:absolute;left:18px;bottom:16px;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;opacity:.85}
.tarjeta-club .tc-niv{position:absolute;right:18px;bottom:14px;font-family:var(--disp);font-size:24px;font-weight:800;letter-spacing:2px;color:#E80807}

/* ---------- campañas ---------- */
.camp{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linea)}
.camp:last-child{border-bottom:0}
.camp img{width:72px;height:100px;object-fit:cover;border-radius:10px}
.camp b{font-size:13px}.camp span{font-size:11.5px;color:var(--tinta-45)}
.embudo{display:flex;flex-direction:column;gap:7px;align-items:center}
.embudo div{background:#0B0B0B;color:#fff;border-radius:8px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;transition:width 1.1s cubic-bezier(.2,.8,.2,1);width:12%;overflow:hidden;white-space:nowrap;gap:10px}
.embudo div b{font-family:var(--disp);font-size:19px}
.embudo div:nth-child(2){background:#3A3A3A}.embudo div:nth-child(3){background:#A10606}.embudo div:nth-child(4){background:#E80807}

/* ---------- diagnóstico ---------- */
.nav-mock{border:1px solid var(--linea);border-radius:12px;overflow:hidden;background:#fff}
.nav-mock__bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--fondo-2);font-size:11px;color:var(--tinta-45)}
.nav-mock__bar i{width:9px;height:9px;border-radius:50%;background:#d0d0d0;display:inline-block}
.nav-mock__bar span{margin-left:8px;background:#fff;border-radius:6px;padding:3px 10px;flex:1;font-family:var(--mono);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-mock__body{padding:6px 14px 10px}
.nav-mock__fila{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px dashed var(--linea)}
.nav-mock__fila:last-child{border:0}
.nav-mock__fila span{color:var(--tinta-45)}
.nav-mock__fila b{font-weight:650;text-align:right}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.vs__lado{border-radius:14px;padding:16px 10px;text-align:center;min-width:0}
.vs__n{font-family:var(--disp);font-size:42px;font-weight:800;line-height:1;margin-bottom:4px}
.vs__lado span{font-size:11.5px}
.vs__x{font-family:var(--disp);font-size:20px;color:var(--tinta-25)}
.perfil-ig{display:flex;gap:14px;align-items:center}
.perfil-ig__av{width:74px;height:74px;flex:0 0 74px;border-radius:50%;padding:3px;background:conic-gradient(#E80807,#0B0B0B,#E80807);animation:girar 6s linear infinite}
.perfil-ig__av span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;padding:4px;animation:girar 6s linear infinite reverse}
.perfil-ig__av svg{width:100%;height:100%;border-radius:50%}
@keyframes girar{to{transform:rotate(360deg)}}
.perfil-ig b{font-size:15px}
.perfil-ig p{margin:3px 0 0;font-size:12px;color:var(--tinta-45);line-height:1.4}
.ig-nums{display:flex;gap:18px;margin-top:12px}
.ig-nums div{font-size:11px;color:var(--tinta-45)}
.ig-nums b{display:block;font-family:var(--disp);font-size:24px;color:var(--tinta);line-height:1}

@media (max-width:1280px){.reels{grid-template-columns:repeat(4,minmax(0,1fr))}.tienda{grid-template-columns:300px minmax(0,1fr)}}
@media (max-width:1180px){.hero{grid-template-columns:1fr}.hero__media{height:260px;-webkit-mask-image:none;mask-image:none}.bandeja{grid-template-columns:1fr}.tienda{grid-template-columns:1fr}.cel{position:static;max-width:340px;margin:0 auto}}
@media (max-width:820px){.reels{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__txt{padding:24px}.hero__tag{display:none}.ficha-p{grid-template-columns:1fr}.curva td:first-child{min-width:150px}.camp{grid-template-columns:60px minmax(0,1fr)}.camp>:last-child{grid-column:1/-1;text-align:left!important}.camp .barra-fila{display:none}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ajustes post-prueba */
.curva .prod{display:flex;align-items:center;gap:10px}
.curva .prod b{display:block;font-size:12.5px;line-height:1.2}
.curva .prod span{display:block;font-size:11px;color:var(--tinta-45)}
.prop__it h4{padding-right:62px}
.embudo div{font-size:11.5px}.embudo div b{font-size:17px}
.silueta{max-width:260px}

/* ===================== RECORRIDO GUIADO ===================== */
.gate__para{margin-top:22px;color:#9A9A9A;font-size:12.5px;opacity:0;animation:subir .7s ease 1.15s forwards}
.gate__para b{color:#fff}
.tour-velo{position:fixed;inset:0;z-index:80;background:rgba(11,11,11,.72);opacity:0;pointer-events:none;transition:opacity .3s}
.tour-velo.on{opacity:1;pointer-events:auto}
.tour-spot{position:fixed;z-index:81;border-radius:16px;box-shadow:0 0 0 9999px rgba(11,11,11,.72),0 0 0 3px #E80807,0 0 34px rgba(232,8,7,.55);pointer-events:none;opacity:0;transition:top .35s,left .35s,width .35s,height .35s,opacity .3s;top:-9999px}
.tour-card{position:fixed;z-index:82;top:-9999px;width:380px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;box-shadow:var(--sombra-3);padding:16px 18px;border-top:4px solid #E80807}
.tour-card--centro{top:50%!important;left:50%!important;transform:translate(-50%,-50%)}
.tour-card__cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.tour-card__n{font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#E80807}
.tour-card__x{width:26px;height:26px;border-radius:50%;background:var(--fondo-2);color:var(--tinta-70);font-size:17px;line-height:1;display:grid;place-items:center}
.tour-card h4{margin:0 0 6px;font-family:var(--disp);font-size:24px;text-transform:uppercase;letter-spacing:.3px;line-height:1.05}
.tour-card p{margin:0;font-size:13px;line-height:1.55;color:var(--tinta-70)}
.tour-card__barra{height:5px;border-radius:99px;background:var(--fondo-2);margin:14px 0 12px;overflow:hidden}
.tour-card__barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0B0B0B,#E80807);transition:width .4s}
.tour-card__btns{display:flex;gap:8px;justify-content:flex-end}
.tour-invita{position:fixed;inset:0;z-index:85;background:rgba(11,11,11,.66);display:grid;place-items:center;padding:16px;animation:lienzoIn .3s ease}
.tour-invita__box{background:#fff;border-radius:20px;padding:26px 26px 22px;width:min(440px,100%);text-align:center;box-shadow:var(--sombra-3);border-top:5px solid #E80807}
.tour-invita__emb{width:68px;height:68px;margin:0 auto 12px}
.tour-invita__emb svg{width:100%;height:100%;border-radius:12px}
.tour-invita h3{margin:0 0 6px;font-family:var(--disp);font-size:30px;text-transform:uppercase;line-height:1}
.tour-invita p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--tinta-70)}
.tour-invita .tour-card__btns{justify-content:center}
#nav-tour .pill{background:#fff;color:#0B0B0B}
@media (max-width:820px){.tour-card{width:calc(100vw - 32px)}.tour-spot{border-radius:12px}}