/* «Tipos de…»: tarjetas con ilustración animada en HTML/CSS (widget tew-tipos). Tema claro dentro de tarjeta oscura. */
body.tew-page .tipos{--tp-a:#7c2dc6;--tp-m:#d14ee2;--tp-ink:#1b1526;--tp-mut:#8a8398;--tp-line:#e8e2f0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(24px,3vw,40px)}
body.tew-page .tipos.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){body.tew-page .tipos,body.tew-page .tipos.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.tew-page .tipos,body.tew-page .tipos.c3{grid-template-columns:minmax(0,1fr)}}
body.tew-page .tp-card-o{display:flex;flex-direction:column;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#150d24,#0e0918);padding:10px;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease,cubic-bezier(.2,.7,.2,1)),transform .7s var(--ease,cubic-bezier(.2,.7,.2,1)),border-color .3s;transition-delay:calc(var(--i) * 70ms)}
body.tew-page .tipos.is-in .tp-card-o{opacity:1;transform:none}
body.tew-page .tp-card-o:hover{border-color:rgba(209,78,226,.5)}
body.tew-page .tp-txt{padding:16px 12px 12px}
body.tew-page .tp-txt h3{margin:10px 0 6px;font:700 1.08rem/1.25 var(--f-display);color:#fff}
body.tew-page .tp-txt p{font-size:.88rem;line-height:1.55;color:var(--on-ink-muted,#b9b3c7)}
body.tew-page .tp-txt .sb-tag{white-space:normal;line-height:1.35}

/* Escena */
body.tew-page .tp-scene{position:relative;aspect-ratio:16/11;overflow:hidden;border-radius:18px;background:radial-gradient(120% 90% at 0 0,#fbeefe,transparent 60%),linear-gradient(160deg,#f6f2fb,#ece6f5);container-type:inline-size;font-family:var(--f-body,Inter,sans-serif);color:var(--tp-ink)}
body.tew-page .tp-scene *{box-sizing:border-box}
body.tew-page .tp-scene .i{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.tew-page .tp-scene .iso{width:1em;height:1em;flex:none}
body.tew-page .tp-scene b{font-weight:700}
body.tew-page .tp-scene small{font-size:3.4cqw;color:var(--tp-mut)}
body.tew-page .tp-scene em{font-style:normal}

/* Ventana de navegador y móvil */
body.tew-page .tp-win{position:absolute;left:7%;right:7%;top:9%;bottom:-6%;border-radius:3cqw;background:#fff;box-shadow:0 5cqw 10cqw -5cqw rgba(60,20,110,.35),0 0 0 1px rgba(60,20,110,.06);overflow:hidden;font-size:3.6cqw}
body.tew-page .tp-win.sm{left:5%;right:34%;top:12%;bottom:18%}
body.tew-page .tp-bar{display:flex;align-items:center;gap:1.2cqw;height:7.5cqw;padding:0 3cqw;background:#f3f0f7;border-bottom:1px solid var(--tp-line)}
body.tew-page .tp-bar i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#d8d1e3}
body.tew-page .tp-bar span{margin-left:2cqw;padding:.8cqw 3cqw;border-radius:9cqw;background:#fff;font-size:2.8cqw;color:var(--tp-mut)}
body.tew-page .tp-body{position:relative;height:calc(100% - 7.5cqw);padding:3.5cqw 4cqw;display:flex;flex-direction:column;gap:2.4cqw;overflow:hidden}
body.tew-page .tp-ph{position:absolute;top:7%;bottom:-18%;left:50%;width:44%;transform:translateX(-50%);border-radius:6cqw;padding:1.6cqw;background:#1b1526;box-shadow:0 6cqw 12cqw -6cqw rgba(60,20,110,.5)}
body.tew-page .tp-scr{position:relative;height:100%;border-radius:4.6cqw;background:#fff;overflow:hidden;padding:4cqw 3cqw;display:flex;flex-direction:column;gap:2cqw;font-size:3.2cqw}
body.tew-page .tp-duo{position:absolute;inset:0}
body.tew-page .tp-duo .tp-ph{width:36%;top:9%}
body.tew-page .tp-duo .tp-ph:first-child{left:29%}
body.tew-page .tp-duo .tp-ph:last-child{left:71%;top:15%}

/* Elementos */
body.tew-page .tp-l{display:block;height:1.8cqw;width:var(--w);border-radius:2cqw;background:#e9e4f0}
body.tew-page .tp-l.h{height:2.6cqw;background:#cfc6dd}
body.tew-page .tp-l.lk{background:#c9b3f0}
body.tew-page .tp-l.w{background:rgba(255,255,255,.75)}
body.tew-page .tp-l.in{height:5cqw;border-radius:1.6cqw;background:#f4f1f8;border:1px solid var(--tp-line)}
body.tew-page .tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:1cqw;padding:1.6cqw 3.4cqw;border-radius:9cqw;background:linear-gradient(90deg,var(--tp-m),var(--tp-a));color:#fff;font-weight:700;font-size:3cqw;white-space:nowrap;align-self:flex-start}
body.tew-page .tp-btn.sm{font-size:2.8cqw;padding:1.4cqw 3cqw}
body.tew-page .tp-btn.xs{font-size:2.4cqw;padding:1cqw 2.4cqw}
body.tew-page .tp-btn.ghost{background:#fff;color:var(--tp-a);border:1px solid #d9cdee}
body.tew-page .tp-btn.full{align-self:stretch}
body.tew-page .tp-chip{display:inline-flex;align-items:center;gap:1cqw;padding:1.1cqw 2.6cqw;border-radius:9cqw;background:#f1ecf8;color:#5b536b;font-size:2.8cqw;font-weight:600;white-space:nowrap}
body.tew-page .tp-chip.on{background:var(--tp-a);color:#fff}
body.tew-page .tp-chip.hot{background:#ffe7f7;color:#b0269b;align-self:flex-start}
body.tew-page .tp-ic{display:inline-grid;place-items:center;width:7cqw;height:7cqw;border-radius:2.2cqw;background:var(--bg);color:#fff;font-size:3.6cqw}
body.tew-page .tp-img{display:grid;place-items:center;border-radius:2.4cqw;background:var(--bg);color:rgba(60,20,110,.55);font-size:7cqw;aspect-ratio:1}
body.tew-page .tp-img.wide{aspect-ratio:3/1}
body.tew-page .tp-img.big{width:40%;font-size:16cqw;aspect-ratio:4/5}
body.tew-page .tp-row{display:flex;flex-wrap:wrap;gap:1.4cqw;align-items:center}
body.tew-page .tp-stars{font-size:2.8cqw;color:#e8a100}.tp-stars em{color:var(--tp-ink);font-weight:600}
body.tew-page .tp-spon{align-self:flex-start;font-size:2.4cqw;font-weight:700;color:var(--tp-ink);padding:.4cqw 1.4cqw;border-radius:1cqw;background:#f1ecf8}
body.tew-page .tp-price{color:var(--tp-a);font-weight:800;font-size:4cqw}
body.tew-page .tp-prod{display:flex;flex-direction:column;gap:1cqw;padding:1.6cqw;border-radius:2.6cqw;background:#fff;border:1px solid var(--tp-line);font-size:2.6cqw;min-width:0}
body.tew-page .tp-prod b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tew-page .tp-prod em{color:var(--tp-a);font-weight:700}
body.tew-page .tp-hl{box-shadow:0 0 0 .5cqw rgba(209,78,226,.55),0 3cqw 6cqw -3cqw rgba(124,45,198,.45)}
body.tew-page .tp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw}
body.tew-page .tp-grid3.four{grid-template-columns:repeat(4,minmax(0,1fr))}
body.tew-page .tp-card{display:grid;gap:.6cqw;padding:2cqw;border-radius:2.4cqw;background:#faf8fc;border:1px solid var(--tp-line);font-size:2.8cqw}
body.tew-page .tp-card .i{color:var(--tp-m)}
body.tew-page .tp-in{display:block;height:5.4cqw;border-radius:1.6cqw;background:#f4f1f8;border:1px solid var(--tp-line);position:relative;overflow:hidden}
body.tew-page .tp-in.txt{display:flex;align-items:center;padding:0 2cqw;font-size:3cqw}
body.tew-page .tp-form{display:flex;flex-direction:column;gap:1.6cqw}
body.tew-page .tp-form.card{padding:3cqw;border-radius:2.6cqw;background:#faf8fc;border:1px solid var(--tp-line);font-size:3cqw}
body.tew-page .tp-form.sheet{height:100%;justify-content:center;font-size:3cqw}

/* Buscador y resultados */
body.tew-page .tp-search{display:flex;align-items:center;gap:1.6cqw;padding:1.8cqw 3cqw;border-radius:9cqw;border:1px solid var(--tp-line);box-shadow:0 1cqw 3cqw -2cqw rgba(0,0,0,.2);font-size:3.2cqw}
body.tew-page .tp-search .i{color:var(--tp-mut)}
body.tew-page .tp-res{display:flex;flex-direction:column;gap:1cqw;padding:2cqw;border-radius:2.4cqw}
body.tew-page .tp-res b{color:#1a0dab;font-size:3.2cqw}
body.tew-page .tp-strip{display:flex;gap:2cqw;width:max-content}
body.tew-page .tp-strip .tp-prod{width:21cqw}
body.tew-page .tp-spon-row{display:flex}
body.tew-page .tp-type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--tp-m);width:calc(var(--n) * 1ch);animation:tpType 6s steps(var(--n)) infinite}
@keyframes tpType{0%{width:0}45%,85%{width:calc(var(--n) * 1ch)}100%{width:0}}

/* Display, video, feed */
body.tew-page .tp-news{display:grid;grid-template-columns:1.6fr 1fr;gap:3cqw;height:100%}
body.tew-page .tp-news>div:first-child{display:flex;flex-direction:column;gap:1.6cqw}
body.tew-page .tp-banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;text-align:center;border-radius:2.6cqw;background:linear-gradient(160deg,#2a1747,#7c2dc6);color:#fff;overflow:hidden;font-size:3cqw}
body.tew-page .tp-banner .iso{font-size:9cqw}
body.tew-page .tp-banner small{color:#e5d5f5}
body.tew-page .tp-anun{position:absolute;top:1.4cqw;left:1.4cqw;font-size:2.2cqw;padding:.3cqw 1.2cqw;border-radius:1cqw;background:#fff;color:var(--tp-ink)}
body.tew-page .tp-video{display:flex;flex-direction:column;gap:2.4cqw;height:100%}
body.tew-page .tp-vid-img{position:relative;flex:1;display:grid;place-items:center;border-radius:2.4cqw;background:linear-gradient(160deg,#1b1230,#5b21a8);color:#fff}
body.tew-page .tp-vid-img .iso{font-size:14cqw}
body.tew-page .tp-antag{position:absolute;left:2cqw;bottom:4cqw;font-size:2.4cqw;padding:.4cqw 1.4cqw;border-radius:1cqw;background:#fbbc04;color:#1b1526;font-weight:700}
body.tew-page .tp-skip{position:absolute;right:0;bottom:4cqw;padding:1.4cqw 2.4cqw;background:rgba(0,0,0,.7);font-size:2.6cqw;animation:tpSkip 6s infinite}
@keyframes tpSkip{0%,40%{opacity:0;transform:translateX(100%)}50%,100%{opacity:1;transform:none}}
body.tew-page .tp-play{position:absolute;left:2cqw;top:2cqw;font-size:4cqw;opacity:.8}
body.tew-page .tp-prog{position:absolute;left:0;right:0;bottom:0;height:1cqw;background:rgba(255,255,255,.25)}
body.tew-page .tp-prog i{display:block;height:100%;background:#ff0033;animation:tpFill 6s linear infinite}
@keyframes tpFill{from{width:0}to{width:100%}}
body.tew-page .tp-vmeta{display:flex;align-items:center;gap:2cqw}
body.tew-page .tp-vmeta>span:nth-child(2){flex:1;display:grid;gap:1cqw}
body.tew-page .tp-feed{display:flex;flex-direction:column;gap:2.4cqw}
body.tew-page .tp-fcard{display:flex;flex-direction:column;gap:1.2cqw;padding:1.6cqw;border-radius:2.6cqw;border:1px solid var(--tp-line);font-size:2.8cqw}
body.tew-page .tp-fcard .tp-img{aspect-ratio:16/9;font-size:6cqw}

/* Máximo rendimiento */
body.tew-page .tp-hub{position:absolute;inset:0}
body.tew-page .tp-links{position:absolute;inset:0;width:100%;height:100%}
body.tew-page .tp-links path{fill:none;stroke:#c9a7ee;stroke-width:.6;stroke-dasharray:2 2;animation:tpDash 1.4s linear infinite}
@keyframes tpDash{to{stroke-dashoffset:-8}}
body.tew-page .tp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;gap:1cqw;width:24cqw;height:24cqw;border-radius:50%;background:linear-gradient(160deg,#2a1747,#7c2dc6);color:#fff;font-size:3cqw;box-shadow:0 0 0 3cqw rgba(209,78,226,.15);animation:tpPulse 3s ease-in-out infinite}
body.tew-page .tp-core .iso{font-size:9cqw}
body.tew-page .tp-node{position:absolute;z-index:2;display:flex;align-items:center;gap:1.4cqw;padding:1.4cqw 2.6cqw 1.4cqw 1.4cqw;border-radius:9cqw;background:#fff;box-shadow:0 2cqw 5cqw -3cqw rgba(60,20,110,.4);font-size:3cqw;font-weight:600;animation:tpPop 4s var(--ease,ease) infinite}
body.tew-page .tp-node .tp-ic{width:6cqw;height:6cqw;border-radius:50%;font-size:3cqw}
body.tew-page .tp-node.n1{left:6%;top:14%}.tp-node.n2{right:6%;top:14%;animation-delay:.5s}.tp-node.n3{left:6%;bottom:14%;animation-delay:1s}.tp-node.n4{right:6%;bottom:14%;animation-delay:1.5s}

/* Mapas */
body.tew-page .tp-map{position:absolute;inset:0;background:radial-gradient(circle,rgba(124,45,198,.12) 1px,transparent 1.4px) 0 0/5cqw 5cqw,#f1eef5;overflow:hidden}
body.tew-page .tp-map.sm{position:relative;border-radius:2.4cqw;min-height:100%}
body.tew-page .tp-map>i{position:absolute;background:#fff;box-shadow:0 0 0 .4cqw #e6dff0}
body.tew-page .tp-map .r1{left:-10%;right:-10%;top:40%;height:3cqw;transform:rotate(-8deg)}
body.tew-page .tp-map .r2{top:-10%;bottom:-10%;left:38%;width:3cqw;transform:rotate(12deg)}
body.tew-page .tp-map .r3{left:-10%;right:-10%;top:72%;height:2cqw;transform:rotate(4deg)}
body.tew-page .tp-mpin{position:absolute;width:4cqw;height:4cqw;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#c7bfd3}
body.tew-page .tp-mpin.p1{left:18%;top:22%}.tp-mpin.p2{left:70%;top:18%}
body.tew-page .tp-mpin.you{left:52%;top:30%;width:9cqw;height:9cqw;display:grid;place-items:center;background:linear-gradient(135deg,var(--tp-m),var(--tp-a));color:#fff;font-size:4.4cqw;box-shadow:0 2cqw 4cqw -1cqw rgba(124,45,198,.6)}
body.tew-page .tp-mpin.you .i{transform:rotate(45deg)}
body.tew-page .tp-map.sm .tp-mpin.you{left:40%;top:30%}
body.tew-page .tp-gcard{position:absolute;left:6%;right:6%;bottom:6%;display:flex;flex-direction:column;gap:1cqw;padding:3cqw;border-radius:3cqw;background:#fff;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45);font-size:3.4cqw}
body.tew-page .tp-gcard.mini{position:absolute;left:auto;right:5%;bottom:auto;top:10%;width:42%;padding:2.4cqw;font-size:3cqw}

/* Apps */
body.tew-page .tp-app{display:flex;flex-direction:column;align-items:center;gap:1.4cqw;text-align:center}
body.tew-page .tp-appic{display:grid;place-items:center;width:14cqw;height:14cqw;border-radius:3.6cqw;background:linear-gradient(135deg,#2a1747,#7c2dc6);font-size:8cqw;box-shadow:0 2cqw 4cqw -2cqw rgba(60,20,110,.6)}
body.tew-page .tp-appic.sm{width:10cqw;height:10cqw;font-size:6cqw;margin:0 auto}
body.tew-page .tp-install{position:relative;display:grid;place-items:center;width:80%;height:6cqw;border-radius:9cqw;background:#e9e2f5;overflow:hidden;font-size:3cqw;font-weight:700;color:#fff}
body.tew-page .tp-install i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--tp-m),var(--tp-a));animation:tpFillL 5s var(--ease,ease) infinite}
body.tew-page .tp-install em{position:relative}
@keyframes tpFillL{0%,15%{width:30%}60%,100%{width:100%}}
body.tew-page .tp-shots{display:flex;gap:1.4cqw;width:100%}
body.tew-page .tp-shots i{flex:1;aspect-ratio:9/16;border-radius:1.6cqw;background:linear-gradient(160deg,#f3d5fa,#d9c2f5)}
body.tew-page .tp-appscr{display:flex;gap:2cqw;width:max-content;margin:6cqw 0 3cqw}
body.tew-page .tp-appscr i{width:20cqw;aspect-ratio:9/16;border-radius:2.4cqw;background:rgba(255,255,255,.9)}

/* Webs */
body.tew-page .tp-long{display:flex;flex-direction:column;gap:3cqw}
body.tew-page .tp-hero{display:flex;flex-direction:column;gap:1.6cqw;padding:5cqw 4cqw;border-radius:2.6cqw;background:linear-gradient(135deg,#2a1747,#7c2dc6)}
body.tew-page .tp-3{display:flex;justify-content:space-around}
body.tew-page .tp-quote{display:grid;gap:1.2cqw;padding:3cqw;border-radius:2.4cqw;background:#faf8fc}
body.tew-page .tp-quote .i{color:var(--tp-m);font-size:5cqw}
body.tew-page .tp-nav{display:flex;align-items:center;gap:3cqw;font-size:2.8cqw;color:#5b536b}
body.tew-page .tp-nav b{display:flex;align-items:center;gap:1cqw;margin-right:auto;color:var(--tp-ink)}
body.tew-page .tp-drop{position:absolute;left:34%;top:12cqw;z-index:2;display:grid;gap:1.2cqw;padding:2.4cqw;border-radius:2.4cqw;background:#fff;box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.45);font-size:2.8cqw}
body.tew-page .tp-cat{display:grid;grid-template-columns:26% 1fr;gap:3cqw}
body.tew-page .tp-side{display:flex;flex-direction:column;gap:1.6cqw;font-size:2.8cqw;color:#5b536b}
body.tew-page .tp-side .on{color:var(--tp-a);font-weight:700}
body.tew-page .tp-cb{display:flex;align-items:center;gap:1.2cqw}
body.tew-page .tp-cb::before{content:"";width:2.6cqw;height:2.6cqw;border-radius:.8cqw;border:1px solid #cfc6dd}
body.tew-page .tp-cb.on::before{background:var(--tp-a);border-color:var(--tp-a)}
body.tew-page .tp-land{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;height:100%}
body.tew-page .tp-land>div:first-child{display:flex;flex-direction:column;gap:1.8cqw}
body.tew-page .tp-chk{display:flex;align-items:center;gap:1.4cqw}.tp-chk .i{color:#34a853}
body.tew-page .tp-pro{display:flex;align-items:center;gap:3cqw}
body.tew-page .tp-pro>div{flex:1;display:flex;flex-direction:column;gap:1.4cqw}
body.tew-page .tp-av{display:grid;place-items:center;width:14cqw;height:14cqw;border-radius:50%;background:linear-gradient(135deg,#f3d5fa,#d9c2f5);color:var(--tp-a);font-size:7cqw}
body.tew-page .tp-cal{display:flex;align-items:center;gap:3cqw}
body.tew-page .tp-calg{display:grid;grid-template-columns:repeat(7,1fr);gap:.8cqw;width:40%}
body.tew-page .tp-calg i{aspect-ratio:1;border-radius:.8cqw;background:#f1ecf8}
body.tew-page .tp-calg i:nth-child(10){background:var(--tp-a)}
body.tew-page .tp-loc{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;height:100%}
body.tew-page .tp-branches{display:flex;flex-direction:column;gap:2cqw}

/* Tiendas */
body.tew-page .tp-pdp{display:flex;gap:4cqw;height:100%}
body.tew-page .tp-pdp>div{flex:1;display:flex;flex-direction:column;gap:1.4cqw;font-size:3.4cqw}
body.tew-page .tp-sizes i{display:grid;place-items:center;min-width:6cqw;padding:.8cqw 1.6cqw;border-radius:1.4cqw;border:1px solid #d9cdee;font-size:2.6cqw;font-style:normal;font-weight:600}
body.tew-page .tp-sizes i.on{background:var(--tp-ink);color:#fff;border-color:var(--tp-ink);animation:tpSel 4s infinite}
body.tew-page .tp-dots i{width:4.4cqw;height:4.4cqw;border-radius:50%;background:var(--c);box-shadow:0 0 0 .5cqw #fff,0 0 0 .8cqw #e3dcee}
body.tew-page .tp-dots i:nth-child(2){box-shadow:0 0 0 .5cqw #fff,0 0 0 .9cqw var(--tp-a)}
body.tew-page .tp-spec{display:flex;justify-content:space-between;padding:1.2cqw 0;border-bottom:1px solid var(--tp-line);font-size:3cqw}
body.tew-page .tp-tabs i{display:inline-flex;align-items:center;gap:1cqw;padding:1.2cqw 2.4cqw;border-radius:2cqw;font-style:normal;font-size:3cqw;font-weight:700;color:#5b536b}
body.tew-page .tp-tabs i.on{background:#f1ecf8;color:var(--tp-a)}

/* Meta (móvil) */
body.tew-page .tp-ph.fb .tp-scr{background:#f0f2f5}
body.tew-page .tp-ph-top{display:flex;align-items:center;gap:1.6cqw;font-size:3cqw}
body.tew-page .tp-ph-top span{display:grid}
body.tew-page .tp-ph-top .tp-ic{width:6cqw;height:6cqw;border-radius:50%;font-size:3cqw}
body.tew-page .tp-post{display:flex;flex-direction:column;gap:2cqw;height:100%}
body.tew-page .tp-post-img{position:relative;flex:1;display:grid;place-items:center;align-content:center;gap:1cqw;border-radius:2cqw;background:var(--bg);color:rgba(60,20,110,.6);font-size:12cqw;text-align:center}
body.tew-page .tp-post-img b{font-size:4cqw;color:var(--tp-ink)}
body.tew-page .tp-react{display:flex;justify-content:space-between;align-items:center;font-size:2.8cqw;color:#5b536b}
body.tew-page .tp-cap{font-size:3cqw}
body.tew-page .tp-cartb{position:absolute;right:3cqw;top:3cqw;display:inline-flex;align-items:center;gap:.6cqw;padding:1cqw 1.8cqw;border-radius:9cqw;background:var(--tp-m);color:#fff;font-size:3cqw;font-weight:700}
body.tew-page .tp-story{position:absolute;inset:0;display:flex;flex-direction:column;gap:2cqw;padding:4cqw 3cqw;background:var(--bg)}
body.tew-page .tp-story .tp-btn{align-self:center;margin-top:auto}
body.tew-page .tp-sbars{display:flex;gap:1cqw}
body.tew-page .tp-sbars i{flex:1;height:.7cqw;border-radius:1cqw;background:rgba(255,255,255,.55);overflow:hidden}
body.tew-page .tp-sbars i:first-child{background:#fff}
body.tew-page .tp-sbars i:nth-child(2)::after{content:"";display:block;height:100%;background:#fff;animation:tpFill 4s linear infinite}
body.tew-page .tp-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
body.tew-page .tp-story-grid .tp-img{font-size:6cqw}
body.tew-page .tp-reel{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);color:#fff}
body.tew-page .tp-reel>.iso{font-size:16cqw}
body.tew-page .tp-hearts{position:absolute;right:6cqw;bottom:22cqw}
body.tew-page .tp-hearts i{position:absolute;right:0;bottom:0;font-style:normal;color:#ff4d8d;font-size:4cqw;opacity:0;animation:tpHeart 3s ease-out infinite}
body.tew-page .tp-hearts i:nth-child(2){animation-delay:1s;right:2cqw}.tp-hearts i:nth-child(3){animation-delay:2s;right:-1cqw}
@keyframes tpHeart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-22cqw) scale(1.2)}}
body.tew-page .tp-rside{position:absolute;right:2.4cqw;bottom:24cqw;display:grid;gap:3cqw;text-align:center;font-size:3.6cqw}
body.tew-page .tp-rside small{display:block;color:#fff;font-size:2.2cqw}
body.tew-page .tp-rcap{position:absolute;left:3cqw;bottom:12cqw;display:grid;font-size:3cqw}.tp-rcap small{color:#e5d5f5}
body.tew-page .tp-cmt{position:absolute;left:3cqw;bottom:4cqw;padding:1.2cqw 2.4cqw;border-radius:9cqw;background:rgba(255,255,255,.2);font-size:2.6cqw}
body.tew-page .tp-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:2cqw;height:100%;background:#efeae2;margin:-4cqw -3cqw;padding:4cqw 3cqw}
body.tew-page .tp-bub{max-width:88%;padding:1.8cqw 2.4cqw;border-radius:2.4cqw;background:#fff;font-size:2.7cqw;line-height:1.3;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.08)}
body.tew-page .tp-bub.me{align-self:flex-end;background:linear-gradient(90deg,var(--tp-m),var(--tp-a));color:#fff}
body.tew-page .tp-caro{display:flex;gap:2cqw;width:max-content}
body.tew-page .tp-caro .tp-prod{width:30cqw}

/* Branding */
body.tew-page .tp-brand{position:absolute;inset:0}
body.tew-page .tp-slide{position:absolute;left:6%;top:10%;width:56%;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;gap:1.6cqw;padding:4cqw;border-radius:2.4cqw;background:linear-gradient(135deg,#2a1747,#7c2dc6);color:#fff;font-size:3.6cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.6)}
body.tew-page .tp-slide .iso{font-size:8cqw}
body.tew-page .tp-bcard{position:absolute;right:6%;top:14%;width:36%;aspect-ratio:1.75;display:flex;flex-direction:column;justify-content:flex-end;gap:.6cqw;padding:3cqw;border-radius:2cqw;background:#fff;font-size:3cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45)}
body.tew-page .tp-bcard .iso{position:absolute;right:3cqw;top:3cqw;font-size:7cqw}
body.tew-page .tp-mono{position:absolute;right:3cqw;top:3cqw;font:800 5cqw/1 var(--f-display);font-style:normal;color:var(--tp-a)}
body.tew-page .tp-facade{position:absolute;left:20%;right:20%;bottom:-2%;height:36%;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;align-items:end;padding:8cqw 4cqw 0;border-radius:2cqw 2cqw 0 0;background:#e9e3f3}
body.tew-page .tp-facade>i{height:70%;border-radius:1cqw 1cqw 0 0;background:#c9bfdc}
body.tew-page .tp-sign{position:absolute;left:50%;top:2cqw;transform:translateX(-50%);display:flex;align-items:center;gap:1.4cqw;padding:1.4cqw 3cqw;border-radius:1.4cqw;background:#1b1526;color:#fff;font:800 3.2cqw/1 var(--f-display);white-space:nowrap}
body.tew-page .tp-sign .iso{font-size:4.4cqw}
body.tew-page .tp-store{position:absolute;left:6%;bottom:-2%;width:52%;height:72%;border-radius:2.4cqw 2.4cqw 0 0;background:#fff;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.4)}
body.tew-page .tp-awn{position:absolute;left:-3%;right:-3%;top:20%;height:12%;background:repeating-linear-gradient(90deg,#d14ee2 0 6cqw,#7c2dc6 6cqw 12cqw);border-radius:1cqw}
body.tew-page .tp-store .tp-sign{top:4%}
body.tew-page .tp-store .door{position:absolute;left:12%;bottom:0;width:26%;height:50%;background:#1b1526;border-radius:1cqw 1cqw 0 0}
body.tew-page .tp-store .win{position:absolute;right:10%;bottom:14%;width:40%;height:34%;background:#dcd3ea;border-radius:1cqw}
body.tew-page .tp-shirt{position:absolute;right:8%;bottom:8%;display:grid;place-items:center;width:30%;aspect-ratio:1;border-radius:3cqw;background:#1b1526;color:#3a2d52;font-size:26cqw}
body.tew-page .tp-shirt span{position:absolute;top:36%;left:50%;transform:translateX(-50%);font-size:6cqw;color:#fff}
body.tew-page .tp-menu{position:absolute;left:8%;top:10%;width:34%;height:80%;display:flex;flex-direction:column;gap:2.4cqw;padding:5cqw 4cqw;border-radius:2cqw;background:#1b1526;color:#fff;font:800 4cqw/1 var(--f-display);letter-spacing:.2em}
body.tew-page .tp-menu .tp-l{background:rgba(255,255,255,.3)}
body.tew-page .tp-cup{position:absolute;left:50%;bottom:10%;width:18%;height:48%;border-radius:1cqw 1cqw 4cqw 4cqw;background:#fff;display:grid;place-items:center;font-size:8cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45)}
body.tew-page .tp-cup::before{content:"";position:absolute;left:-8%;right:-8%;top:-6%;height:10%;border-radius:1cqw;background:#7c2dc6}
body.tew-page .tp-box2{position:absolute;right:6%;bottom:12%;width:22%;aspect-ratio:1;border-radius:2cqw;background:linear-gradient(135deg,#d14ee2,#7c2dc6);display:grid;place-items:center;font-size:9cqw}
body.tew-page .tp-shelf{display:flex;align-items:flex-end;justify-content:center;gap:5cqw;padding-bottom:12%;border-bottom:none;background:linear-gradient(transparent 86%,#ddd3ea 86%)}
body.tew-page .tp-bottle,.tp-jar{position:relative;display:grid;place-items:center;width:13cqw;height:34cqw;border-radius:3cqw 3cqw 2cqw 2cqw;background:var(--c);box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.5)}
body.tew-page .tp-bottle::before{content:"";position:absolute;top:-5cqw;width:5cqw;height:5cqw;border-radius:1cqw 1cqw 0 0;background:#1b1526}
body.tew-page .tp-bottle.tall{height:44cqw}
body.tew-page .tp-jar{width:18cqw;height:20cqw;border-radius:3cqw}
body.tew-page .tp-bottle i,.tp-jar i{display:grid;place-items:center;width:80%;padding:2cqw 0;border-radius:1cqw;background:#fff;font-size:5cqw}
body.tew-page .tp-pack{position:absolute;right:6%;bottom:10%;width:30%;aspect-ratio:1.2;border-radius:2cqw;background:linear-gradient(135deg,#d9c6a8,#c3aa84);display:grid;place-items:center;font-size:9cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45)}
body.tew-page .tp-pack::after{content:"";position:absolute;left:44%;top:0;bottom:0;width:12%;background:#7c2dc6;opacity:.85}
body.tew-page .tp-pack span{position:relative;z-index:1}
body.tew-page .tp-thanks{position:absolute;right:30%;bottom:6%;display:grid;padding:3cqw 4cqw;border-radius:1.6cqw;background:#fff;font:700 4cqw/1.2 var(--f-display);color:var(--tp-a);box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.45);transform:rotate(-6deg)}
body.tew-page .tp-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqw}
body.tew-page .tp-logo{display:flex;align-items:center;gap:2cqw;font:800 6cqw/1 var(--f-display)}
body.tew-page .tp-logo .iso{font-size:12cqw}
body.tew-page .tp-pal{display:flex;gap:2cqw}
body.tew-page .tp-pal i{width:8cqw;height:8cqw;border-radius:2cqw;background:var(--c);animation:tpPop 4s var(--ease,ease) infinite}
body.tew-page .tp-pal i:nth-child(2){animation-delay:.2s}.tp-pal i:nth-child(3){animation-delay:.4s}.tp-pal i:nth-child(4){animation-delay:.6s}
body.tew-page .tp-aa{position:absolute;right:8%;bottom:8%;font:800 12cqw/1 var(--f-display);background:linear-gradient(135deg,#d14ee2,#7c2dc6);-webkit-background-clip:text;background-clip:text;color:transparent}
body.tew-page .tp-ba{display:grid;grid-template-columns:1fr 1fr}
body.tew-page .tp-before,.tp-after{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}
body.tew-page .tp-before{background:#e4e0e9;filter:grayscale(1)}
body.tew-page .tp-oldlogo{padding:2cqw 4cqw;border:.6cqw solid #6d6778;font:700 4cqw/1 Georgia,serif;color:#6d6778}
body.tew-page .tp-after .tp-logo{font-size:4.6cqw}.tp-after .tp-logo .iso{font-size:9cqw}
body.tew-page .tp-handle{position:absolute;left:50%;top:0;bottom:0;width:.6cqw;background:#fff;box-shadow:0 0 3cqw rgba(0,0,0,.25);animation:tpHandle 5s ease-in-out infinite}
body.tew-page .tp-handle::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:#fff;font-size:3cqw;font-weight:800;color:var(--tp-a)}
@keyframes tpHandle{0%,100%{left:50%}30%{left:42%}70%{left:58%}}

/* Industria (B2B) */
body.tew-page .tp-ind{position:absolute;inset:0}
body.tew-page .tp-mach{position:absolute;left:6%;top:18%;display:grid;place-items:center;width:26%;aspect-ratio:1;border-radius:3cqw;background:linear-gradient(160deg,#2a1747,#7c2dc6);color:#fff;font-size:14cqw}
body.tew-page .tp-mach.big{left:8%;top:14%;width:40%;font-size:24cqw}
body.tew-page .tp-belt{position:absolute;left:10%;right:6%;bottom:22%;height:5cqw;border-radius:9cqw;background:repeating-linear-gradient(90deg,#1b1526 0 3cqw,#3a2d52 3cqw 6cqw);background-size:6cqw 100%;animation:tpBelt .8s linear infinite}
@keyframes tpBelt{to{background-position:6cqw 0}}
body.tew-page .tp-boxes{position:absolute;left:0;bottom:100%;display:flex;gap:6cqw;animation:tpBoxes 6s linear infinite}
body.tew-page .tp-boxes i{width:8cqw;height:8cqw;border-radius:1.4cqw;background:linear-gradient(135deg,#d9c6a8,#c3aa84);box-shadow:inset 0 -1.4cqw 0 rgba(0,0,0,.08)}
@keyframes tpBoxes{from{transform:translateX(0)}to{transform:translateX(56cqw)}}
body.tew-page .tp-gear{position:absolute;right:8%;top:10%;font-size:16cqw;color:var(--tp-a)}
body.tew-page .tp-gear.sm{right:26%;top:34%;font-size:9cqw;color:var(--tp-m)}
body.tew-page .tp-asm .tp-part{position:absolute;top:34%;width:14cqw;height:14cqw;border-radius:2.4cqw;animation:tpAsm 5s var(--ease,ease) infinite}
body.tew-page .tp-part.a1{left:24%;background:#d14ee2}.tp-part.a2{left:43%;background:#7c2dc6;border-radius:50%}.tp-part.a3{left:62%;background:#1b1526}
body.tew-page .tp-part.a1{--dx:14cqw}.tp-part.a3{--dx:-14cqw}
@keyframes tpAsm{0%,20%{transform:none}50%,80%{transform:translateX(var(--dx,0))}100%{transform:none}}
body.tew-page .tp-arm{position:absolute;left:50%;top:6%;transform:translateX(-50%);font-size:9cqw;color:var(--tp-a);animation:tpArm 5s ease-in-out infinite}
@keyframes tpArm{0%,20%,80%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6cqw) rotate(30deg)}}
body.tew-page .tp-okb{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);display:flex;align-items:center;gap:1.4cqw;padding:1.8cqw 3.4cqw;border-radius:9cqw;background:#fff;font-size:3.2cqw;font-weight:700;color:#1e8e3e;box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.4);white-space:nowrap}
body.tew-page .tp-shelves{position:absolute;left:6%;top:12%;width:54%;height:76%;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:2cqw;border:1cqw solid #c9bfdc;border-radius:1.4cqw}
body.tew-page .tp-shelves i{border-radius:1cqw;background:linear-gradient(135deg,#d9c6a8,#c3aa84)}
body.tew-page .tp-shelves i:nth-child(3n+2){background:linear-gradient(135deg,#e1d3f5,#c7b1ea)}
body.tew-page .tp-order{position:absolute;right:6%;top:24%;width:34%;display:grid;gap:1.6cqw;padding:3cqw;border-radius:2.4cqw;background:#fff;font-size:3cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45)}
body.tew-page .tp-order span{display:flex;align-items:center;gap:1cqw}.tp-order .i,.tp-check .i{color:#1e8e3e}
body.tew-page .tp-blue{background:#1d2b64}
body.tew-page .tp-plan{position:absolute;inset:8%;width:84%;height:84%}
body.tew-page .tp-plan path,.tp-plan circle{fill:none;stroke:#9fb4ff;stroke-width:1;stroke-dasharray:400;stroke-dashoffset:400;animation:tpDraw 6s ease-in-out infinite}
@keyframes tpDraw{40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-400}}
body.tew-page .tp-blue .tp-gear{color:#fff}.tp-blue .tp-gear.sm{color:#9fb4ff}
body.tew-page .tp-check{position:absolute;right:6%;top:18%;width:42%;display:grid;gap:2cqw;padding:3.4cqw;border-radius:2.4cqw;background:#fff;font-size:3cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45)}
body.tew-page .tp-check span{display:flex;align-items:center;gap:1.2cqw}
body.tew-page .tp-road{background:linear-gradient(transparent 58%,#ddd3ea 58% 76%,transparent 76%)}
body.tew-page .tp-lane{position:absolute;left:0;right:0;top:66.5%;height:.8cqw;background:repeating-linear-gradient(90deg,#fff 0 5cqw,transparent 5cqw 10cqw)}
body.tew-page .tp-wh2{position:absolute;left:5%;top:22%;display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:2.4cqw;background:#fff;color:var(--tp-a);font-size:10cqw;box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.4)}
body.tew-page .tp-wh2.r{left:auto;right:5%}
body.tew-page .tp-truck{position:absolute;left:18%;top:52%;font-size:14cqw;color:var(--tp-a)}
body.tew-page .tp-meet .tp-av{position:absolute;left:8%;top:12%}
body.tew-page .tp-meet .tp-av.r{left:auto;right:8%}
body.tew-page .tp-meet .tp-bub{position:absolute;left:26%;top:12%;max-width:44%}
body.tew-page .tp-meet .tp-bub.me{left:auto;right:26%;top:30%}
body.tew-page .tp-doc{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);display:flex;align-items:center;gap:2cqw;padding:3cqw 4cqw;border-radius:2.4cqw;background:#fff;font-size:3.2cqw;box-shadow:0 4cqw 8cqw -4cqw rgba(60,20,110,.45);white-space:nowrap}
body.tew-page .tp-doc .i{color:var(--tp-a);font-size:6cqw}
body.tew-page .tp-sig{width:14cqw;height:4cqw;border-bottom:.4cqw solid #cfc6dd;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 16'%3E%3Cpath d='M2 12c6-10 8 4 12-2s6-6 8 0 6 4 10-4 8 8 12 2 8-4 14-2' fill='none' stroke='%237c2dc6' stroke-width='2' stroke-linecap='round' pathLength='100' stroke-dasharray='100' stroke-dashoffset='100'%3E%3Canimate attributeName='stroke-dashoffset' values='100;0;0' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}

/* Animaciones genéricas (en bucle; solo cuando la sección está a la vista) */
body.tew-page .tipos:not(.is-in) .tp-scene *{animation-play-state:paused!important}
body.tew-page .a-float{animation:tpFloat 5s ease-in-out infinite}
body.tew-page .a-float.d2{animation-delay:-1.6s}.a-float.d3{animation-delay:-3.2s}
@keyframes tpFloat{50%{transform:translateY(-2.4cqw)}}
body.tew-page .a-pop{animation:tpPop 5s var(--ease,ease) infinite}
body.tew-page .a-pop.d2{animation-delay:.6s}.a-pop.d3{animation-delay:1.2s}
@keyframes tpPop{0%,8%{opacity:0;transform:translateY(2cqw) scale(.96)}18%,88%{opacity:1;transform:none}100%{opacity:0}}
body.tew-page .a-up{animation:tpUp 5s var(--ease,ease) infinite}
@keyframes tpUp{0%,10%{opacity:0;transform:translateY(8cqw)}25%,88%{opacity:1;transform:none}100%{opacity:0}}
body.tew-page .a-slide{animation:tpSlide 9s ease-in-out infinite}
@keyframes tpSlide{0%,15%{transform:none}45%,60%{transform:translateX(-22cqw)}90%,100%{transform:none}}
body.tew-page .a-scroll{animation:tpScroll 9s ease-in-out infinite}
@keyframes tpScroll{0%,12%{transform:none}50%,62%{transform:translateY(-38%)}100%{transform:none}}
body.tew-page .a-bounce{animation:tpBounce 2.4s ease-in-out infinite}
@keyframes tpBounce{50%{transform:rotate(-45deg) translate(1.4cqw,-1.4cqw)}}
body.tew-page .a-press{animation:tpPress 3.6s ease-in-out infinite}
@keyframes tpPress{0%,70%,100%{transform:none;box-shadow:none}78%{transform:scale(.94)}86%{transform:none;box-shadow:0 0 0 1.4cqw rgba(209,78,226,.25)}}
body.tew-page .a-fillin{animation:tpIn 5s ease infinite}
body.tew-page .a-fillin::after{content:"";position:absolute;left:2cqw;top:50%;height:1.4cqw;margin-top:-.7cqw;border-radius:1cqw;background:#cfc6dd;width:0;animation:tpInTxt 5s ease infinite;animation-delay:inherit}
body.tew-page .a-fillin.d2{animation-delay:.5s}.a-fillin.d3{animation-delay:1s}
@keyframes tpIn{0%,10%{border-color:var(--tp-line)}20%,40%{border-color:var(--tp-m)}50%,100%{border-color:var(--tp-line)}}
@keyframes tpInTxt{0%,12%{width:0}40%,90%{width:55%}100%{width:0}}
body.tew-page .a-spin{animation:tpSpin 6s linear infinite}
body.tew-page .a-spin.rev{animation-direction:reverse;animation-duration:4s}
@keyframes tpSpin{to{transform:rotate(360deg)}}
body.tew-page .a-drive{animation:tpDrive 6s ease-in-out infinite}
@keyframes tpDrive{0%{transform:translateX(0)}45%,55%{transform:translateX(42cqw)}100%{transform:translateX(0) scaleX(1)}}
body.tew-page .a-shine{position:relative}
body.tew-page .a-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);transform:translateX(-100%);animation:tpShine 4s ease-in-out infinite}
@keyframes tpShine{50%,100%{transform:translateX(100%)}}
body.tew-page .a-reveal{animation:tpReveal 5s var(--ease,ease) infinite}
@keyframes tpReveal{0%,10%{clip-path:inset(0 100% 0 0)}35%,90%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0);opacity:0}}
body.tew-page .a-count{animation:tpPulse 2.6s ease-in-out infinite}
@keyframes tpPulse{50%{transform:scale(1.05)}}
@keyframes tpSel{0%,45%{transform:none}50%{transform:scale(1.12)}55%,100%{transform:none}}
@media (prefers-reduced-motion:reduce){body.tew-page .tp-scene *{animation:none!important}}
/* Ajustes tras la revisión visual */
body.tew-page .tp-asm::before{content:"";position:absolute;left:12%;right:12%;top:58%;height:3cqw;border-radius:2cqw;background:#ddd3ea}
body.tew-page .tp-asm .tp-part{top:36%;width:18cqw;height:18cqw}
body.tew-page .tp-asm .tp-part.a1{left:16%;--dx:20cqw}.tp-asm .tp-part.a2{left:41%}.tp-asm .tp-part.a3{left:66%;--dx:-20cqw}
body.tew-page .tp-doc{font-size:2.8cqw;padding:2.4cqw 3cqw;gap:1.4cqw}
body.tew-page .tp-doc .i{font-size:4.6cqw}
body.tew-page .tp-sig{width:9cqw}
body.tew-page .tp-txt .sb-tag{display:inline-block;white-space:normal;line-height:1.45;padding:5px 10px;border-radius:10px;text-align:left}
/* Segunda revisión (1/10/2026) */
body.tew-page .tp-banner .tp-btn{align-self:center}
/* Ingeniería e integración: misma gama clara que el resto */
body.tew-page .tp-blue{background:radial-gradient(120% 90% at 0 0,#fbeefe,transparent 60%),linear-gradient(160deg,#f6f2fb,#ece6f5)}
body.tew-page .tp-plan path,body.tew-page .tp-plan circle{stroke:#7c2dc6}
body.tew-page .tp-blue .tp-gear{color:#7c2dc6}
body.tew-page .tp-blue .tp-gear.sm{color:#d14ee2}
/* Escenas de SEO + IA */
body.tew-page .tp-pos{display:inline-grid;place-items:center;width:5cqw;height:5cqw;border-radius:50%;background:linear-gradient(135deg,#d14ee2,#7c2dc6);color:#fff;font-size:2.8cqw;font-weight:800}
body.tew-page .tp-ai{position:absolute;inset:0;display:flex;flex-direction:column;gap:3cqw;padding:7% 8%;font-size:3.2cqw}
body.tew-page .tp-ai .tp-bub{font-size:3.1cqw;max-width:78%}
body.tew-page .tp-aians,body.tew-page .tp-aio{display:flex;flex-direction:column;gap:1.8cqw;padding:3.4cqw;border-radius:3cqw;background:#fff;box-shadow:0 3cqw 6cqw -3cqw rgba(60,20,110,.35);align-self:flex-start;width:86%}
body.tew-page .tp-aio{width:100%;box-shadow:0 0 0 .5cqw rgba(209,78,226,.35);overflow:hidden}
body.tew-page .tp-ailbl{display:inline-flex;align-items:center;gap:1.2cqw;font-size:2.6cqw;font-weight:700;color:#7c2dc6}
body.tew-page .tp-aicard{display:flex;align-items:center;gap:2cqw;padding:2cqw 2.6cqw;border-radius:2.4cqw;background:#f6f1fb;border:1px solid #e3d6f5}
body.tew-page .tp-aicard .iso{font-size:6cqw}
body.tew-page .tp-aicard span{display:grid;font-size:2.8cqw}
body.tew-page .tp-note{position:absolute;right:5%;bottom:4%;font-size:2.3cqw!important}
body.tew-page .tp-chip .iso{font-size:3.4cqw}
body.tew-page .tp-art{display:flex;flex-direction:column;gap:1.8cqw}
body.tew-page .tp-faq{display:flex;flex-direction:column;gap:1.4cqw;padding:2.6cqw;border-radius:2.4cqw;background:#faf8fc;border:1px solid var(--tp-line)}
body.tew-page .tp-tagx{align-self:flex-start;font-size:2.2cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.5cqw 1.6cqw;border-radius:1cqw;background:#f1e6fb;color:#7c2dc6}
body.tew-page .tp-tagx.a{background:#e6f7ec;color:#1e8e3e}
body.tew-page .tp-hub.six .tp-node.n5{left:50%;top:5%;transform:translateX(-50%);animation-delay:2s}
body.tew-page .tp-hub.six .tp-node.n6{left:50%;bottom:5%;transform:translateX(-50%);animation-delay:2.5s}
body.tew-page .tp-hub.six .tp-node.n1{top:18%}body.tew-page .tp-hub.six .tp-node.n2{top:18%}body.tew-page .tp-hub.six .tp-node.n3{bottom:18%}body.tew-page .tp-hub.six .tp-node.n4{bottom:18%}
/* Centro del diagrama sin transform (la animación de pulso lo descolocaba) */
body.tew-page .tp-core{left:0;right:0;top:0;bottom:0;margin:auto;transform:none}
body.tew-page .tp-hub.six .tp-node.n5,body.tew-page .tp-hub.six .tp-node.n6{left:0;right:0;margin-inline:auto;width:fit-content;transform:none}