.escena-portada{justify-self:center;width:min(360px,88vw);position:relative}.embudo>*,.costo>*{min-width:0}.flota{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 14px var(--texto);white-space:nowrap;background:#0b1424e0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;box-shadow:0 14px 40px #00000073,inset 0 0 0 1px #ffffff1f}.flota svg{width:18px;height:18px;color:var(--acento-claro)}.flota.f1{top:14%;left:-14%}.flota.f2{top:44%;right:-16%}.flota.f3{bottom:-14px;left:-8%}@media (max-width:600px){.flota.f1{top:8%;left:-2%}.flota.f2,.flota.f3{display:none}.flota{padding:8px 12px;font-size:12.5px}.ejemplo{min-height:190px}}.bajar{width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--linea);background:#ffffff0f;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite flotar;display:grid;position:absolute;bottom:22px;left:50%;translate:-50%}.bajar svg{width:22px;height:22px}.portada{position:relative}@keyframes flotar{50%{transform:translateY(8px)}}.centro-flex{justify-content:center;margin-top:40px}.embudo{align-items:center;gap:30px;display:grid}@media (min-width:900px){.embudo{grid-template-columns:1.1fr .9fr}}.etapas{counter-reset:etapa;gap:10px;margin:0;padding:0;list-style:none;display:grid}.etapas li{counter-increment:etapa;height:54px;color:var(--gris-claro);font:800 17px var(--texto);background:#182842;border-radius:16px;justify-content:center;align-items:center;gap:12px;transition:background .4s,color .4s,box-shadow .4s,transform .4s;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.etapas li:before{content:counter(etapa);font:900 14px var(--titulos);color:var(--acento-claro)}.etapas li:first-child{margin-inline:0}.etapas li:nth-child(2){margin-inline:3%}.etapas li:nth-child(3){margin-inline:6%}.etapas li:nth-child(4){margin-inline:9%}.etapas li:nth-child(5){margin-inline:12%}.etapas li:nth-child(6){margin-inline:15%}.etapas li:nth-child(7){margin-inline:18%}.etapas li:nth-child(8){margin-inline:21%}.etapas li.hecha{color:#fff;background:linear-gradient(90deg,#16a34a,#15803d)}.etapas li.hecha:before{color:#dcfce7}.etapas li.activa{box-shadow:0 0 0 3px var(--acento-claro), 0 14px 40px #16a34a73;transform:scale(1.03)}.ejemplo{border-radius:var(--radio);color:#111b21;min-height:250px;box-shadow:var(--sombra);background:#efe7dd;flex-direction:column;gap:10px;padding:26px;display:flex}.ejemplo small{font:800 13px var(--texto);letter-spacing:.14em;text-transform:uppercase;color:#15803d}.ej-burbujas{flex-direction:column;gap:6px;display:flex}.ej-burbujas .msg{max-width:92%;font-size:15.5px;display:block}.valor{text-align:center;margin-top:70px}.valor .barras{justify-content:center;align-items:flex-end;gap:clamp(30px,8vw,90px);height:280px;margin:36px 0 26px;display:flex}.valor .b{flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;width:clamp(110px,18vw,170px);height:100%;display:flex}.valor .b i{transform-origin:50% 100%;border-radius:20px 20px 8px 8px;width:100%;transform:scaleY(.04)}#b-precio{background:#526073;height:42%}#b-valor{background:linear-gradient(#4ade80,#15803d);height:100%;box-shadow:0 20px 60px #16a34a59}.valor .b span{font:800 18px var(--texto);white-space:nowrap}.valor p{color:var(--gris-claro);max-width:560px;margin-inline:auto}.linea-tiempo{border-left:3px solid #4ade8059;gap:0;margin-top:30px;padding-left:24px;display:grid}.linea-tiempo div{padding:0 0 22px;position:relative}.linea-tiempo div:before{content:"";background:var(--acento-claro);border-radius:50%;width:15px;height:15px;position:absolute;top:4px;left:-33px;box-shadow:0 0 0 5px #4ade8033}.linea-tiempo b{font-size:17px;display:block}.linea-tiempo span{color:var(--gris-claro);font-size:15.5px}.costo{align-items:center;gap:30px;display:grid}@media (min-width:960px){.costo{grid-template-columns:.9fr 1.1fr}}.dona{width:min(420px,86vw);margin-inline:auto;position:relative}.dona svg{width:100%;transform:rotate(-90deg)}.dona circle{fill:none;stroke-width:9px}.dona .pista{stroke:#182842}.dona .motor{stroke:#16a34a;stroke-linecap:round}.dona .ia{stroke:var(--crea);stroke-linecap:round}.centro-dona{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 auto}.centro-dona b{font:900 clamp(56px, 9vw, 88px)/1 var(--titulos);color:var(--acento-claro)}.centro-dona span{font:800 15px var(--texto);color:var(--gris-claro)}.leyenda{color:var(--gris-claro);gap:8px;margin-top:18px;font-size:15px;display:grid}.leyenda span{align-items:center;gap:10px;display:flex}.leyenda i{border-radius:5px;flex:none;width:16px;height:16px}.leyenda .m{background:#16a34a}.leyenda .a{background:var(--crea)}.costo-tarjetas{gap:18px;display:grid}.pendientes{color:#111b21;font-family:var(--ui);background:#fff;border-radius:18px;margin-top:20px;padding:16px}.pendientes .pt b{font-size:15px;display:block}.pendientes .pt small{color:#667781;font-size:12px}.pendientes .pq{background:#f0f2f5;border-radius:10px;justify-content:space-between;margin-top:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.pendientes .pq em{font-style:normal;font:700 12px var(--ui);background:#fff;border-radius:6px;padding:2px 8px}.pendientes .pr{color:#3b4a54;border:1px solid #e3e8f0;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13.5px}.pendientes .pb{font:700 12.5px var(--ui);align-items:center;gap:8px;margin-top:10px;display:flex}.pendientes .pb span{border:1px solid #e3e8f0;border-radius:8px;padding:7px 12px}.pendientes .pb .ok{color:#fff;background:#00a884;border-color:#00a884}.pendientes .pb .estado{background:var(--crea);color:#fff;border:0;margin-left:auto}.pendientes .pb .estado.motor{background:#16a34a}.cache{font:700 15px var(--texto);gap:8px;margin-top:18px;display:grid}.cache div{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cache em{color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-style:normal}.cache .c1{background:#16a34a2e;box-shadow:inset 0 0 0 1px #4ade8080}.cache .c1 em{background:#16a34a}.cache .c2{box-shadow:inset 0 0 0 1px var(--linea);background:#ffffff0d}.cache .c3{background:#7c4dff29;box-shadow:inset 0 0 0 1px #a98bff80}.cache .c3 em{background:var(--crea)}.conectado .mini{color:#111b21;font-family:var(--ui);background:#efe7dd;border-radius:16px;margin-top:18px;padding:14px}.conectado .bb{background:#fff;border-radius:3px 12px 12px;padding:10px 12px;font-size:14px;line-height:1.4}.conectado .camp{font:600 13px var(--ui);justify-content:space-between;margin-top:10px;display:flex}.conectado .progreso{background:#d1d7db;border-radius:8px;height:8px;margin-top:6px;overflow:hidden}.conectado .progreso i{transform-origin:0;background:#00a884;width:100%;height:100%;display:block;transform:scaleX(0)}.conectado .insignia{color:#fff;font:700 12px var(--ui);background:#15803d;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;display:inline-flex}.conectado .insignia svg{width:14px;height:14px}.puente{border-radius:var(--radio);box-shadow:inset 0 0 0 1px var(--linea);background:#ffffff0a;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:26px;padding:22px 26px;text-decoration:none;transition:background .2s;display:flex}.puente:hover{background:#ffffff12}.puente>span{font:800 22px var(--titulos);align-items:center;gap:10px;display:inline-flex}.puente .m-chat b{color:var(--conversa-claro)}.puente .m-system b{color:var(--automatiza-claro)}.puente>svg{width:28px;height:28px;color:var(--acento-claro)}.puente em{text-align:center;color:var(--gris-claro);flex-basis:100%;justify-content:center;align-items:center;gap:6px;font-size:15px;font-style:normal;display:inline-flex}.puente em svg{width:16px;height:16px}.panel{max-width:1080px;margin-inline:auto}.pan{background:#eae6df;grid-template-columns:1fr;min-height:420px;display:grid}@media (min-width:760px){.pan{grid-template-columns:240px 1fr}}@media (min-width:1040px){.pan{grid-template-columns:250px 1fr 220px}}.pan .lista{background:#fff;border-right:1px solid #d1d7db;padding:12px 0;display:none}@media (min-width:760px){.pan .lista{display:block}}.pan .neg{font:600 12px var(--ui);color:#54656f;background:#f0f2f5;border-radius:8px;justify-content:space-between;margin:0 12px 8px;padding:7px 10px;display:flex}.pan .cl{gap:10px;padding:9px 12px;display:flex}.pan .cl.on{background:#f0f2f5}.pan .av{color:#fff;width:38px;height:38px;font:800 15px var(--titulos);border-radius:50%;flex:none;place-items:center;display:grid}.pan .cl b{font:600 14px var(--ui);display:block}.pan .cl p{font:400 12.5px var(--ui);color:#667781}.pan em{color:#fff;font:700 10.5px var(--ui);border-radius:6px;margin-top:4px;padding:1px 7px;font-style:normal;display:inline-block}.pan .conv{flex-direction:column;min-width:0;display:flex}.pan .conv .hd{background:#f0f2f5;border-bottom:1px solid #d1d7db;align-items:center;gap:10px;padding:10px 14px;display:flex}.pan .conv .hd b{font:600 14.5px var(--ui);display:block}.pan .conv .hd small{font:400 12px var(--ui);color:#667781}.pan .ba{font:700 12.5px var(--ui);background:#fff;border-radius:999px;margin-left:auto;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #d1d7db}.pan .ba span{color:#54656f;border-radius:999px;padding:5px 12px;transition:background .3s,color .3s}.pan .ba span.on{color:#fff;background:#00a884}.pan .ms2{background-image:radial-gradient(#00000009 1px,#0000 1px);background-size:14px 14px;flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:14px;display:flex}.pan .ms2 .msg{max-width:78%}.pan .rev{font-family:var(--ui);background:#fff;border:2px solid #00a884;border-radius:14px;margin:0 12px 12px;padding:12px 14px;transition:opacity .3s}.pan .rev .r1{font:700 12.5px var(--ui);color:#008069;justify-content:space-between;display:flex}.pan .pbar{background:#e3e8f0;border-radius:5px;height:5px;margin:8px 0;overflow:hidden}.pan .pbar i{transform-origin:0;background:#00a884;width:100%;height:100%;display:block}.pan .pv{color:#111b21;font-size:13.5px}.pan .bt{font:700 12px var(--ui);flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pan .bt span{color:#111b21;border:1px solid #d1d7db;border-radius:9px;padding:7px 12px}.pan .bt .ok{color:#fff;background:#00a884;border-color:#00a884}.pan .bt .st{color:#c43d2a;border-color:#e5484d}.pan .ficha{font:400 12.5px var(--ui);color:#3b4a54;background:#fff;border-left:1px solid #d1d7db;padding:14px;display:none}@media (min-width:1040px){.pan .ficha{flex-direction:column;gap:10px;display:flex}}.pan .ficha>b{font:700 13px var(--ui);color:#111b21}.pan .av.grande{align-self:center;width:56px;height:56px;font-size:22px}.pan .bx{background:#f0f2f5;border-radius:10px;padding:10px}.pan .bx small{font:700 10.5px var(--ui);text-transform:uppercase;letter-spacing:.05em;color:#667781;margin-bottom:4px;display:block}.pan .chs{flex-wrap:wrap;gap:4px;display:flex}.pan .chs em{margin:0}.chips-control{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.chips-control span{box-shadow:inset 0 0 0 1px var(--linea);font:800 15.5px var(--texto);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;display:inline-flex}.chips-control svg{width:20px;height:20px;color:var(--acento-claro)}
