/* ALTERNY · «Horizonte 2100» — capa sobre el sistema Señal (body.x26.hv5).
   Una sola fotografía. Luz que se mueve, vidrio líquido, tipografía que aparece por líneas,
   la red de entidades a color y una interfaz viva. No toca formularios, rutas ni integraciones. */
body.x26.hv5{
  --pearl:#F3F5FA; --iri:linear-gradient(100deg,#0166F4 0%,#1AB3E6 30%,#7C6CFF 58%,#0166F4 100%);
  --glass:rgba(255,255,255,.62); --glass-b:rgba(255,255,255,.85);
  background:var(--pearl);
}
body.x26.hv5::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.z-prog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:2147483001;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--iri);pointer-events:none}

/* ——— Cabecera: vidrio líquido ——— */
body.x26.hv5 header.site{background:rgba(243,245,250,.55);-webkit-backdrop-filter:saturate(200%) blur(22px);backdrop-filter:saturate(200%) blur(22px);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(10,21,48,.04)}

/* ——— Hero ——— */
.z-hero{background:none;padding-block:clamp(24px,3vw,40px) clamp(64px,7vw,104px)}
.z-hero::before,.z-hero::after{display:none}
.z-hero .x-hero-in{min-height:min(calc(100svh - 150px),780px)}
.z-aura{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.z-aura i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.z-aura i:nth-child(1){width:52vw;height:52vw;max-width:760px;max-height:760px;right:-12vw;top:-18vw;background:radial-gradient(circle,#8EC2FF,transparent 66%);animation:zf1 22s ease-in-out infinite alternate}
.z-aura i:nth-child(2){width:38vw;height:38vw;max-width:560px;max-height:560px;right:18vw;bottom:-14vw;background:radial-gradient(circle,#B9AEFF,transparent 66%);animation:zf2 26s ease-in-out infinite alternate}
.z-aura i:nth-child(3){width:30vw;height:30vw;max-width:440px;max-height:440px;left:-8vw;top:20%;background:radial-gradient(circle,#9BE7F7,transparent 66%);opacity:.4;animation:zf3 30s ease-in-out infinite alternate}
@keyframes zf1{to{transform:translate(-8vw,6vw) scale(1.1)}}
@keyframes zf2{to{transform:translate(10vw,-6vw) scale(.9)}}
@keyframes zf3{to{transform:translate(6vw,8vw) scale(1.15)}}
.z-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(10,21,48,.22) 1px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(360px 360px at var(--mx,70%) var(--my,40%),#000,transparent 75%);mask-image:radial-gradient(360px 360px at var(--mx,70%) var(--my,40%),#000,transparent 75%)}
.z-hero .x-chip{background:var(--glass);border-color:var(--glass-b);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

.z-h1{font-size:clamp(46px,6.2vw,96px)!important;line-height:.94!important;letter-spacing:-.055em!important;font-weight:600}
.z-l{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.z-l>span{display:inline-block}
.z-iri{background:var(--iri);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;padding-right:.08em;animation:ziri 9s linear infinite}
@keyframes ziri{to{background-position:-250% 0}}
.z-hero h1 .x-h2l{font-size:.62em;margin-top:.22em;color:var(--ink-3)}
@media (prefers-reduced-motion:no-preference){
  .z-l>span{transform:translateY(108%);animation:zup 1.1s var(--out) forwards}
  .z-l:nth-child(2)>span{animation-delay:.12s}.z-l:nth-child(3)>span{animation-delay:.26s}
  .z-hero .x-lead,.z-hero .x-pick,.z-hero .x-ctas,.z-hero .x-trust,.z-hero .x-chip{animation:zfade 1s var(--out) both}
  .z-hero .x-chip{animation-delay:0s}.z-hero .x-lead{animation-delay:.4s}.z-hero .x-pick{animation-delay:.52s}.z-hero .x-ctas{animation-delay:.64s}.z-hero .x-trust{animation-delay:.76s}
}
@keyframes zup{to{transform:none}}
@keyframes zfade{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.z-hero .x-pick a{background:var(--glass);border-color:var(--glass-b);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* Escenario: portal + órbita de la red a color */
.z-stage{position:relative;aspect-ratio:1/1.04;width:100%;max-width:620px;justify-self:end;--R:clamp(150px,19vw,268px)}
.z-portal{position:absolute;left:22%;right:22%;top:7%;bottom:9%;border-radius:999px 999px 40px 40px;overflow:hidden;isolation:isolate;
  box-shadow:0 60px 120px -40px rgba(10,21,48,.45),0 0 0 1px rgba(255,255,255,.7)}
.z-portal::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--ang,0deg),rgba(255,255,255,.9),#7FD3F0,#7C6CFF,#0166F4,rgba(255,255,255,.9));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.z-photo{position:absolute;inset:-4%;background:url(../img/hero/foto-ejecutiva.jpg) 74% 30%/cover no-repeat;transform-origin:60% 40%}
.z-portal::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(5,11,26,.42))}
.z-scan{position:absolute;left:0;right:0;height:38%;top:-40%;z-index:2;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(180deg,transparent,rgba(127,211,240,.10) 70%,rgba(255,255,255,.38) 99%,transparent)}
.z-coord{position:absolute;z-index:3;left:0;right:0;bottom:22px;text-align:center;font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:rgba(255,255,255,.86)}
.z-portal .xh-tag{top:auto;bottom:46px;left:50%;transform:translateX(-50%);right:auto}
.z-orbit{position:absolute;inset:0;z-index:4;pointer-events:none}
.z-ring{position:absolute;left:50%;top:50%;width:calc(var(--R)*2);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(1,102,244,.16)}
.z-ring.r2{width:calc(var(--R)*2.5);border-style:dashed;border-color:rgba(10,21,48,.08)}
.o-run{position:absolute;left:50%;top:50%;width:0;height:0}
.o-chip{position:absolute;left:0;top:0;transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1))}
.o-in{display:flex;align-items:center;justify-content:center;translate:-50% -50%;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:0 18px 40px -16px rgba(10,21,48,.35),0 0 0 1px rgba(255,255,255,.9) inset}
.o-in img{height:22px;width:auto;max-width:118px;object-fit:contain;display:block}
.z-hud{position:absolute;z-index:5;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px);
  box-shadow:0 30px 60px -24px rgba(10,21,48,.4),0 0 0 1px rgba(255,255,255,.9) inset}
.z-hud code{display:block;font:500 10.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.z-hud b{display:block;font:600 16px/1.25 var(--display);letter-spacing:-.02em;margin-top:4px}
.z-hud.h1{left:-2%;top:58%;min-width:230px}
.z-hud.h2{right:-1%;top:16%;display:flex;gap:12px;align-items:center}
.z-bar{display:block;height:4px;border-radius:4px;margin-top:10px;background:rgba(10,21,48,.08);overflow:hidden}
.z-bar span{display:block;height:100%;width:100%;border-radius:inherit;background:var(--iri);background-size:200% 100%;transform-origin:0 50%}
.z-scroll{position:absolute;left:50%;bottom:22px;translate:-50% 0;width:26px;height:42px;border-radius:14px;border:1.5px solid rgba(10,21,48,.25);display:grid;justify-items:center;padding-top:8px}
.z-scroll span{width:3px;height:8px;border-radius:2px;background:var(--ink-3)}
@media (prefers-reduced-motion:no-preference){
  .z-portal::after{animation:zang 7s linear infinite}
  .z-photo{animation:zkb 24s ease-in-out infinite alternate}
  .z-scan{animation:zscan 5.5s cubic-bezier(.6,0,.4,1) infinite 1.2s}
  .o-run{animation:zrot 46s linear infinite}
  .o-in{animation:zrot 46s linear infinite reverse}
  .z-stage .z-orbit{animation:zfade 1.4s var(--out) .5s backwards}
  .z-hud.h1{animation:zfade 1s var(--out) .9s backwards,zfl 7s ease-in-out 2s infinite}
  .z-hud.h2{animation:zfade 1s var(--out) 1.3s backwards,zfl 8s ease-in-out 2.4s infinite reverse}
  .z-bar span{animation:zbar 4.2s var(--out) infinite,ziri 3s linear infinite}
  .z-scroll span{animation:zdot 1.8s ease-in-out infinite}
  .z-portal{animation:zportal 1.5s var(--out) .1s backwards}
}
@keyframes zang{to{--ang:360deg}}
@keyframes zkb{from{transform:scale(1)}to{transform:scale(1.1) translate(-1.5%,1%)}}
@keyframes zscan{0%{top:-40%}60%,100%{top:105%}}
@keyframes zrot{to{rotate:360deg}}
@keyframes zfl{50%{translate:0 -10px}}
@keyframes zbar{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@keyframes zdot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@keyframes zportal{from{clip-path:inset(50% 50% 50% 50% round 999px);transform:scale(1.06)}to{clip-path:inset(0 0 0 0 round 0);transform:none}}

/* ——— Luz que sigue el cursor en tarjetas ——— */
.hv5 .x-pf,.hv5 .x-b,.hv5 .x-tc,.hv5 .z-tile,.hv5 .x-case,.hv5 .x-row{position:relative;isolation:isolate}
.hv5 .x-pf::before,.hv5 .x-b::before,.hv5 .z-tile::before,.hv5 .x-case::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .35s;pointer-events:none;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(1,102,244,.12),transparent 65%)}
.hv5 .x-pf:hover::before,.hv5 .x-b:hover::before,.hv5 .z-tile:hover::before,.hv5 .x-case:hover::before{opacity:1}
.hv5 .x-pf,.hv5 .x-b,.hv5 .x-case{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.95);box-shadow:0 1px 2px rgba(10,21,48,.04),0 20px 50px -30px rgba(10,21,48,.25)}
.hv5 .x-pf .x-ic{background:radial-gradient(circle at 30% 25%,#fff,#DCE9FF 55%,#C7D7FF);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 10px 24px -10px rgba(1,102,244,.5)}
.hv5 .x-sec{background:transparent}
.hv5 .x-mist{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2))}
.hv5 .x-sec .x-head h2{letter-spacing:-.05em}
.hv5 .x-sec .x-head h2 em{background:var(--iri);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.hv5 .x-deep .x-head h2 em{background:linear-gradient(100deg,#9FD8FF,#B9AEFF,#7FD3F0);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ——— La red a color ——— */
.z-red{padding-top:clamp(56px,7vw,104px)}
.z-red-head{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:end;margin-bottom:40px}
.z-red-head .x-head{margin:0}
.z-big{display:flex;align-items:center;gap:18px}
.z-big b{font:600 clamp(96px,12vw,180px)/.8 var(--display);letter-spacing:-.07em;background:var(--iri);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ziri 9s linear infinite}
.z-big span{font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.z-tiles{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.z-tile{height:128px;border-radius:24px;display:grid;place-items:center;background:#fff;overflow:hidden;
  box-shadow:0 1px 2px rgba(10,21,48,.05),0 24px 50px -34px rgba(10,21,48,.35),0 0 0 1px rgba(10,21,48,.05);transition:transform .45s var(--out),box-shadow .45s var(--out)}
.z-tile img{max-height:46px;max-width:68%;width:auto;height:auto;object-fit:contain;transition:transform .45s var(--out)}
.z-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s var(--out);pointer-events:none}
.z-tile:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(10,21,48,.05),0 40px 70px -34px rgba(1,102,244,.45),0 0 0 1px rgba(1,102,244,.18)}
.z-tile:hover img{transform:scale(1.06)}
.z-tile:hover::after{transform:translateX(120%)}

/* ——— Tecnología viva ——— */
.hv5 .x-deep{background:radial-gradient(120% 80% at 80% 0%,#0F2150 0%,#050B1A 55%)}
.hv5 .x-tc{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.z-wave{display:flex;align-items:center;gap:4px;height:56px;margin:14px 0 6px}
.z-wave i{flex:1;max-width:6px;height:100%;border-radius:4px;background:linear-gradient(180deg,#7FD3F0,#0166F4);transform:scaleY(calc(.15 + .5*sin(var(--k)*.7rad)*sin(var(--k)*.7rad)))}
@media (prefers-reduced-motion:no-preference){.z-wave i{animation:zwave 1.3s ease-in-out infinite;animation-delay:calc(var(--k)*-.09s)}}
@keyframes zwave{0%,100%{transform:scaleY(.18)}50%{transform:scaleY(1)}}
.z-msgs{display:grid;gap:8px;margin:14px 0 10px}
.z-msgs p{margin:0;max-width:86%;padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.4}
.z-msgs .m-in{background:rgba(255,255,255,.1);color:#E7EEFB;border-bottom-left-radius:5px;justify-self:start}
.z-msgs .m-out{background:#0166F4;color:#fff;border-bottom-right-radius:5px;justify-self:end}
.zjs .z-chat .z-msgs p{opacity:0;transform:translateY(10px) scale(.96)}
.zjs .z-chat.z-play .z-msgs p{animation:zmsg .55s var(--out) forwards}
.zjs .z-chat.z-play .z-msgs p:nth-child(2){animation-delay:1s}.zjs .z-chat.z-play .z-msgs p:nth-child(3){animation-delay:2s}.zjs .z-chat.z-play .z-msgs p:nth-child(4){animation-delay:3s}
@keyframes zmsg{to{opacity:1;transform:none}}

/* ——— Pasos con línea que se llena ——— */
.hv5 .x-steps-v{position:relative}
.hv5 .x-steps-v::after{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--iri);transform-origin:50% 0;transform:scaleY(var(--sp,0));pointer-events:none}

/* ——— Cifras y cierre ——— */
.hv5 .x-metrics b{background:var(--iri);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.z-final{background:#050B1A}
.z-final::before{display:none}
.z-final .z-aura i{opacity:.35;filter:blur(90px)}
.z-final .z-aura i:nth-child(1){background:radial-gradient(circle,#0166F4,transparent 66%);right:10%;top:auto;bottom:-30vw}
.z-final .z-aura i:nth-child(2){background:radial-gradient(circle,#7C6CFF,transparent 66%);left:8%;right:auto;bottom:-20vw}
.z-final .z-aura i:nth-child(3){background:radial-gradient(circle,#1AB3E6,transparent 66%)}
.z-final h2{font-size:clamp(44px,7vw,112px)!important;max-width:14ch}
.z-final h2 em{background:linear-gradient(100deg,#9FD8FF,#B9AEFF,#7FD3F0);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hv5 .btn.primary{position:relative;overflow:hidden;transition:transform .3s var(--out),box-shadow .3s}
.hv5 .btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--out)}
.hv5 .btn.primary:hover::after{transform:translateX(120%)}

/* ——— Celular ——— */
@media (max-width:980px){
  .z-hero .x-hero-in{min-height:0}
  .z-stage{justify-self:center;max-width:460px;--R:min(40vw,196px);margin-top:12px}
  .z-red-head{grid-template-columns:1fr;gap:16px}
  .z-big b{font-size:96px}
  .z-scroll{display:none}
}
@media (max-width:640px){
  .z-stage{aspect-ratio:1/1;--R:39vw;max-width:100%}
  .z-portal .xh-tag{bottom:14px;font-size:9.5px}
  .z-portal{left:20%;right:20%}
  .o-in{padding:8px 11px}.o-in img{height:16px;max-width:86px}
  .z-hud{padding:10px 13px;border-radius:16px}.z-hud b{font-size:13.5px}.z-hud code{font-size:9.5px}
  .z-hud.h1{left:0;top:70%;min-width:0;max-width:60%}
  .z-hud.h2{right:0;top:2%}.z-hud.h2 .x-g-ic{width:28px;height:28px}
  .z-coord{display:none}
  .z-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .z-tile{height:96px;border-radius:18px}.z-tile img{max-height:34px;max-width:74%}
}
@media (prefers-reduced-motion:reduce){.z-iri,.z-big b{animation:none}}

/* ——— Ajustes ——— */
.z-red{padding-bottom:0}
.z-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.z-tile:first-child{grid-column:span 2}
.z-tile:first-child img{max-height:56px}
.xh-tag{white-space:nowrap}
.o-in img{height:26px;max-width:130px}
.hv5 .x-b.x-b-hero{background:radial-gradient(120% 120% at 100% 0%,#1B3A86 0%,#0B1630 45%,#050B1A 100%);border-color:rgba(255,255,255,.08);color:#fff}
.hv5 .x-b.x-b-hero::before{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(127,211,240,.22),transparent 65%)}
@media (max-width:980px){.z-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.z-tile:first-child{grid-column:span 3}}
@media (max-width:640px){.z-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.z-tile:first-child{grid-column:span 2}.o-in img{height:17px;max-width:90px}}

/* ═════════ Escena holográfica (hero oscuro) ═════════ */
body.x26.hv5 header.site{background:rgba(4,8,20,.96);border-bottom-color:rgba(255,255,255,.07);box-shadow:none}
body.x26.hv5 header.site nav.main a{color:#C9D4EA}body.x26.hv5 header.site nav.main a:hover{background:rgba(255,255,255,.08);color:#fff}
body.x26.hv5 .btn.mic{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
body.x26.hv5 .callbtn,body.x26.hv5 .menu-btn{color:#fff;border-color:rgba(255,255,255,.25)}
body.x26.hv5 .status{background:#030712;color:#AEBBD6;border-bottom-color:rgba(255,255,255,.06)}body.x26.hv5 .status .st-tel b{color:#fff}body.x26.hv5 .status a{background:rgba(76,147,255,.15);color:#9FC2FF}
body.x26.hv5 .mnav{background:#070F22;border-bottom-color:rgba(255,255,255,.08)}body.x26.hv5 .mnav a{color:#E7EEFB}

.z-dark{background:radial-gradient(90% 70% at 72% 40%,#0E2257 0%,#060D22 48%,#030712 100%);color:#E7EEFB}
.z-dark .z-aura i{opacity:.35;mix-blend-mode:screen}
.z-dark .z-aura i:nth-child(1){background:radial-gradient(circle,#1D6BFF,transparent 66%)}
.z-dark .z-aura i:nth-child(2){background:radial-gradient(circle,#6B4DFF,transparent 66%)}
.z-dark .z-aura i:nth-child(3){background:radial-gradient(circle,#11A8D8,transparent 66%);opacity:.22}
.z-dark .z-grid{background-image:radial-gradient(rgba(160,200,255,.35) 1px,transparent 1.2px)}
.z-dark h1{color:#fff!important}
.z-dark h1 .x-h2l{color:#8193B8!important}
.z-dark .z-iri{background:linear-gradient(100deg,#6FB6FF 0%,#7FE3FF 30%,#B39CFF 58%,#6FB6FF 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
.z-dark .x-lead{color:#AEBBD6}
.z-dark .x-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#C9D4EA}
.z-dark .x-pick-t{color:#7D8CAE}
.z-dark .x-pick a{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#E7EEFB}
.z-dark .x-pick a:hover{background:rgba(255,255,255,.1);border-color:rgba(127,211,240,.5)}
.z-dark .x-pick a svg{color:#7FD3F0}
.z-dark .x-tlink{color:#9FD0FF}
.z-dark .x-trust li{color:#AEBBD6}.z-dark .x-trust svg{color:#4ADE80}
.z-dark .z-scroll{border-color:rgba(255,255,255,.3)}.z-dark .z-scroll span{background:#AEBBD6}
.z-dark .btn.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(127,211,240,.25),0 12px 40px -8px rgba(1,102,244,.9)}

.q-scene{position:relative;width:100%;max-width:640px;aspect-ratio:1/1.05;justify-self:end;perspective:900px}
.q-cv{position:absolute;inset:-6%;width:112%;height:112%;z-index:3;pointer-events:none}
.q-floor{position:absolute;left:-30%;right:-30%;bottom:-6%;height:52%;z-index:0;transform:rotateX(76deg);transform-origin:50% 100%;
  background-image:linear-gradient(rgba(111,182,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(111,182,255,.32) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(60% 90% at 50% 100%,#000 20%,transparent 72%);mask-image:radial-gradient(60% 90% at 50% 100%,#000 20%,transparent 72%)}
.q-horizon{position:absolute;left:-10%;right:-10%;top:62%;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(127,227,255,.7),transparent);filter:blur(1px);box-shadow:0 0 40px 10px rgba(29,107,255,.35)}
.q-holo{position:absolute;z-index:4;left:20%;right:20%;top:0;bottom:14%;
  -webkit-mask-image:radial-gradient(50% 50% at 50% 46%,#000 52%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 46%,#000 52%,transparent 100%)}
.q-photo{position:absolute;inset:0;background:url(../img/hero/foto-ejecutiva.jpg) 74% 22%/cover no-repeat;filter:saturate(.9) contrast(1.05)}
.q-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,90,255,.18),rgba(20,200,255,.12) 60%,rgba(29,107,255,.55));mix-blend-mode:screen}
.q-lines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(160,220,255,.10) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.q-scan{position:absolute;left:0;right:0;height:22%;top:-25%;background:linear-gradient(180deg,transparent,rgba(127,227,255,.35) 85%,rgba(255,255,255,.7));mix-blend-mode:screen}
.q-beam{position:absolute;z-index:2;left:24%;right:24%;top:20%;bottom:13%;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);
  background:linear-gradient(0deg,rgba(111,182,255,.45),rgba(111,182,255,.0) 85%);filter:blur(6px)}
.q-disc{position:absolute;z-index:5;left:50%;bottom:9%;width:56%;aspect-ratio:4/1;translate:-50% 0}
.q-disc i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(127,227,255,.7);box-shadow:0 0 24px rgba(29,140,255,.8),inset 0 0 24px rgba(29,140,255,.6)}
.q-disc i:nth-child(1){background:radial-gradient(50% 50%,rgba(127,227,255,.55),rgba(29,107,255,.15) 60%,transparent 72%)}
.q-disc i:nth-child(2){inset:-14% -10%;border-color:rgba(127,227,255,.3);border-style:dashed}
.q-disc i:nth-child(3){inset:-34% -26%;border-color:rgba(127,227,255,.14);box-shadow:none}
.q-chips{position:absolute;inset:0;z-index:6;pointer-events:none}
.q-chip{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;background:#fff;will-change:transform,opacity;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.9) inset;transition:box-shadow .5s}
.q-chip img{height:24px;width:auto;max-width:122px;object-fit:contain;display:block}
.q-chip.hit{box-shadow:0 0 0 2px #7FE3FF,0 0 28px 6px rgba(29,140,255,.85),0 14px 34px -12px rgba(0,0,0,.6)}
.q-scene .z-hud{background:rgba(10,20,48,.55);color:#fff;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12) inset}
.q-scene .z-hud code{color:#8FB3E6}
.q-scene .z-hud.h1{left:-6%;top:auto;bottom:5%}
.q-scene .z-hud.h2{right:-6%;top:5%;bottom:auto}
.q-scene .z-hud.h2 .x-g-ic{background:rgba(74,222,128,.15);color:#4ADE80}
.q-scene .z-hud.h2.flash{animation:qflash .9s var(--out)}
@keyframes qflash{0%{box-shadow:0 0 0 2px #7FE3FF,0 0 40px 10px rgba(29,140,255,.7)}}
.q-tag{left:auto;right:0;top:auto;bottom:-3%;translate:none;background:rgba(255,255,255,.1)!important;color:#C9D4EA!important}
.q-coord{position:absolute;z-index:6;left:0;bottom:-3%;font:500 10px/1 var(--mono);letter-spacing:.14em;color:rgba(174,187,214,.6)}
@media (prefers-reduced-motion:no-preference){
  .q-floor{animation:qfloor 3s linear infinite}
  .q-scan{animation:zscan 4.8s cubic-bezier(.6,0,.4,1) infinite}
  .q-holo{animation:qflick 6s steps(1) infinite,zfade 1.6s var(--out) .2s backwards}
  .q-beam{animation:qbeam 4s ease-in-out infinite}
  .q-scene .z-hud.h1{animation:zfade 1s var(--out) 1s backwards,zfl 7s ease-in-out 2s infinite}
  .q-scene .z-hud.h2{animation:zfade 1s var(--out) 1.4s backwards,zfl 8s ease-in-out 2.4s infinite reverse}
}
@keyframes qfloor{to{background-position:0 56px,0 0}}
@keyframes qflick{0%,100%{opacity:1}47%{opacity:.86}48%{opacity:1}83%{opacity:.92}84%{opacity:1}}
@keyframes qbeam{50%{opacity:.6}}
@media (max-width:980px){.q-scene{justify-self:center;max-width:480px;margin-top:8px}}
@media (max-width:640px){
  .q-scene{max-width:100%}
  .q-chip{padding:7px 10px}.q-chip img{height:15px;max-width:78px}
  .q-scene .z-hud{padding:9px 12px}.q-scene .z-hud b{font-size:13px}.q-scene .z-hud code{font-size:9px}
  .q-scene .z-hud.h1{left:0;bottom:3%;max-width:56%}.q-scene .z-hud.h2{right:0;top:2%}
  .q-coord{display:none}.q-tag{font-size:9px!important}
}

/* ═════════ v6 · Claro en 30 segundos ═════════ */
.hv6 .z-h1{font-size:clamp(42px,4.4vw,68px)!important}
.hv6 .z-hero .x-hero-in{min-height:0;align-items:center}
.hv6 .z-hero .x-lead{max-width:56ch;margin-top:18px}
.hv6 .z-hero .x-lead b{color:#fff;font-weight:600}
.z-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 22px}
.z-who-t{grid-column:1/-1;font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#7FE3FF;display:flex;gap:10px;align-items:center}
.z-who-t i{font-style:normal;color:#7D8CAE}
.z-who a{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;
  padding:16px 18px;border-radius:20px;text-decoration:none;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .35s var(--out),border-color .35s,background .35s;min-height:76px}
.z-who a::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;opacity:0;transition:opacity .35s;
  background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%),#7FE3FF,rgba(124,108,255,.6) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.z-who a:hover,.z-who a:focus-visible{transform:translateY(-3px);background:rgba(255,255,255,.09);border-color:rgba(127,227,255,.35)}
.z-who a:hover::before{opacity:1}
.z-who-ic{grid-row:1/3;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#7FE3FF;
  background:radial-gradient(circle at 30% 25%,rgba(127,227,255,.35),rgba(29,107,255,.18) 60%,rgba(29,107,255,.05));box-shadow:inset 0 0 0 1px rgba(127,227,255,.3),0 0 24px -6px rgba(29,140,255,.8)}
.z-who b{font:600 19px/1.15 var(--display);letter-spacing:-.02em;align-self:end}
.z-who small{font-size:13px;line-height:1.3;color:#8FA1C4;align-self:start;grid-column:2}
.z-who .arw{grid-row:1/3;grid-column:3;color:#7FE3FF;transition:transform .3s var(--out)}
.z-who a:hover .arw{transform:translateX(4px)}
.hv6 .q-scene{max-width:560px}
.q-word{font:600 14px/1 var(--display);letter-spacing:-.01em;color:#E7F4FF;padding:11px 16px;background:rgba(12,26,64,.6);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(127,227,255,.28) inset,0 14px 34px -12px rgba(0,0,0,.6);white-space:nowrap}
.q-word.hit{color:#fff;background:rgba(1,102,244,.75)}

/* franja «ALTERNY en 30 segundos» */
.z30{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#030712 0%,#060D22 100%);color:#E7EEFB;padding-block:clamp(48px,6vw,88px)}
.z30::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(127,227,255,.5),transparent)}
.z30-top code{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#7FE3FF}
.z30-top code i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px rgba(1,102,244,.6)}
@media (prefers-reduced-motion:no-preference){.z30-top code i{animation:qbeam 1.4s ease-in-out infinite}}
.z30-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.1)}
.z30-list li{position:relative;padding:26px 26px 8px 0}
.z30-list li+li{padding-left:26px;border-left:1px solid rgba(255,255,255,.08)}
.z30-list li::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:100%;background:var(--iri);transform-origin:0 50%;transform:scaleX(0)}
.z30.in .z30-list li::before{transition:transform 1.1s var(--out);transform:scaleX(1)}
.z30.in .z30-list li:nth-child(2)::before{transition-delay:.35s}.z30.in .z30-list li:nth-child(3)::before{transition-delay:.7s}.z30.in .z30-list li:nth-child(4)::before{transition-delay:1.05s}
.z30-list code{font:500 12px/1 var(--mono);color:#6E80A8;letter-spacing:.06em}
.z30-list h3{margin:12px 0 8px;font:600 clamp(22px,2vw,28px)/1.1 var(--display);letter-spacing:-.03em;color:#fff}
.z30-list p{margin:0;color:#9AAACB;font-size:15.5px;line-height:1.55}
.z30-list p b{color:#E7EEFB;font-weight:600}
.z30-net{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:44px;padding:18px 22px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.z30-net p{margin:0;font:500 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#8FA1C4;max-width:150px}
.z30-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.z30-run{display:flex;gap:12px;width:max-content;animation:xbelt 50s linear infinite}
.z30-net:hover .z30-run{animation-play-state:paused}
.z30-logo{flex:none;display:grid;place-items:center;height:56px;padding:0 22px;border-radius:16px;background:#fff;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.z30-logo img{height:28px;width:auto;max-width:150px;object-fit:contain;display:block}
.z30-net .x-tlink{color:#9FD0FF;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.z30-run{animation:none}}
@media (max-width:980px){
  .z30-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .z30-list li:nth-child(3){padding-left:0;border-left:0}
  .z30-net{grid-template-columns:minmax(0,1fr);gap:14px}.z30-net p{max-width:none}
}
@media (max-width:640px){
  .z-who{gap:8px}
  .z-who a{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:14px;min-height:0;row-gap:8px}
  .z-who-ic{grid-row:auto;width:38px;height:38px}
  .z-who b{font-size:17px}.z-who small{grid-column:1;font-size:12px}
  .z-who .arw{display:none}
  .z30-list{grid-template-columns:minmax(0,1fr)}
  .z30-list li,.z30-list li+li{padding:20px 0 4px;border-left:0}
  .z30-logo{height:46px;padding:0 16px}.z30-logo img{height:22px}
  .q-word{font-size:11px;padding:7px 10px}
}

/* ═════════ v6 · ronda 2: orden, luz y 3D ═════════ */
/* Logo más visible */
.hv6 header.site .wrap{min-height:80px}
.hv6 .brand img{width:200px}
@media (max-width:480px){.hv6 .brand img{width:150px}}
/* Hero: una sola tarjeta, lejos del rostro */
.hv6 .q-scene .z-hud.h1{left:auto;right:-2%;top:auto;bottom:4%;max-width:260px}
.hv6 .q-holo{left:18%;right:18%}
.q-globe{position:absolute;inset:-8% -12%;width:124%;height:116%;z-index:1;pointer-events:none}
@media (max-width:640px){.hv6 .q-scene .z-hud.h1{right:0;bottom:2%;max-width:62%}}

/* Franja 30 s en claro: los logos respiran en color, sin cajas */
.hv6 .z30{background:radial-gradient(70% 120% at 85% 0%,rgba(142,194,255,.35),transparent 60%),radial-gradient(60% 100% at 0% 100%,rgba(185,174,255,.25),transparent 60%),#F3F5FA;color:var(--ink)}
.hv6 .z30::before{top:0;height:2px;background:var(--iri);opacity:.8}
.hv6 .z30 .wrap{position:relative}
.hv6 .z30-top{padding-top:0}
.hv6 .z30-top code{color:var(--blue)}
.hv6 .z30-list{border-top-color:rgba(10,21,48,.1)}
.hv6 .z30-list li+li{border-left-color:rgba(10,21,48,.08)}
.hv6 .z30-list code{color:var(--ink-3)}
.hv6 .z30-list h3{color:var(--ink);font-size:clamp(24px,2.2vw,32px)}
.hv6 .z30-list p{color:var(--ink-2)}
.hv6 .z30-list p b{color:var(--ink)}
.hv6 .z30-net{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px -40px rgba(10,21,48,.35)}
.hv6 .z30-net p{color:var(--ink-3)}
.hv6 .z30-run{gap:56px;align-items:center}
.hv6 .z30-logo{background:none;box-shadow:none;padding:0;height:64px}
.hv6 .z30-logo img{height:36px;max-width:190px;mix-blend-mode:multiply;transition:transform .4s var(--out)}
.hv6 .z30-logo:hover img{transform:scale(1.08)}
.hv6 .z30-net .x-tlink{color:var(--blue)}
@media (max-width:640px){.hv6 .z30-logo{height:48px}.hv6 .z30-logo img{height:26px}.hv6 .z30-run{gap:36px}}

/* Sofía como llamada */
.z-callbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.z-av{width:44px;height:44px;border-radius:50%;display:block;font-size:0;background:url(../img/hero/ejecutiva-llamada.jpg) 50% 22%/cover;box-shadow:0 0 0 3px rgba(74,222,128,.25),0 0 0 6px rgba(74,222,128,.08)}
.z-callbar b{display:block;font:600 15px/1.2 var(--display);color:#fff}
.z-callbar small{display:block;font-size:12.5px;color:#4ADE80;margin-top:2px}
.z-callbar small i{font-style:normal;font-variant-numeric:tabular-nums}
.z-call .z-wave{height:30px;margin:0;width:110px;gap:3px}
@media (prefers-reduced-motion:no-preference){.z-av{animation:qring 2s ease-out infinite}}
@keyframes qring{0%{box-shadow:0 0 0 0 rgba(74,222,128,.45)}100%{box-shadow:0 0 0 14px rgba(74,222,128,0)}}

/* Colilla: documento en 3D con luz de escaneo */
body.x26 .colilla-hero{overflow:visible;clip-path:inset(-24px 0 0 0)}
.hv6 .x-how-art{position:relative;perspective:1600px;padding:24px 0 48px}
.hv6 .x-how-art::before{content:"";position:absolute;left:8%;right:8%;bottom:6px;height:60px;border-radius:50%;background:radial-gradient(50% 50%,rgba(1,102,244,.35),transparent 70%);filter:blur(10px)}
.hv6 .x-how-art .colilla-hero{transform:rotateY(-18deg) rotateX(9deg) rotateZ(1.5deg);transform-style:preserve-3d;border:0;border-radius:18px;
  background:linear-gradient(160deg,#FFFFFF 0%,#F7F9FD 60%,#EEF3FB 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(10,21,48,.06),-30px 50px 80px -30px rgba(10,21,48,.45),0 0 60px -10px rgba(1,102,244,.25);transition:transform .8s var(--out)}
.hv6 .x-how-art .colilla-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.35) 47%,rgba(127,211,240,.12) 50%,transparent 58%);background-size:250% 100%;background-position:120% 0}
.hv6 .x-how-art .colilla .hl td,.hv6 .x-how-art .colilla div.hl{background:linear-gradient(90deg,#FFF3C4,#FFF9E3)!important;outline-color:#F2C94C}
.hv6 .x-how-art .mk{box-shadow:0 0 0 4px rgba(1,102,244,.15),0 6px 14px -4px rgba(1,102,244,.6)}
.hv6 .x-how-art .colilla div.stub-net.hl{background:linear-gradient(90deg,#0B1630,#16306E)!important;color:#fff;outline:0!important}
.hv6 .x-how-art .stub-net b{color:#7FE3FF}
@media (prefers-reduced-motion:no-preference){
  .hv6 .x-how-art .colilla-hero::after{animation:qsweep 5s ease-in-out infinite 1s}
  .hv6 .x-how-art .mk{animation:qpulse 2.4s ease-in-out infinite}
}
@keyframes qsweep{0%{background-position:120% 0}55%,100%{background-position:-120% 0}}
@keyframes qpulse{50%{box-shadow:0 0 0 7px rgba(1,102,244,.08),0 6px 14px -4px rgba(1,102,244,.6)}}
@media (max-width:900px){.hv6 .x-how-art .colilla-hero{transform:rotateY(-8deg) rotateX(5deg)}}
.hv6 .z30-net{background:#fff}
@media (max-width:640px){.hv6 .q-scene .z-hud.h1{display:none}}

body.x26 .x-how-art{overflow-x:clip}

/* ═════════ Nuestra asesoría: comparamos la red cada mes ═════════ */
.z-cmp{background:linear-gradient(180deg,#F3F5FA,#EEF2FA)!important}
.z-cmp-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.z-cmp .x-head{margin:0}
.z-crit{list-style:none;margin:24px 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.z-crit li{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 18px 40px -30px rgba(10,21,48,.35)}
.z-crit b{display:flex;align-items:center;gap:8px;font:600 16px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.z-crit b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--iri);box-shadow:0 0 10px rgba(1,102,244,.5)}
.z-crit span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.z-panel{position:relative;isolation:isolate;padding:22px;border-radius:28px;color:#E7EEFB;
  background:radial-gradient(120% 90% at 100% 0%,#14306F 0%,#0A1636 45%,#050B1A 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 60px 120px -50px rgba(10,21,48,.7),0 0 80px -30px rgba(1,102,244,.5);transform:perspective(1600px) rotateY(-6deg) rotateX(3deg);transition:transform .8s var(--out)}
.z-panel:hover{transform:none}
.zp-tag{top:-12px;right:22px;background:var(--cyan)!important;color:var(--night)!important}
.zp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.zp-top code{display:block;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#7FE3FF}
.zp-top b{display:block;margin-top:6px;font:600 18px/1.2 var(--display);letter-spacing:-.02em;color:#fff}
.zp-live{width:10px;height:10px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.15),0 0 14px #4ADE80}
.zp-head,.zc-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:10px;align-items:center}
.zp-head{padding:0 12px 8px;font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#7D8CAE}
.zp-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zc-row{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:background .4s,border-color .4s,transform .4s var(--out)}
.zc-row.best{background:linear-gradient(90deg,rgba(1,102,244,.28),rgba(124,108,255,.14));border-color:rgba(127,227,255,.45);box-shadow:0 0 30px -10px rgba(29,140,255,.8);transform:scale(1.02)}
.zc-n b{display:block;font:600 14.5px/1.2 var(--display);color:#fff}
.zc-camp{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:999px;font:600 10px/1.2 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:#1B1300;background:var(--sun)}
.zc-m{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.zc-m i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#1D6BFF,#7FE3FF);transform-origin:0 50%;transform:scaleX(var(--v))}
.zc-row:not(.best) .zc-m i{background:linear-gradient(90deg,#3B4C77,#6E80A8)}
.zc-ok{justify-self:end;font:600 11.5px/1 var(--body);color:#062012;background:#4ADE80;padding:6px 10px;border-radius:999px;white-space:nowrap}
.zp-foot{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);font-size:14px;color:#C9D4EA}
.zp-foot .x-g-ic{background:rgba(74,222,128,.15);color:#4ADE80}
@media (prefers-reduced-motion:no-preference){
  .zjs .z-panel .zc-m i{transform:scaleX(0)}
  .zjs .z-panel.z-play .zc-m i{transition:transform 1.2s var(--out);transform:scaleX(var(--v))}
  .zjs .z-panel.z-play .zc-row:nth-child(2) .zc-m i{transition-delay:.15s}.zjs .z-panel.z-play .zc-row:nth-child(3) .zc-m i{transition-delay:.3s}.zjs .z-panel.z-play .zc-row:nth-child(4) .zc-m i{transition-delay:.45s}
  .zjs .z-panel .zc-row.best{transform:none;box-shadow:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
  .zjs .z-panel .zc-ok{opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s var(--out)}
  .zjs .z-panel.z-done .zc-row.best{transform:scale(1.02);box-shadow:0 0 30px -10px rgba(29,140,255,.8);background:linear-gradient(90deg,rgba(1,102,244,.28),rgba(124,108,255,.14));border-color:rgba(127,227,255,.45)}
  .zjs .z-panel.z-done .zc-ok{opacity:1;transform:none}
  .zp-live{animation:qbeam 1.6s ease-in-out infinite}
}
@media (max-width:980px){.z-cmp-in{grid-template-columns:minmax(0,1fr)}.z-panel{transform:none}}
@media (max-width:640px){
  .z-crit{grid-template-columns:minmax(0,1fr)}
  .z-panel{padding:16px;border-radius:22px}
  .zp-head,.zc-row{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:6px}
  .zp-head span:last-child,.zc-st{display:none}
  .zc-ok{grid-column:1/-1;justify-self:start;margin-top:4px}
  .zc-n b{font-size:13px}.zp-head{font-size:9px;padding:0 10px 6px}
}

.zc-camp{white-space:nowrap}
@media (max-width:640px){.zc-camp{font-size:8.5px;padding:3px 6px}.z-crit{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.z-crit li{padding:12px}.z-crit span{font-size:12.5px}}

/* ═════════ Ronda de comentarios de Arley ═════════ */
/* Logos de la red un poco más pequeños */
.hv6 .z30-logo{height:52px}
.hv6 .z30-logo img{height:26px;max-width:140px}
.hv6 .z30-run{gap:48px}
@media (max-width:640px){.hv6 .z30-logo{height:40px}.hv6 .z30-logo img{height:20px}.hv6 .z30-run{gap:30px}}

/* «Se descuenta sola» con imagen propia: colilla que descuenta mes a mes */
.hv6 .x-b.x-b-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;overflow:hidden}
.hv6 .x-b.x-b-hero .zb-txt{align-self:end}
.zb-vis{position:relative;display:grid;gap:14px;perspective:900px}
.zb-slip{padding:16px;border-radius:18px;background:rgba(255,255,255,.96);color:#1B1F26;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.5);transform:rotateY(-14deg) rotateX(6deg);font-size:12.5px}
.zb-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #E6E9EE}
.zb-h b{font:600 13.5px/1.2 var(--display);letter-spacing:-.01em}
.zb-h small{font:500 10px/1 var(--mono);text-transform:uppercase;color:#8A93A6}
.zb-l{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;color:#4A515C}
.zb-l i{display:block;height:6px;width:64px;border-radius:6px;background:#D9DEE7}.zb-l i.s{width:38px}.zb-l i.n{width:52px;background:#0166F4}
.zb-cuota{margin:2px -6px;padding:8px;border-radius:10px;background:linear-gradient(90deg,#FFF3C4,#FFF9E3);color:#1B1F26;font-weight:600;outline:1.5px solid #F2C94C}
.zb-cuota em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font:600 11px/1 var(--body);color:#0E7A3D;background:#DDF7E8;padding:4px 8px;border-radius:999px}
.zb-cuota em svg{width:12px;height:12px}
.zb-net{font-weight:600;color:#1B1F26}
.zb-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.zb-months span{display:grid;place-items:center;height:28px;border-radius:9px;font:600 11px/1 var(--mono);color:#CFE6FF;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
@media (prefers-reduced-motion:no-preference){
  .zb-months span{animation:zmonth 12s linear infinite;animation-delay:calc(var(--k) * 1s)}
  .zb-cuota em{animation:qpulse2 3s ease-in-out infinite}
}
@keyframes zmonth{0%,6%{background:rgba(255,255,255,.06);color:#CFE6FF}8%,92%{background:rgba(74,222,128,.18);border-color:rgba(74,222,128,.45);color:#4ADE80}100%{background:rgba(255,255,255,.06)}}
@keyframes qpulse2{50%{box-shadow:0 0 0 5px rgba(74,222,128,.18)}}
@media (max-width:900px){.hv6 .x-b.x-b-hero{grid-template-columns:minmax(0,1fr)}.zb-slip{transform:none}}

/* Escuchar a Sofía (aparece solo si existe el audio) */
.z-listen{display:inline-flex;align-items:center;gap:10px;margin:2px 0 10px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid rgba(127,227,255,.35);background:rgba(127,227,255,.08);color:#E7F4FF;font:600 14px/1 var(--body);cursor:pointer}
.z-listen small{font:500 12px/1 var(--mono);color:#8FB3E6}
.z-pl{width:30px;height:30px;border-radius:50%;background:#0166F4;position:relative}
.z-pl::after{content:"";position:absolute;left:11px;top:9px;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.z-listen.on .z-pl::after{left:10px;top:9px;width:10px;height:12px;border:0;border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:border-box}

/* Pie de página más discreto */
.hv6 footer.site{font-size:13.5px;padding-block:44px 24px;color:#8796B6}
.hv6 footer.site h4{font-size:11.5px;color:#C9D4EA}
.hv6 footer.site a{color:#AEBBD6;min-height:36px;line-height:24px;padding:6px 0}
.hv6 footer.site .cols img{width:140px!important}
.hv6 footer.site p{line-height:1.6}
.hv6 footer.site .legal{text-align:center;justify-items:center;font-size:12px;color:#6E7FA3;gap:4px;margin-top:28px}
.hv6 footer.site .legal .safe-line{max-width:72ch;color:#8796B6;margin-bottom:6px}
.hv6 footer.site .legal .safe-line b{color:#C9D4EA;font-weight:600}
@media (max-width:640px){.hv6 footer.site a{min-height:44px}}

/* Mi crédito más visible: seguimiento rápido y confianza */
.hv6 .status a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,#0166F4,#1AB3E6)!important;color:#fff!important;font-weight:600;box-shadow:0 0 0 1px rgba(127,227,255,.35),0 6px 20px -6px rgba(26,179,230,.8)}
.z-dotl{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
@media (prefers-reduced-motion:no-preference){.z-dotl{animation:qring 2s ease-out infinite}}
.hv6 header.site .btn.mic{border-color:rgba(127,227,255,.65)!important;background:rgba(127,227,255,.12)!important;color:#fff!important;box-shadow:0 0 22px -6px rgba(127,227,255,.75);font-weight:600}
.hv6 header.site .btn.mic:hover{background:rgba(127,227,255,.22)!important}
.z-mic{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:18px;padding:14px 18px;border-radius:20px;text-decoration:none;color:#fff;max-width:560px;
  background:linear-gradient(90deg,rgba(74,222,128,.10),rgba(127,227,255,.06));border:1px solid rgba(74,222,128,.35);transition:transform .3s var(--out),border-color .3s}
.z-mic:hover{transform:translateY(-2px);border-color:rgba(74,222,128,.7)}
.z-mic-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#4ADE80;background:rgba(74,222,128,.14);box-shadow:inset 0 0 0 1px rgba(74,222,128,.35)}
.z-mic b{display:block;font:600 15.5px/1.25 var(--display);letter-spacing:-.01em}
.z-mic small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#9AAACB}
.z-mic .arw{color:#4ADE80}
/* «Se descuenta sola»: título a la medida de la tarjeta */
.hv6 .x-b.x-b-hero h3{font-size:clamp(30px,2.8vw,42px);line-height:1.02}
/* Pie compacto en computador */
@media (min-width:641px){.hv6 footer.site a{min-height:0;padding:3px 0;line-height:1.5}.hv6 footer.site ul{gap:6px}}

/* Reproducir dentro de la onda de la llamada */
.z-call .z-wave.z-listen{position:relative;width:132px;height:44px;margin:0;padding:0 8px 0 46px;border:1px solid rgba(127,227,255,.35);border-radius:999px;background:rgba(127,227,255,.08);display:flex;align-items:center;gap:3px;cursor:pointer;font-size:0}
.z-call .z-wave.z-listen:hover{background:rgba(127,227,255,.16)}
.z-call .z-wave.z-listen i{height:22px}
.z-call .z-wave.z-listen .z-pl{position:absolute;left:5px;top:50%;translate:0 -50%;width:34px;height:34px;box-shadow:0 0 16px -2px rgba(1,102,244,.9)}
.z-call .z-wave.z-listen .z-pl::after{left:13px;top:11px}
.z-call .z-wave.z-listen.on .z-pl::after{left:12px;top:11px}