/* =====================================================================
   v16 · Micro-animaciones en servicios, escenas del proceso,
   plantillas por rubro con estructura propia
   ===================================================================== */

/* ---------- Servicios: las animaciones corren solo con la sección a la vista ---------- */
.svc-ui *{animation-play-state:paused!important}
#servicios.anim-on .svc-ui *{animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){.svc-ui *{animation:none!important}}
.svc-ui .ui{background:#fff;border:1px solid #e7ddf6}
#deal .svc14.is-picked .svc-ui .ui{border-color:#ffffff26}

/* 1 · Desarrollo web: el código se escribe y la ventana pasa de computador a celular */
.a-web{display:grid;place-items:center;background:linear-gradient(135deg,#f7f3fd,#fff)!important}
.aw-frame{position:relative;width:92%;height:84%;border-radius:8px;background:#1a1230;border:2px solid #29233d;overflow:hidden;animation:awMorph 8s cubic-bezier(.7,0,.3,1) infinite}
.aw-dots{display:flex;gap:3px;padding:4px 6px}.aw-dots i{width:4px;height:4px;border-radius:50%;background:#5d5379}
.aw-body{display:flex;height:calc(100% - 12px)}
.aw-code{width:50%;padding:4px 7px;display:grid;gap:5px;align-content:start;overflow:hidden;animation:awCode 8s cubic-bezier(.7,0,.3,1) infinite}
.aw-code i{display:block;height:4px;border-radius:2px;width:0;animation:awType 8s steps(10) infinite}
.aw-code .l1{background:#ff8a65;--w:70%}.aw-code .l2{background:#7dd3fc;--w:85%;margin-left:12%;animation-delay:.25s}.aw-code .l3{background:#c6ff3d;--w:50%;margin-left:12%;animation-delay:.5s}
.aw-code .l4{background:#f0abfc;--w:75%;margin-left:24%;animation-delay:.75s}.aw-code .l5{background:#ff8a65;--w:40%;animation-delay:1s}
.aw-design{flex:1;padding:5px;display:grid;gap:4px;align-content:start;background:#fbfaff}
.aw-design i{display:block;border-radius:2px;background:#e7ddf6}
.aw-design .dn{height:4px;width:45%}.aw-design .dh{height:8px;width:85%;background:#12101f}.aw-design .db{height:7px;width:42%;border-radius:9px;background:var(--violeta)}
.aw-design span{display:grid;grid-template-columns:1fr 1fr;gap:4px}.aw-design span i{height:12px}
@keyframes awType{0%,4%{width:0}22%,88%{width:var(--w)}96%,100%{width:0}}
@keyframes awMorph{0%,40%{width:92%;height:84%;border-radius:8px}52%,84%{width:30%;height:96%;border-radius:14px}96%,100%{width:92%;height:84%;border-radius:8px}}
@keyframes awCode{0%,40%{width:50%;opacity:1}50%,86%{width:0;opacity:0;padding:0}96%,100%{width:50%;opacity:1}}

/* 2 · Catálogo: el cursor toca "Pedir" y aparece el pedido listo */
.a-shop{position:absolute;display:flex;align-items:center;gap:10px;padding:10px}
.a-shop .us-btn{position:relative;animation:asBtn 6s ease-in-out infinite}
.a-cursor{position:absolute;width:18px;height:18px;right:8px;bottom:-4px;fill:#12101f;stroke:#fff;stroke-width:1.5;z-index:3;animation:asCursor 6s cubic-bezier(.6,0,.3,1) infinite}
.as-bubble{position:absolute;right:10px;top:6px;max-width:58%;padding:6px 9px;border-radius:10px 10px 2px 10px;background:#dcf8c6;color:#0b3d1f;font:600 10px/1.3 'Work Sans',sans-serif;box-shadow:0 4px 10px #0b3d1f26;opacity:0;transform-origin:100% 100%;animation:asBubble 6s ease-out infinite;z-index:2}
@keyframes asCursor{0%,10%{transform:translate(0,0)}32%,40%{transform:translate(-14px,-22px)}36%{transform:translate(-14px,-22px) scale(.82)}60%,100%{transform:translate(0,0)}}
@keyframes asBtn{0%,34%{box-shadow:0 0 0 0 #25d36600;transform:scale(1)}37%{transform:scale(.92);box-shadow:0 0 0 6px #25d36655}44%,100%{transform:scale(1);box-shadow:0 0 0 0 #25d36600}}
@keyframes asBubble{0%,40%{opacity:0;transform:scale(.6) translateY(8px)}48%,86%{opacity:1;transform:scale(1) translateY(0)}94%,100%{opacity:0;transform:scale(.9)}}

/* 3 · Dominio: el candado se cierra en verde con pulso, se iluminan .cl y el correo */
.a-dom{position:absolute;display:grid;align-content:center;gap:9px;padding:10px}
.a-dom .ud-bar{transition:none;animation:adBar 6s ease infinite}
.ad-lock{position:relative;display:grid;place-items:center;width:16px;height:16px;flex-shrink:0}
.ad-lock svg{width:16px;height:16px;fill:none;stroke:#9a93a8;stroke-width:2.2;stroke-linecap:round;animation:adLock 6s ease infinite}
.ad-shackle{animation:adShackle 6s cubic-bezier(.5,0,.2,1.4) infinite}
.ad-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid #16a34a;opacity:0;animation:adPulse 6s ease-out infinite}
.ad-cl{border-radius:4px;padding:0 2px;animation:adCl 6s ease infinite}
.ad-ok{margin-left:auto;font:700 10px var(--mono);color:#16a34a;opacity:0;animation:adOk 6s ease infinite}
.ad-mail{border-radius:6px;padding:2px 4px;animation:adMail 6s ease infinite}
@keyframes adShackle{0%,18%{transform:translateY(-3px)}28%,90%{transform:translateY(0)}100%{transform:translateY(-3px)}}
@keyframes adLock{0%,24%{stroke:#9a93a8}30%,92%{stroke:#16a34a}100%{stroke:#9a93a8}}
@keyframes adPulse{0%,28%{opacity:0;transform:scale(.6)}32%{opacity:1}52%,100%{opacity:0;transform:scale(1.8)}}
@keyframes adBar{0%,26%{border-color:#e1d6f6;background:#f7f5fa}32%,92%{border-color:#86d9a3;background:#effbf3}100%{border-color:#e1d6f6;background:#f7f5fa}}
@keyframes adCl{0%,40%{background:transparent;color:var(--violeta)}48%,92%{background:var(--violeta);color:#fff}100%{background:transparent}}
@keyframes adOk{0%,34%{opacity:0}42%,92%{opacity:1}100%{opacity:0}}
@keyframes adMail{0%,56%{background:transparent;color:#5d5670}64%,92%{background:#efe8ff;color:#12101f}100%{background:transparent}}

/* 4 · SEO: tu ficha sube al #1, se encienden las estrellas y el pin rebota */
.a-seo{position:absolute;padding:8px 10px}
.as-list{position:relative;height:100%}
.as-r{position:absolute;left:0;right:26px;height:30%;display:grid;align-content:center;gap:3px;padding:0 8px;border-radius:7px;background:#fff;border:1px solid #eee8f6}
.as-r i{display:block;height:4px;border-radius:2px;background:#e2dcea;width:85%}.as-r i.short{width:55%}
.r-a{top:0;animation:asA 7s cubic-bezier(.6,0,.3,1) infinite}.r-b{top:34%;animation:asB 7s cubic-bezier(.6,0,.3,1) infinite}
.r-me{top:68%;display:flex;align-items:center;gap:6px;border-color:#b99bf5;box-shadow:0 4px 10px #6c2bff1f;animation:asMe 7s cubic-bezier(.6,0,.3,1) infinite;z-index:1}
.as-pos{font:700 10px var(--mono);color:#fff;background:var(--violeta);border-radius:4px;padding:1px 4px}
.as-t{font:600 11px/1.1 Arial,sans-serif;color:#1a0dab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.as-stars{display:flex;font-size:10px}.as-stars i{font-style:normal;color:#d9d2e4;animation:asStar 7s steps(1) infinite}
.as-stars i:nth-child(2){animation-delay:.18s}.as-stars i:nth-child(3){animation-delay:.36s}.as-stars i:nth-child(4){animation-delay:.54s}.as-stars i:nth-child(5){animation-delay:.72s}
.as-pin{position:absolute;right:4px;top:30%;width:22px;height:22px;fill:#ea4335;stroke:#fff;stroke-width:1;animation:asPin 7s ease infinite}
.as-pin circle{fill:#fff;stroke:none}
@keyframes asMe{0%,14%{top:68%}30%,88%{top:0}100%{top:68%}}
@keyframes asA{0%,14%{top:0}30%,88%{top:34%}100%{top:0}}
@keyframes asB{0%,14%{top:34%}30%,88%{top:68%}100%{top:34%}}
@keyframes asStar{0%,38%{color:#d9d2e4}40%,90%{color:#f4b400}92%,100%{color:#d9d2e4}}
@keyframes asPin{0%,62%,100%{transform:translateY(0)}68%{transform:translateY(-8px)}74%{transform:translateY(0)}78%{transform:translateY(-3px)}82%{transform:translateY(0)}}

/* 5 · Redacción: la onda viaja a la IA y sale texto escribiéndose */
.a-copy{position:absolute;display:flex;align-items:center;gap:6px;padding:10px}
.ac-wave{display:flex;align-items:center;gap:2px;height:18px}
.ac-wave i{display:block;width:3px;height:16px;border-radius:2px;background:#128c4a;transform-origin:50% 50%;animation:acWave 1.1s ease-in-out infinite}
.ac-wave i:nth-child(2){animation-delay:.1s}.ac-wave i:nth-child(3){animation-delay:.2s}.ac-wave i:nth-child(4){animation-delay:.3s}.ac-wave i:nth-child(5){animation-delay:.4s}.ac-wave i:nth-child(6){animation-delay:.5s}.ac-wave i:nth-child(7){animation-delay:.6s}
.ac-trail{position:relative;width:26px;height:10px;flex-shrink:0}
.ac-trail i{position:absolute;left:0;top:3px;width:4px;height:4px;border-radius:50%;background:#128c4a;opacity:0;animation:acTrail 2.2s linear infinite}
.ac-trail i:nth-child(2){animation-delay:.7s}.ac-trail i:nth-child(3){animation-delay:1.4s}
.ac-ai{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#8a52ff,#5a1fe0);color:#fff;font:700 11px var(--mono);animation:acAi 2.2s ease-in-out infinite}
.ac-text{flex:1;display:grid;gap:5px;padding:8px;border-radius:8px;background:#f7f3fd;min-width:0}
.ac-text i{display:block;height:5px;border-radius:3px;background:#cdbff0;width:0;animation:acLine 6s steps(12) infinite}
.ac-text i.h{height:7px;background:#12101f;--w:72%}.ac-text i:nth-child(2){--w:95%;animation-delay:.5s}.ac-text i:nth-child(3){--w:88%;animation-delay:1s}.ac-text i.short{--w:55%;animation-delay:1.5s}
@keyframes acWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes acTrail{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(22px)}}
@keyframes acAi{0%,100%{box-shadow:0 0 0 0 #6c2bff00}50%{box-shadow:0 0 0 5px #6c2bff33}}
@keyframes acLine{0%,8%{width:0}30%,88%{width:var(--w)}96%,100%{width:0}}

/* 6 · PDF: las hojas del dossier se dan vuelta */
.a-pdf{display:grid;place-items:center;background:linear-gradient(135deg,#efe9fb,#fff)!important}
.ap-book{position:relative;display:flex;width:150px;height:72px;perspective:500px}
.ap-left,.ap-base,.ap-flip{width:75px;height:72px;box-sizing:border-box;padding:7px;background:#fff;display:grid;gap:5px;align-content:start;box-shadow:0 4px 10px #1a0b451f}
.ap-left{border-radius:4px 0 0 4px}.ap-base{border-radius:0 4px 4px 0}
.ap-flip{position:absolute;left:75px;top:0;border-radius:0 4px 4px 0;transform-origin:0 50%;backface-visibility:hidden;animation:apFlip 6s cubic-bezier(.6,0,.3,1) infinite}
.ap-flip.f2{animation-delay:1.5s}
.ap-book i{display:block;height:4px;border-radius:2px;background:#d9cfee}.ap-book i.short{width:60%}
.ap-book i.img{height:26px;background:linear-gradient(135deg,#8a52ff,#c6ff3d)}.ap-book i.img.small{height:16px;background:linear-gradient(135deg,#f6c9a9,#e3896c)}
@keyframes apFlip{0%,20%{transform:rotateY(0)}45%,100%{transform:rotateY(-180deg)}}

/* ---------- Cintilla técnica arriba de las tarjetas ---------- */
.svc13 .stack14{width:calc(100% - 64px);max-width:1160px;margin:0 auto 40px;box-sizing:border-box;background:#fff;border:1px solid #e4d8f6;box-shadow:var(--e1)}
.svc13 .stack14 .stack-k{color:var(--violeta)}
.svc13 .stack14 span:not(.stack-k){border-color:#d9c8f6;color:var(--ink);background:#faf7ff}
.svc13 .stack14 svg{stroke:var(--violeta)}
@media(max-width:760px){.svc13 .stack14{width:calc(100% - 36px);padding:16px}}

/* ---------- Cómo trabajamos: cinco escenas distintas ---------- */
.scenes16{position:relative;min-height:330px!important;padding:0!important;background:#fbfaff;overflow:hidden}
.scene{position:absolute;inset:0;padding:22px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-ui),visibility 0s .45s}
.scene.is-active{opacity:1;visibility:visible;transition:opacity .45s var(--ease-ui)}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes grow{from{width:0}to{width:100%}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.scene.is-active [class*="m-"],.scene.is-active .up-files li,.scene.is-active .rv-stamp,.scene.is-active .ed-desk i,.scene.is-active .ed-phone i,.scene.is-active .lv-t,.scene.is-active .lv-row,.scene.is-active .up-voice{animation:popIn .55s var(--ease-ui) both}

/* 01 · Conversación de WhatsApp */
.sc-chat{background:#efeae2;display:flex;flex-direction:column;padding:0}
.sc-head{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#075e54;color:#fff;font-size:13px}
.sc-head svg{width:18px;height:18px;fill:#25d366;stroke:#fff;stroke-width:1.5}.sc-head span{font-size:11px;opacity:.8}
.sc-msgs{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px}
.sc-msgs p{margin:0;max-width:72%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.45;box-shadow:0 1px 1px #0000001a}
.m-in{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}
.m-out{align-self:flex-start;background:#fff;border-top-left-radius:3px;animation-delay:.9s!important}
.m-plans{display:flex;gap:6px;animation-delay:1.7s!important}
.m-plans span{padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #d9d2c6;font:600 12px Outfit,sans-serif;color:#12101f}
.m-plans span.on{background:var(--violeta);border-color:var(--violeta);color:#fff}

/* 02 · Nota de voz + fotos y logo subiéndose */
.sc-upload{display:grid;gap:14px;align-content:center}
.up-voice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#d9fdd3;max-width:320px}
.up-voice svg{width:18px;height:18px;fill:#128c4a}
.up-wave{display:flex;align-items:center;gap:3px;flex:1}
.up-wave i{display:block;width:4px;height:18px;border-radius:2px;background:#a7d8b8}
.up-wave i:nth-child(3n){height:10px}.up-wave i:nth-child(4n){height:24px}
.scene.is-active .up-wave i{animation:upPlay 2.4s steps(1) both}
.up-wave i:nth-child(2){animation-delay:.2s!important}.up-wave i:nth-child(3){animation-delay:.4s!important}.up-wave i:nth-child(4){animation-delay:.6s!important}.up-wave i:nth-child(5){animation-delay:.8s!important}.up-wave i:nth-child(6){animation-delay:1s!important}.up-wave i:nth-child(7){animation-delay:1.2s!important}.up-wave i:nth-child(8){animation-delay:1.4s!important}.up-wave i:nth-child(9){animation-delay:1.6s!important}.up-wave i:nth-child(10){animation-delay:1.8s!important}.up-wave i:nth-child(11){animation-delay:2s!important}.up-wave i:nth-child(12){animation-delay:2.2s!important}
@keyframes upPlay{from{background:#a7d8b8}to{background:#128c4a}}
.up-time{font:600 12px var(--mono);color:#128c4a}
.up-files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.up-files li{display:grid;grid-template-columns:36px 90px 1fr 18px;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e7ddf6}
.up-files li:nth-child(2){animation-delay:.5s!important}.up-files li:nth-child(3){animation-delay:1s!important}
.uf-thumb{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font:800 13px Outfit,sans-serif}
.t-logo{background:var(--lime);color:var(--ink)}.t-ph1{background:linear-gradient(135deg,#f6c9a9,#e3896c)}.t-ph2{background:linear-gradient(135deg,#d5e1d8,#86a393)}
.uf-name{font:500 12px var(--mono);color:#12101f}
.uf-bar{height:6px;border-radius:3px;background:#efe8ff;overflow:hidden}.uf-bar i{display:block;height:100%;width:0;background:var(--violeta)}
.scene.is-active .uf-bar i{animation:grow 1.4s var(--ease-ui) both}
.up-files li:nth-child(2) .uf-bar i{animation-delay:.6s!important}.up-files li:nth-child(3) .uf-bar i{animation-delay:1.1s!important}
.up-files b{color:#16a34a;opacity:0}
.scene.is-active .up-files b{animation:fadeIn .3s 1.5s both}.scene.is-active .up-files li:nth-child(2) b{animation-delay:2.1s}.scene.is-active .up-files li:nth-child(3) b{animation-delay:2.6s}

/* 03 · Editor armando estructura, colores y botones */
.sc-editor{display:grid;grid-template-columns:110px 1fr;gap:14px;background:#120c22}
.ed-side{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#1d1532;color:#cfc6e4}
.ed-k{font:600 10px var(--mono);color:#8f84ab;margin-top:4px}
.ed-sw{display:flex;gap:4px}.ed-sw i{width:16px;height:16px;border-radius:5px}
.ed-sw i:nth-child(1){background:#6c2bff}.ed-sw i:nth-child(2){background:#c6ff3d}.ed-sw i:nth-child(3){background:#fbfaff}.ed-sw i:nth-child(4){background:#12101f;border:1px solid #3a2a66}
.ed-font{font:800 24px Outfit,sans-serif;color:#fff}
.ed-btn{align-self:flex-start;padding:5px 12px;border-radius:99px;background:var(--lime);color:var(--ink);font:700 11px Outfit,sans-serif}
.ed-canvas{position:relative;display:flex;align-items:flex-end;gap:12px}
.ed-desk{flex:1;height:100%;box-sizing:border-box;padding:12px;border-radius:10px;background:#fbfaff;display:grid;gap:8px;align-content:start;outline:1.5px dashed #6c2bff88;outline-offset:3px}
.ed-desk i,.ed-phone i{display:block;border-radius:4px;background:#e7ddf6}
.ed-desk .b1{height:8px;width:40%}.ed-desk .b2{height:20px;width:80%;background:#12101f}.ed-desk .b3{height:16px;width:34%;border-radius:99px;background:var(--violeta)}
.ed-desk span{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ed-desk span i{height:56px}
.ed-desk i:nth-child(2){animation-delay:.3s!important}.ed-desk i:nth-child(3){animation-delay:.6s!important}.ed-desk span i{animation-delay:.9s!important}
.ed-phone{width:82px;height:86%;box-sizing:border-box;padding:12px 8px;border-radius:14px;background:#fbfaff;border:4px solid #29233d;display:grid;gap:6px;align-content:start}
.ed-phone .b1{height:6px;width:50%}.ed-phone .b2{height:14px;background:#12101f}.ed-phone .b3{height:10px;width:60%;border-radius:99px;background:var(--violeta)}.ed-phone .b4{height:30px}
.ed-phone i{animation-delay:1.2s!important}

/* 04 · Revisión con marcas aprobadas */
.sc-review{display:grid;place-items:center}
.rv-site{width:88%;padding:16px;border-radius:12px;background:#fff;border:1px solid #e7ddf6;display:grid;gap:9px;box-shadow:var(--e1)}
.rv-site i{display:block;border-radius:4px;background:#e7ddf6}
.rv-nav{height:7px;width:30%}.rv-h{height:20px;width:70%;background:#12101f!important}.rv-p{height:7px;width:85%}.rv-btn{height:16px;width:28%;border-radius:99px!important;background:var(--violeta)!important}
.rv-site span{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rv-site span i{height:44px}
.rv-stamp{position:absolute;padding:8px 14px;border-radius:10px;background:#effbf3;border:2px solid #16a34a;color:#0f5132;font:700 13px var(--mono);box-shadow:0 8px 20px #0f513226}
.rv-stamp.s1{right:9%;top:22%;rotate:-4deg;animation-delay:.6s!important}
.rv-stamp.s2{left:9%;bottom:16%;rotate:3deg;animation-delay:1.4s!important}
.rv-pin{position:absolute;left:30%;top:16%;width:24px;height:24px;border-radius:50% 50% 50% 4px;background:var(--violeta);color:#fff;display:grid;place-items:center;font:700 12px var(--mono);opacity:0}
.scene.is-active .rv-pin{animation:popIn .5s .2s both}

/* 05 · ¡En línea! */
.sc-live{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#efe8ff,#fbfaff 70%)}
.lv-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lime);color:var(--ink);font:800 30px Outfit,sans-serif;box-shadow:0 0 0 10px #c6ff3d40}
.scene.is-active .lv-badge{animation:lvPop .7s cubic-bezier(.3,1.6,.5,1) both}
@keyframes lvPop{from{transform:scale(0)}to{transform:scale(1)}}
.lv-t{font:800 26px/1.15 Outfit,sans-serif;color:var(--ink);letter-spacing:-.02em;animation-delay:.3s!important}
.lv-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation-delay:.6s!important}
.lv-ssl,.lv-visits{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:#fff;border:1px solid #cfe7d6;font:600 12px var(--mono);color:#0f5132}
.lv-ssl svg{width:14px;height:14px;fill:none;stroke:#16a34a;stroke-width:2.2}
.lv-visits>i{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:lvDot 1.2s ease-in-out infinite}
@keyframes lvDot{50%{box-shadow:0 0 0 5px #16a34a33}}
.lv-visits em{position:absolute;right:8px;top:0;font:700 11px var(--mono);font-style:normal;color:var(--violeta);opacity:0}
.scene.is-active .lv-visits em{animation:lvUp 1.6s ease-out infinite}
.lv-visits em:nth-of-type(2){animation-delay:.55s!important}.lv-visits em:nth-of-type(3){animation-delay:1.1s!important}
@keyframes lvUp{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}
.lv-confetti i{position:absolute;top:-10px;width:7px;height:12px;border-radius:2px;opacity:0}
.lv-confetti i:nth-child(odd){background:var(--lime)}.lv-confetti i:nth-child(even){background:var(--violeta)}
.lv-confetti i:nth-child(1){left:12%}.lv-confetti i:nth-child(2){left:24%}.lv-confetti i:nth-child(3){left:36%}.lv-confetti i:nth-child(4){left:48%}.lv-confetti i:nth-child(5){left:60%}.lv-confetti i:nth-child(6){left:72%}.lv-confetti i:nth-child(7){left:84%}.lv-confetti i:nth-child(8){left:92%}
.scene.is-active .lv-confetti i{animation:lvFall 2.4s ease-in both}
.lv-confetti i:nth-child(2n){animation-delay:.3s!important}.lv-confetti i:nth-child(3n){animation-delay:.6s!important}
@keyframes lvFall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(340px) rotate(260deg)}}
@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;opacity:1}.up-files b{opacity:1}.uf-bar i{width:100%}}
@media(max-width:760px){.scenes16{min-height:300px!important}.sc-editor{grid-template-columns:84px 1fr}.ed-phone{width:64px}.up-files li{grid-template-columns:32px 80px 1fr 16px}.lv-t{font-size:21px}.sc-msgs p{max-width:86%}}

/* ---------- Plantillas por rubro: cada una con su estructura ---------- */
.tp{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2.6cqw;padding:3cqw 3.8cqw;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}
.tp b,.tp small,.tp i,.tp em{font-style:normal}
.tp-nav{display:flex;align-items:center;gap:2.4cqw;font:500 1.8cqw 'Work Sans',sans-serif;white-space:nowrap}
.tp-logo{display:flex;align-items:center;gap:1cqw;margin-right:auto;font:700 2.8cqw/1 var(--font);letter-spacing:-.01em}
.tp-menu{display:flex;gap:2.2cqw;opacity:.78}
.tp-cta{display:inline-flex;align-items:center;justify-content:center;padding:1.1cqw 2.4cqw;border-radius:99px;background:var(--ac);color:#fff;font:600 1.8cqw 'Work Sans',sans-serif;white-space:nowrap}
.tp small{font:600 1.5cqw 'Work Sans',sans-serif;letter-spacing:.12em;opacity:.75}

/* Médico / dental */
.md-cross{position:relative;width:3cqw;height:3cqw;border-radius:.8cqw;background:var(--ac)}
.md-cross:before,.md-cross:after{content:'';position:absolute;left:50%;top:50%;background:#fff;border-radius:.2cqw;transform:translate(-50%,-50%)}
.md-cross:before{width:1.8cqw;height:.55cqw}.md-cross:after{width:.55cqw;height:1.8cqw}
.md-hero{flex:1;display:grid;grid-template-columns:1.5fr .7fr;gap:3cqw;align-items:center;padding:3cqw;border-radius:2cqw;background:linear-gradient(135deg,var(--soft),#fff)}
.md-copy{display:grid;gap:1.6cqw}.md-copy small{color:var(--ac);opacity:1}
.md-copy>b{font:700 5.2cqw/1.04 var(--font);letter-spacing:-.02em}
.md-search{display:flex;gap:1cqw;padding:1cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 1cqw 3cqw #0f2a4a14}
.md-search span{flex:1;padding:1cqw 1.4cqw;border-radius:1cqw;background:#f3f7fd;font:500 1.6cqw 'Work Sans',sans-serif;color:#4a6584;white-space:nowrap}
.md-search .go{flex:1.6;background:var(--ac);color:#fff;font-weight:600;text-align:center}
.md-seal{display:grid;place-items:center;gap:.6cqw;aspect-ratio:1;border-radius:50%;border:.5cqw dashed var(--ac);background:#fff;text-align:center;padding:2cqw}
.md-seal b{font:800 2.6cqw/1 'Outfit',sans-serif;color:var(--ac)}.md-seal small{font-size:1.3cqw;letter-spacing:.04em}
.md-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}
.md-cards div{display:grid;gap:.6cqw;padding:1.8cqw;border-radius:1.6cqw;background:#fff;border:1px solid #d9e6f7}
.md-cards i{width:3.2cqw;height:3.2cqw;border-radius:1cqw;background:var(--soft);border:.4cqw solid var(--ac)}
.md-cards b{font:600 2cqw/1.1 var(--font)}.md-cards small{letter-spacing:0;font-size:1.5cqw}

/* Veterinaria */
.vt-urg{display:flex;justify-content:space-between;margin:-3cqw -3.8cqw 0;padding:1cqw 3.8cqw;background:#12352b;color:#e9f7f0;font:600 1.6cqw 'Work Sans',sans-serif}
.vt-urg span:first-child{display:flex;align-items:center;gap:1cqw}.vt-urg i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#ff6b5a}
.vt-paw{position:relative;width:3cqw;height:3cqw;border-radius:50% 50% 45% 45%;background:var(--ac)}
.vt-paw i{position:absolute;top:-1cqw;width:1cqw;height:1.2cqw;border-radius:50%;background:var(--ac)}.vt-paw i:nth-child(1){left:0}.vt-paw i:nth-child(2){left:1cqw;top:-1.5cqw}.vt-paw i:nth-child(3){right:0}
.vt-hero{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:3cqw;align-items:center}
.vt-copy{display:grid;gap:2cqw;justify-items:start}.vt-copy b{font:800 5cqw/1.04 var(--font);letter-spacing:-.02em}
.vt-file{display:grid;gap:1cqw;padding:2.4cqw;border-radius:2cqw;background:#fff;border:1px solid #d9eadf;box-shadow:0 1.4cqw 3cqw #12352b14}
.vt-file small{color:var(--ac);opacity:1}
.vt-file p{margin:0;display:flex;justify-content:space-between;padding-bottom:1cqw;border-bottom:1px dashed #cfe3d6;font:500 1.7cqw 'Work Sans',sans-serif}
.vt-file p span{opacity:.7}
.vt-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}
.vt-plans div{display:grid;gap:.5cqw;padding:1.8cqw;border-radius:1.6cqw;background:var(--soft)}
.vt-plans div.on{background:var(--ac);color:#fff}
.vt-plans b{font:700 2cqw var(--font)}.vt-plans small{letter-spacing:0;font-size:1.5cqw}

/* Jurídico / contable */
.lg-nav{justify-content:space-between;border-bottom:1px solid #ffffff1f;padding-bottom:1.6cqw}
.lg-nav .tp-logo{margin:0 auto;font-size:3cqw;letter-spacing:.08em;color:var(--ac)}.lg-nav .tp-logo span{color:var(--fg);font-weight:500;letter-spacing:.02em}
.lg-hero{flex:1;display:grid;place-items:center;align-content:center;gap:1.8cqw;text-align:center}
.lg-hero small{color:var(--ac);opacity:1}
.lg-hero b{font:600 5cqw/1.08 var(--font);max-width:30ch}
.lg-hero .tp-cta{background:var(--ac);color:#0f1d33}
.lg-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff1f;padding:1.6cqw 0}
.lg-stats span{display:grid;justify-items:center;font:500 1.5cqw 'Work Sans',sans-serif;opacity:.85}
.lg-stats b{font:600 3.6cqw/1 var(--font);color:var(--ac)}
.lg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}
.lg-cards div{display:grid;gap:.6cqw;padding:1.8cqw;border:1px solid #c9a46a55;border-radius:.6cqw;background:var(--soft)}
.lg-cards small{color:var(--ac);opacity:1;letter-spacing:.08em}.lg-cards b{font:600 2cqw/1.1 var(--font)}

/* Pastelería: vitrina con grilla de productos */
.pa-band{display:flex;justify-content:space-between;align-items:center;padding:1.6cqw 2.4cqw;border-radius:1.6cqw;background:var(--ac);color:#fff}
.pa-band b{font:800 3.4cqw/1 var(--font)}.pa-band span{font:500 1.7cqw 'Work Sans',sans-serif}
.pa-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw;min-height:0}
.pa-item{display:flex;flex-direction:column;gap:.8cqw;padding:1.4cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 1cqw 2.4cqw #3b2a2014}
.pa-img{position:relative;flex:1;min-height:9cqw;border-radius:1.2cqw;background:var(--soft);overflow:hidden}
.pa-img i{position:absolute;left:50%;transform:translateX(-50%);border-radius:1cqw}
.pa-cake i:nth-child(1){bottom:18%;width:62%;height:30%;background:#e3896c}.pa-cake i:nth-child(2){bottom:48%;width:46%;height:22%;background:#f6c9a9;border-radius:1cqw 1cqw .4cqw .4cqw}
.pa-cup i:nth-child(1){bottom:16%;width:36%;height:32%;background:#c9765a;border-radius:.4cqw .4cqw 1.4cqw 1.4cqw}.pa-cup i:nth-child(2){bottom:44%;width:46%;height:28%;background:#fff3ea;border-radius:50% 50% 30% 30%}
.pa-cookie i:nth-child(1){top:24%;width:44%;aspect-ratio:1;height:auto;border-radius:50%;background:#d8a271;left:38%}.pa-cookie i:nth-child(2){top:34%;width:44%;aspect-ratio:1;height:auto;border-radius:50%;background:#b77d4f;left:62%}
.pa-pie i:nth-child(1){bottom:20%;width:70%;height:24%;background:#d8a271;border-radius:.6cqw .6cqw 2cqw 2cqw}.pa-pie i:nth-child(2){bottom:40%;width:60%;height:14%;background:#b8325a;border-radius:2cqw 2cqw .4cqw .4cqw}
.pa-item b{font:600 1.7cqw/1.15 var(--font)}.pa-item em{font:700 1.7cqw var(--font);color:var(--ac)}
.pa-buy{padding:.8cqw;border-radius:99px;background:var(--fg);color:#fff;text-align:center;font:600 1.5cqw 'Work Sans',sans-serif}

/* Taller: industrial oscuro con selector y tabla */
.tp-taller .tp-logo{font-size:3.4cqw;letter-spacing:.04em}.tp-taller .tp-logo span{color:var(--ac);margin-left:.6cqw}
.tq-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:3cqw;padding:2.6cqw;border-radius:1cqw;background:linear-gradient(135deg,#262a31,#1d2026);border-left:.8cqw solid var(--ac)}
.tq-hero small{color:var(--ac);opacity:1}.tq-hero b{display:block;margin-top:1cqw;font:700 4.8cqw/1 var(--font);text-transform:uppercase;max-width:20ch}
.tq-sel{display:flex;padding:.6cqw;border-radius:1cqw;background:#111317;gap:.6cqw}
.tq-sel span{padding:1cqw 1.8cqw;border-radius:.7cqw;font:600 1.8cqw var(--font);color:#b9bcc3;text-transform:uppercase}
.tq-sel span.on{background:var(--ac);color:#111317}
.tq-table{flex:1;display:grid;align-content:start;border-radius:1cqw;overflow:hidden;border:1px solid #2f343c}
.tq-table p{margin:0;display:grid;grid-template-columns:1.6fr .8fr .8fr;align-items:center;padding:1.3cqw 2cqw;border-bottom:1px solid #2f343c;font:500 2cqw var(--font)}
.tq-table p.th{background:#22262d;font-size:1.6cqw;text-transform:uppercase;letter-spacing:.06em;color:#9aa0a8}
.tq-table b{color:var(--ac)}
.tq-table i{justify-self:end;padding:.7cqw 1.4cqw;border-radius:99px;background:#25d366;color:#073b1d;font:700 1.4cqw 'Work Sans',sans-serif}

/* Estética: portada centrada y agenda (portafolio) */
.ls-top{display:grid;justify-items:center;gap:1.2cqw}.ls-top .tp-logo{margin:0;font-size:3.2cqw}
.ls-top .tp-menu{font:500 1.7cqw 'Work Sans',sans-serif}
.ls-hero{flex:1;display:grid;place-items:center;align-content:center;gap:1.6cqw;text-align:center;border-radius:2cqw;background:radial-gradient(ellipse at 50% 30%,#fff,var(--soft))}
.ls-hero small{color:var(--ac);opacity:1}.ls-hero b{font:600 5.4cqw/1.05 var(--font)}
.ls-agenda{display:grid;gap:1.2cqw;padding:1.8cqw;border-radius:1.6cqw;background:#fff;border:1px solid #d6e3da}
.ls-days,.ls-slots{display:flex;gap:1cqw;justify-content:center}
.ls-days span,.ls-slots span{padding:.8cqw 1.6cqw;border-radius:99px;border:1px solid #cfdcd3;font:600 1.6cqw 'Work Sans',sans-serif}
.ls-days span.on,.ls-slots span.on{background:var(--ac);border-color:var(--ac);color:#fff}
@media(prefers-reduced-motion:reduce){.aw-code i,.ac-text i{width:var(--w)}.ad-ok{opacity:1}.as-stars i{color:#f4b400}.ad-lock svg{stroke:#16a34a}.r-me{top:0}.r-a{top:34%}.r-b{top:68%}}