/*
 * Air Frost Argentina — Sitio web institucional
 * Desarrollo y gestión del proyecto: Nahuel Pereyra
 * Propiedad del proyecto: Air Frost Argentina
 * © 2026 Air Frost Argentina. Todos los derechos reservados.
 */
/* Air Frost Argentina v3.1 - Estilos refinados */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --sky:#0EA5E9;--blue:#1D4ED8;--cyan:#22D3EE;--indigo:#4F46E5;
  --s50:#F8FAFC;--s100:#F1F5F9;--s200:#E2E8F0;--s400:#94A3B8;--s600:#475569;--s700:#334155;--s900:#0F172A;
  --em:#10B981;--am:#F59E0B;--red:#EF4444;
  --hdr-h:72px;
}
html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,sans-serif;color:var(--s900);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em}
.container{max-width:1360px;margin:0 auto;padding:0 28px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

#sp{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#22D3EE,#0EA5E9,#1D4ED8);z-index:300;width:0%;box-shadow:0 0 10px rgba(34,211,238,.8);transition:width .08s linear}

/* Scroll reveal */
.rv{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.rv.vx{opacity:1;transform:none}
.sg>*{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.sg.vx>*:nth-child(1){opacity:1;transform:none;transition-delay:.05s}
.sg.vx>*:nth-child(2){opacity:1;transform:none;transition-delay:.13s}
.sg.vx>*:nth-child(3){opacity:1;transform:none;transition-delay:.21s}
.sg.vx>*:nth-child(4){opacity:1;transform:none;transition-delay:.29s}
.sg.vx>*:nth-child(5){opacity:1;transform:none;transition-delay:.37s}
.sg.vx>*:nth-child(6){opacity:1;transform:none;transition-delay:.45s}

.agt{background:linear-gradient(270deg,#0EA5E9,#22D3EE,#60A5FA,#0EA5E9);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s ease infinite}
@keyframes gs{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.btn-p{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;border-radius:9999px;background:linear-gradient(135deg,var(--sky),var(--blue));color:#fff;font-weight:700;font-size:13px;font-family:"Sora",sans-serif;border:none;cursor:pointer;box-shadow:0 6px 22px -6px rgba(14,165,233,.55),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,filter .25s;position:relative;overflow:hidden}
.btn-p::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-100%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px rgba(14,165,233,.65),inset 0 1px 0 rgba(255,255,255,.22);filter:brightness(1.05)}
.btn-p:hover::after{transform:translateX(100%)}
.btn-o{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;border-radius:9999px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#CBD5E1;font-weight:600;font-size:13px;font-family:"Sora",sans-serif;transition:border-color .25s,color .25s,background .25s,transform .25s;backdrop-filter:blur(8px)}
.btn-o:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(34,211,238,.08);transform:translateY(-2px)}

.lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--sky)}
.ttl{font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.1;color:var(--s900);margin-top:8px}
.ttl-w{color:#fff}
.tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:9999px;background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE}
.grid-bg{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:48px 48px;position:absolute;inset:0;pointer-events:none}
.grid-bg-d{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;position:absolute;inset:0;pointer-events:none}
.ibox{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sky),var(--blue));color:#fff;flex-shrink:0}
.ibd{background:linear-gradient(135deg,var(--s900),var(--s700))}

/* Header - glass oscuro siempre (logo blanco se ve sobre cualquier scroll) */
#hdr{position:fixed;top:0;inset-inline:0;z-index:100;transition:background .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s;background:transparent}
#hdr.sc{background:rgba(10,22,40,.78);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(34,211,238,.12);box-shadow:0 4px 24px rgba(0,0,0,.25)}
.hi{display:flex;align-items:center;justify-content:space-between;height:var(--hdr-h);gap:16px}
.logo-lk{display:inline-flex;align-items:center;flex-shrink:0;background:transparent}
.logo-img{height:48px;width:auto;transition:transform .3s cubic-bezier(.22,1,.36,1);background:transparent;display:block}
.logo-lk:hover .logo-img{transform:scale(1.04)}
.logo-fb{display:none;align-items:center;padding:8px 16px;border-radius:10px;background:rgba(15,23,42,.6)}
.logo-fb span{font-family:"Sora",sans-serif;font-weight:800;font-size:16px;color:#fff}
.logo-fb span b{color:#22D3EE}
nav.dn{display:flex;align-items:center;gap:2px}
nav.dn a{padding:7px 14px;font-size:14px;font-weight:500;color:#CBD5E1;border-radius:9999px;transition:color .2s,background .2s}
nav.dn a:hover{color:var(--cyan);background:rgba(34,211,238,.1)}
.hc{display:flex;align-items:center;gap:12px;flex-shrink:0}
.hph{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#CBD5E1;transition:color .2s}
.hph:hover{color:var(--cyan)}
.hbg{display:none;width:40px;height:40px;border-radius:10px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);cursor:pointer;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mob-panel{display:none;position:fixed;top:var(--hdr-h);inset-inline:0;z-index:99;background:rgba(10,22,40,.95);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(34,211,238,.15);box-shadow:0 16px 48px -12px rgba(0,0,0,.5)}
.mob-panel.op{display:block;animation:mop .22s cubic-bezier(.22,1,.36,1)}
@keyframes mop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mob-nav{display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px}
.mob-nav a{padding:12px 16px;font-size:15px;font-weight:500;color:#CBD5E1;border-radius:12px;transition:background .2s,color .2s}
.mob-nav a:hover{background:rgba(34,211,238,.08);color:var(--cyan)}

/* Hero - safe area, sin desperdicio vertical */
#inicio{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#020c1b 0%,#0a1628 40%,#071525 100%);isolation:isolate}
#hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
.h-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);will-change:transform}
.h-orb1{width:600px;height:600px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(14,165,233,.18) 0%,transparent 70%);animation:fl1 18s ease-in-out infinite}
.h-orb2{width:500px;height:500px;bottom:-100px;left:-80px;background:radial-gradient(circle,rgba(34,211,238,.12) 0%,transparent 70%);animation:fl2 22s ease-in-out infinite}
.h-orb3{width:300px;height:300px;top:30%;left:45%;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 70%);animation:fl3 26s ease-in-out infinite}
@keyframes fl1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,40px)}}
@keyframes fl2{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}
@keyframes fl3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}
.h-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.h-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.12) 0%,transparent 60%);pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;will-change:transform,opacity;transform:translate(-50%,-50%);filter:blur(40px)}
#inicio:hover .h-glow{opacity:1}

.hero-wrap{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}
.hero-inner{padding-top:calc(var(--hdr-h) + 36px);padding-bottom:32px;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:calc(100vh - 80px)}

.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:9999px;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:#7DD3FC;margin-bottom:24px;width:fit-content;max-width:100%;animation:bdin .8s cubic-bezier(.22,1,.36,1) both}
@keyframes bdin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--em);flex-shrink:0;animation:bdp 1.6s infinite;position:relative}
.badge-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--em);animation:bdrp 1.6s ease-out infinite}
@keyframes bdp{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes bdrp{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.2);opacity:0}}

.hero-title{font-size:clamp(34px,5.2vw,64px);font-weight:800;line-height:1.05;color:#fff;margin-bottom:20px;letter-spacing:-.025em;animation:hin .8s .1s cubic-bezier(.22,1,.36,1) both}
.hero-sub{font-size:clamp(15px,1.7vw,18px);line-height:1.65;color:#94A3B8;max-width:600px;margin-bottom:32px;animation:hin .8s .2s cubic-bezier(.22,1,.36,1) both}
@keyframes hin{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px;animation:hin .8s .3s cubic-bezier(.22,1,.36,1) both}
.hero-cta{font-size:14px;padding:14px 28px}

/* Metricas como cards corporativas */
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;animation:hin .8s .4s cubic-bezier(.22,1,.36,1) both}
.hm-item{padding:18px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 100%);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,background .35s;position:relative;overflow:hidden}
.hm-item::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.4),transparent);opacity:0;transition:opacity .35s}
.hm-item:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.3);background:linear-gradient(180deg,rgba(34,211,238,.06) 0%,rgba(255,255,255,.02) 100%)}
.hm-item:hover::before{opacity:1}
.hm-ico{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(14,165,233,.1));border:1px solid rgba(34,211,238,.2);display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:11px}
.hm-val{font-family:"Sora",sans-serif;font-size:15px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.01em;margin-bottom:6px}
.hm-lbl{font-size:11px;color:var(--s400);line-height:1.4;font-weight:500}

.hero-scroll{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:24px;height:38px;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;display:flex;justify-content:center;padding-top:6px;opacity:.55;pointer-events:none}
.hero-scroll span{width:3px;height:7px;border-radius:2px;background:var(--cyan);animation:scrlmv 1.8s cubic-bezier(.22,1,.36,1) infinite}
@keyframes scrlmv{0%{transform:translateY(0);opacity:1}80%{transform:translateY(14px);opacity:0}100%{opacity:0}}

/* Comparators */
.comparators-section{position:relative;z-index:2;padding:48px 0 80px}
.comp-header{text-align:center;margin-bottom:44px}
.comp-header .sect-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.06);font-size:11px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}
.comp-header h2{font-size:clamp(22px,3vw,38px);font-weight:800;color:#fff;line-height:1.12}
.comp-header p{font-size:15px;color:#94A3B8;margin-top:10px;max-width:560px;margin-inline:auto;line-height:1.65}
.comp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.comp-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s,transform .3s,box-shadow .3s;user-select:none}
.comp-card:hover{border-color:rgba(34,211,238,.3);transform:translateY(-4px);box-shadow:0 24px 48px -16px rgba(0,0,0,.5)}
.comp-canvas-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px 18px 0 0;background:#0a1628}

/* Slider comparador con imagenes */
.cmp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.cmp-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 50%);transition:none;will-change:clip-path}
.cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,rgba(34,211,238,.3),var(--cyan) 30%,var(--cyan) 70%,rgba(34,211,238,.3));transform:translateX(-50%);pointer-events:none;box-shadow:0 0 16px rgba(34,211,238,.5);will-change:left}
.cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(10,22,40,.92);border:2px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);box-shadow:0 6px 24px rgba(0,0,0,.4),0 0 16px rgba(34,211,238,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.cmp-lbl{position:absolute;top:12px;padding:5px 12px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4;font-family:"Inter",sans-serif;pointer-events:none}
.cmp-lbl-b{left:12px;background:rgba(239,68,68,.85);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.3)}
.cmp-lbl-a{right:12px;background:rgba(16,185,129,.85);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}
.comp-info{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}
.comp-title{font-family:"Sora",sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:5px}
.comp-desc{font-size:12px;color:#64748B;line-height:1.5}
.comp-labels{display:flex;justify-content:space-between;margin-top:10px;gap:8px;flex-wrap:wrap}
.comp-lbl-before{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;background:rgba(239,68,68,.12);color:#FCA5A5;border:1px solid rgba(239,68,68,.2)}
.comp-lbl-after{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.12);color:#6EE7B7;border:1px solid rgba(16,185,129,.2)}
.drag-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;transition:opacity .4s;z-index:5}
.drag-hint-icon{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-drag 2s ease-in-out infinite;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.drag-hint-txt{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@keyframes pulse-drag{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.1);opacity:1}}

.trust-bar{position:relative;z-index:2;padding:28px 0;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;color:#64748B;font-size:13px;font-weight:500;transition:color .25s}
.trust-item:hover{color:#94A3B8}
.trust-item svg{color:var(--cyan)}

/* Sections */
.sec-w{padding:88px 0;background:#fff}
.sec-g{padding:88px 0;background:var(--s50);position:relative;overflow:hidden}
.sec-dk{padding:88px 0;background:linear-gradient(135deg,var(--s900) 0%,#1E3A8A 50%,var(--s900) 100%);position:relative;overflow:hidden}
.cl-glow{position:absolute;top:20%;left:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.18) 0%,transparent 70%);pointer-events:none}

.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.srv-card{background:#fff;border:1.5px solid var(--s200);border-radius:18px;padding:26px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;cursor:default;display:flex;flex-direction:column}
.srv-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -18px rgba(15,23,42,.14);border-color:#BAE6FD}
.srv-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.si{font-size:11px;font-weight:700;color:#CBD5E1}
.st2{font-family:"Sora",sans-serif;font-size:16px;font-weight:700;color:var(--s900);margin:12px 0 8px}
.sd{font-size:13px;color:var(--s600);line-height:1.65;margin-bottom:14px;flex:1}
.srv-tags{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.slk{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--s900);transition:color .2s,gap .2s}
.slk:hover{color:var(--sky);gap:9px}

.cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;position:relative}
.cl-card{border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:26px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;cursor:default}
.cl-card:hover{background:rgba(255,255,255,.08);border-color:rgba(34,211,238,.35);transform:translateY(-3px)}
.cl-ico{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--sky));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px;box-shadow:0 6px 18px -6px rgba(34,211,238,.5)}
.cl-ix{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;color:rgba(255,255,255,.2)}
.cl-t{font-family:"Sora",sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.cl-d{font-size:13px;color:#94A3B8;line-height:1.5}

.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.ts-card{background:#fff;border:1.5px solid var(--s200);border-radius:18px;padding:26px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .3s}
.ts-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -18px rgba(15,23,42,.12);border-color:#BAE6FD}
.ts-s{color:var(--am);font-size:14px;margin-bottom:10px;letter-spacing:.05em}
.ts-qi{color:#BAE6FD;margin-bottom:8px}
.ts-t{font-size:13px;color:var(--s700);line-height:1.7;flex:1}
.ts-f{margin-top:18px;padding-top:14px;border-top:1px solid var(--s100)}
.ts-a{font-family:"Sora",sans-serif;font-size:13px;font-weight:700;color:var(--s900)}
.ts-r{font-size:11px;color:var(--s400);margin-top:2px}

/* Contacto */
.ct-grid{display:grid;grid-template-columns:5fr 7fr;gap:52px;position:relative}
.ct-lks{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.clink{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:13px;border:1.5px solid var(--s200);transition:all .25s;background:#fff}
.clink:hover{border-color:#BAE6FD;background:#F0F9FF;transform:translateX(4px)}
.cl-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.cl-lb{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--s400)}
.cl-vl{font-family:"Sora",sans-serif;font-size:13px;font-weight:700;color:var(--s900);word-break:break-word}
.cov{margin-top:16px;padding:15px 17px;border-radius:13px;background:var(--s50);border:1.5px solid var(--s200)}
.cov-t{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--s700);margin-bottom:9px}
.cov-tgs{display:flex;flex-wrap:wrap;gap:6px}
.cov-tg{font-size:12px;font-weight:500;padding:3px 10px;border-radius:9999px;background:#fff;border:1px solid var(--s200);color:var(--s700)}
.soc-row{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.soc-lb{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--s400)}
.soc-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--s200);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--s700);transition:all .25s}
.soc-btn:hover{border-color:var(--sky);color:var(--sky);transform:translateY(-2px)}
.cguide{margin-top:16px;border-radius:14px;border:1.5px solid #BAE6FD;background:#F0F9FF;padding:15px 17px}
.cg-t{font-family:"Sora",sans-serif;font-size:13px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:7px;margin-bottom:10px}
.cg-s{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;color:var(--s700);line-height:1.5}
.sn{width:20px;height:20px;border-radius:50%;background:var(--sky);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}

/* Form */
.fc{border-radius:22px;background:linear-gradient(135deg,var(--s900) 0%,#1E3A8A 60%,var(--s900) 100%);padding:32px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px rgba(15,23,42,.4)}
.fc::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.fc-t{font-family:"Sora",sans-serif;font-size:21px;font-weight:800;color:#fff;position:relative;margin-bottom:4px}
.fc-s{font-size:13px;color:#94A3B8;position:relative;margin-bottom:18px;line-height:1.5}
.form{position:relative}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fg{position:relative;margin-bottom:10px}
.fl{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#94A3B8;margin-bottom:4px;position:relative}
.fl .rq{color:var(--cyan);margin-left:2px}
.fi,.fta{width:100%;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-family:"Inter",sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.fi::placeholder,.fta::placeholder{color:#475569}
.fi:focus,.fta:focus{border-color:var(--cyan);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.fta{resize:vertical;min-height:74px}
.fhnt{font-size:11px;color:rgba(148,163,184,.7);margin-top:3px;line-height:1.5;position:relative}
.fsd{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:rgba(34,211,238,.55);padding:8px 0 3px;position:relative;border-top:1px solid rgba(255,255,255,.07);margin-top:3px;margin-bottom:2px}
.fbtn{width:100%;padding:13px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--sky));border:none;color:var(--s900);font-family:"Sora",sans-serif;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .2s,filter .2s;position:relative;box-shadow:0 10px 28px -8px rgba(34,211,238,.45)}
.fbtn:hover:not(:disabled){opacity:.95;transform:translateY(-2px);filter:brightness(1.05)}
.fbtn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fnote{text-align:center;font-size:11px;color:#475569;margin-top:8px;position:relative;line-height:1.5}
.frib{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--cyan);background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.25);border-radius:6px;padding:3px 8px;cursor:pointer;margin-left:6px;transition:background .2s}
.frib:hover{background:rgba(34,211,238,.2)}
.frtip{display:none;margin-top:8px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(34,211,238,.25);position:relative}
.frtip.op{display:block;animation:cso .22s cubic-bezier(.22,1,.36,1)}
.frtip p{font-size:12px;color:#CBD5E1;line-height:1.6;margin-bottom:6px}
.frtip strong{color:#fff}
.frtbl{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}
.frtbl th{text-align:left;color:rgba(34,211,238,.8);font-weight:700;padding:3px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.frtbl td{padding:4px 8px;color:#CBD5E1;border-bottom:1px solid rgba(255,255,255,.05)}

/* Custom select */
.cs{position:relative;width:100%}
.cs-tr{width:100%;padding:10px 36px 10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-family:"Inter",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s,background .2s;user-select:none}
.cs-tr.ph{color:#475569}
.cs-tr:hover,.cs-tr.op{border-color:var(--cyan);background:rgba(255,255,255,.09)}
.cs-tr svg{flex-shrink:0;transition:transform .25s;color:#94A3B8}
.cs-tr.op svg{transform:rotate(180deg);color:var(--cyan)}
.cs-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:400;border-radius:12px;background:#1E293B;border:1.5px solid rgba(34,211,238,.25);box-shadow:0 20px 50px -10px rgba(0,0,0,.65);overflow:hidden}
.cs-dd.op{display:block;animation:cso .18s cubic-bezier(.22,1,.36,1)}
@keyframes cso{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.cs-sr{padding:9px 11px 7px;border-bottom:1px solid rgba(255,255,255,.07)}
.cs-sr input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 9px;color:#fff;font-size:12px;font-family:"Inter",sans-serif;outline:none}
.cs-sr input::placeholder{color:#475569}
.cs-sr input:focus{border-color:var(--cyan)}
.cs-ls{max-height:200px;overflow-y:auto;padding:5px}
.cs-ls::-webkit-scrollbar{width:4px}
.cs-ls::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}
.cs-op{padding:9px 11px;border-radius:8px;font-size:13px;color:#CBD5E1;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cs-op:hover{background:rgba(14,165,233,.15);color:#fff}
.cs-op.sel{background:rgba(34,211,238,.12);color:var(--cyan);font-weight:600}
.cs-ck{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.cs-op.sel .cs-ck{background:var(--cyan);border-color:var(--cyan)}
.cs-op.sel .cs-ck::after{content:"";width:4px;height:4px;border-radius:50%;background:#0F172A}
.cs-em{padding:12px 11px;text-align:center;font-size:12px;color:#475569}

.fsuc{display:none;text-align:center;padding:18px;position:relative}
.fsuc-ic{width:52px;height:52px;border-radius:50%;background:rgba(16,185,129,.2);border:2px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.fsuc h4{font-family:"Sora",sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}
.fsuc p{font-size:13px;color:#94A3B8;line-height:1.6}

/* Footer */
footer{background:#020617;color:#CBD5E1;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.ft-glw{position:absolute;top:-80px;left:25%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);pointer-events:none}
.ft-in{position:relative;padding:56px 0 0}
.ft-grid{display:grid;grid-template-columns:4fr 2fr 3fr 3fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-logo{height:44px;width:auto;margin-bottom:12px}
.ft-desc{font-size:13px;line-height:1.7;color:#64748B;max-width:280px}
.ft-soc{display:flex;align-items:center;gap:7px;margin-top:16px}
.ft-sb{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:#94A3B8;transition:all .25s}
.ft-sb:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.ft-ct{font-family:"Sora",sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:13px}
.ft-ls{list-style:none;display:flex;flex-direction:column;gap:8px}
.ft-ls a{font-size:13px;color:#64748B;transition:color .2s}
.ft-ls a:hover{color:var(--cyan)}
.ft-ci{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#64748B;line-height:1.55;margin-bottom:8px;word-break:break-word}
.ft-ci svg{flex-shrink:0;margin-top:1px;color:var(--cyan)}
.ft-bt{padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative}
.ft-bt p{font-size:12px;color:#334155}

/* WhatsApp flotante */
.wa-fl{position:fixed;bottom:24px;right:24px;z-index:200}
.wa-bt{position:relative;width:56px;height:56px;border-radius:50%;background:#22C55E;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px -8px rgba(34,197,94,.6);transition:transform .25s;color:#fff}
.wa-bt:hover{transform:scale(1.1)}
.wa-bt::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(34,197,94,.4);animation:war 1.8s cubic-bezier(.215,.61,.355,1) infinite;z-index:-1}
@keyframes war{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.8);opacity:0}}
.wa-tp{position:absolute;right:66px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--s900);color:#fff;font-size:12px;font-weight:600;padding:6px 11px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.wa-fl:hover .wa-tp{opacity:1}

/* Responsive */
@media(max-width:1024px){
  .comp-grid{grid-template-columns:1fr 1fr}
  .srv-grid{grid-template-columns:repeat(2,1fr)}
  .cl-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr}
  .ct-grid{grid-template-columns:1fr}
  .hero-metrics{grid-template-columns:repeat(4,1fr);gap:10px}
  .hm-item{padding:14px 12px}
  .hm-val{font-size:13px}
}
@media(max-width:768px){
  nav.dn,.hc{display:none!important}
  .hbg{display:flex}
  .hi{height:64px}
  :root{--hdr-h:64px}
  .hero-inner{padding-top:calc(var(--hdr-h) + 28px);padding-bottom:24px;min-height:calc(100vh - 64px)}
  .hero-badge{font-size:11px;padding:6px 12px;margin-bottom:18px}
  .bdg-sep{display:none}
  .hero-title{margin-bottom:16px}
  .hero-sub{margin-bottom:24px}
  .hero-btns{margin-bottom:32px;gap:10px}
  .hero-cta{font-size:13px;padding:12px 22px;width:100%;justify-content:center}
  .comp-grid{grid-template-columns:1fr}
  .ts-grid{grid-template-columns:1fr}
  .srv-grid{grid-template-columns:1fr}
  .cl-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr;gap:28px}
  .ft-bt{flex-direction:column;text-align:center}
  .fr2{grid-template-columns:1fr}
  .hero-metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}
  .hm-item{padding:14px 12px}
  .hm-ico{width:28px;height:28px;margin-bottom:9px}
  .hm-val{font-size:13px}
  .hm-lbl{font-size:10px}
  .sec-w,.sec-g,.sec-dk{padding:64px 0}
  .comparators-section{padding:32px 0 64px}
  .trust-inner{gap:18px}
  .trust-item{font-size:12px}
  .fc{padding:24px}
  .wa-fl{bottom:18px;right:18px}
  .hero-scroll{display:none}
  .logo-img{height:42px}
}
@media(max-width:380px){
  .hero-metrics{grid-template-columns:1fr 1fr}
  .container{padding:0 18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .h-orb1,.h-orb2,.h-orb3{animation:none}
  .agt{animation:none;background-position:0% 50%}
}

/* Awareness reinforcement - Air Frost */
.comp-awareness{margin-top:24px;display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(34,211,238,.06));border:1px solid rgba(34,211,238,.22);box-shadow:0 18px 46px -28px rgba(34,211,238,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ca-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0F172A;background:linear-gradient(135deg,#67E8F9,#0EA5E9);box-shadow:0 10px 28px -14px rgba(34,211,238,.85)}
.ca-copy{flex:1;min-width:0}.ca-copy strong{display:block;font-family:"Sora",system-ui,sans-serif;font-size:15px;line-height:1.35;color:#fff;margin-bottom:4px}.ca-copy p{font-size:13px;line-height:1.6;color:#94A3B8;margin:0}.ca-btn{white-space:nowrap;flex-shrink:0}
@media(max-width:768px){.comp-awareness{flex-direction:column;align-items:flex-start;padding:18px}.ca-btn{width:100%;justify-content:center}.ca-copy strong{font-size:14px}.ca-copy p{font-size:12px}}


/* Ajuste de ancho y modo visual claro/oscuro */
@media(min-width:1440px){
  .container{max-width:1420px;padding-inline:32px}
  .comp-grid{gap:24px}
}

.theme-fl{position:fixed;right:24px;bottom:92px;z-index:205;display:flex;align-items:center;justify-content:center}
.theme-bt{min-height:48px;border-radius:9999px;border:1.5px solid rgba(34,211,238,.28);background:rgba(10,22,40,.88);color:#E0F2FE;box-shadow:0 10px 32px -10px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.04) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:inline-flex;align-items:center;gap:9px;padding:0 16px;cursor:pointer;font-family:"Sora",system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.01em;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s,color .25s,box-shadow .25s}
.theme-bt:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 16px 38px -12px rgba(14,165,233,.45),0 0 0 1px rgba(34,211,238,.12) inset;color:#fff}
.theme-ico{flex-shrink:0;color:var(--cyan)}
.theme-moon{display:none}
body.light-mode .theme-sun{display:none}
body.light-mode .theme-moon{display:block}
body.light-mode .theme-bt{background:rgba(255,255,255,.92);color:#0F172A;border-color:#BAE6FD;box-shadow:0 10px 30px -14px rgba(14,165,233,.45),0 0 0 1px rgba(14,165,233,.08) inset}
body.light-mode .theme-bt:hover{color:#0369A1;border-color:#38BDF8;background:#fff}

body.light-mode{color:#0F172A;background:#F8FAFC}
body.light-mode #inicio{background:linear-gradient(160deg,#F8FBFF 0%,#EEF8FF 42%,#E0F2FE 100%)}
body.light-mode .h-grid{background-image:linear-gradient(rgba(14,165,233,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.10) 1px,transparent 1px);opacity:.8}
body.light-mode .h-orb1{background:radial-gradient(circle,rgba(14,165,233,.16) 0%,transparent 70%)}
body.light-mode .h-orb2{background:radial-gradient(circle,rgba(34,211,238,.16) 0%,transparent 70%)}
body.light-mode .h-orb3{background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%)}
body.light-mode .h-glow{background:radial-gradient(circle,rgba(14,165,233,.14) 0%,transparent 60%)}
body.light-mode #hdr{background:transparent}
body.light-mode #hdr.sc{background:rgba(248,250,252,.88);border-bottom:1px solid rgba(14,165,233,.18);box-shadow:0 4px 24px rgba(14,165,233,.12)}
body.light-mode nav.dn a,body.light-mode .hph{color:#334155}
body.light-mode nav.dn a:hover,body.light-mode .hph:hover{color:#0284C7;background:rgba(14,165,233,.08)}
body.light-mode .hbg{color:#0F172A;background:rgba(255,255,255,.84);border-color:#BAE6FD}
body.light-mode .mob-panel{background:rgba(248,250,252,.96);border-bottom:1px solid rgba(14,165,233,.16)}
body.light-mode .mob-nav a{color:#334155}
body.light-mode .mob-nav a:hover{background:rgba(14,165,233,.08);color:#0284C7}
body.light-mode .hero-badge{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.25);color:#0369A1}
body.light-mode .hero-title{color:#0F172A}
body.light-mode .hero-sub{color:#475569}
body.light-mode .btn-o{background:rgba(255,255,255,.76);border-color:rgba(14,165,233,.22);color:#334155}
body.light-mode .btn-o:hover{background:#fff;border-color:#38BDF8;color:#0284C7}
body.light-mode .hm-item{background:linear-gradient(180deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.58) 100%);border-color:rgba(14,165,233,.16);box-shadow:0 18px 44px -28px rgba(14,165,233,.5)}
body.light-mode .hm-val{color:#0F172A}
body.light-mode .hm-lbl{color:#64748B}
body.light-mode .hm-ico{background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(34,211,238,.12));border-color:rgba(14,165,233,.22);color:#0284C7}
body.light-mode .comp-header h2,body.light-mode .comp-title{color:#0F172A}
body.light-mode .comp-header p{color:#475569}
body.light-mode .comp-card{background:rgba(255,255,255,.84);border-color:rgba(14,165,233,.16);box-shadow:0 18px 46px -30px rgba(14,165,233,.45)}
body.light-mode .comp-card:hover{border-color:rgba(14,165,233,.36);box-shadow:0 24px 54px -24px rgba(14,165,233,.38)}
body.light-mode .comp-canvas-wrap{background:#E0F2FE}
body.light-mode .comp-info{border-top-color:rgba(14,165,233,.12)}
body.light-mode .comp-desc{color:#475569}
body.light-mode .cmp-knob{background:rgba(255,255,255,.94);color:#0284C7;border-color:#0EA5E9}
body.light-mode .trust-bar{background:rgba(255,255,255,.62);border-top-color:rgba(14,165,233,.13)}
body.light-mode .trust-item{color:#475569}
body.light-mode .sec-g{background:#F8FAFC}
body.light-mode .sec-dk{background:linear-gradient(135deg,#EFF6FF 0%,#E0F2FE 54%,#F8FAFC 100%)}
body.light-mode .grid-bg-d{background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px)}
body.light-mode .ttl-w,body.light-mode .sec-dk .ttl-w{color:#0F172A}
body.light-mode .sec-dk .lbl{color:#0284C7}
body.light-mode .cl-card{background:rgba(255,255,255,.82);border-color:#DBEAFE;box-shadow:0 18px 44px -30px rgba(14,165,233,.35)}
body.light-mode .cl-card:hover{background:#fff;border-color:#7DD3FC}
body.light-mode .cl-t{color:#0F172A}
body.light-mode .cl-d{color:#475569}
body.light-mode .cl-ix{color:rgba(15,23,42,.14)}
body.light-mode .fc{background:linear-gradient(135deg,#FFFFFF 0%,#E0F2FE 100%);border:1.5px solid #BAE6FD;box-shadow:0 30px 80px -32px rgba(14,165,233,.5)}
body.light-mode .fc::before{background-image:linear-gradient(rgba(14,165,233,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.07) 1px,transparent 1px)}
body.light-mode .fc-t{color:#0F172A}
body.light-mode .fc-s,body.light-mode .fhnt,body.light-mode .fnote{color:#64748B}
body.light-mode .fl{color:#475569}
body.light-mode .fsd{color:#0284C7;border-top-color:rgba(14,165,233,.16)}
body.light-mode .fi,body.light-mode .fta,body.light-mode .cs-tr{background:rgba(255,255,255,.9);border-color:#CBD5E1;color:#0F172A}
body.light-mode .fi::placeholder,body.light-mode .fta::placeholder{color:#94A3B8}
body.light-mode .fi:focus,body.light-mode .fta:focus,body.light-mode .cs-tr:hover,body.light-mode .cs-tr.op{border-color:#0EA5E9;background:#fff;box-shadow:0 0 0 3px rgba(14,165,233,.12)}
body.light-mode .cs-tr svg{color:#64748B}
body.light-mode .cs-dd{background:#fff;border-color:#BAE6FD;box-shadow:0 20px 50px -24px rgba(14,165,233,.38)}
body.light-mode .cs-sr{border-bottom-color:#E2E8F0}
body.light-mode .cs-sr input{background:#F8FAFC;border-color:#CBD5E1;color:#0F172A}
body.light-mode .cs-op{color:#334155}
body.light-mode .cs-op:hover{background:#E0F2FE;color:#0F172A}
body.light-mode .cs-op.sel{background:#E0F2FE;color:#0284C7}
body.light-mode .cs-ck{border-color:#CBD5E1}
body.light-mode .frib{background:#E0F2FE;border-color:#BAE6FD;color:#0284C7}
body.light-mode .frtip{background:#F8FAFC;border-color:#BAE6FD}
body.light-mode .frtip p,body.light-mode .frtbl td{color:#334155}
body.light-mode .frtip strong,body.light-mode .fsuc h4{color:#0F172A}
body.light-mode .frtbl th{color:#0284C7;border-bottom-color:#DBEAFE}
body.light-mode .frtbl td{border-bottom-color:#E2E8F0}
body.light-mode footer{background:#EFF6FF;color:#334155}
body.light-mode footer::before{background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px)}
body.light-mode .ft-glw{background:radial-gradient(circle,rgba(14,165,233,.16) 0%,transparent 70%)}
body.light-mode .ft-grid{border-bottom-color:#DBEAFE}
body.light-mode .ft-ct{color:#0F172A}
body.light-mode .ft-desc,body.light-mode .ft-ls a,body.light-mode .ft-ci,body.light-mode .ft-bt p{color:#475569}
body.light-mode .ft-ls a:hover{color:#0284C7}
body.light-mode .ft-sb{background:#fff;border-color:#BAE6FD;color:#0284C7}
body.light-mode .ft-sb:hover{background:#E0F2FE;color:#0369A1}
body.light-mode .wa-tp{background:#0F172A;color:#fff}

@media(max-width:768px){
  .theme-fl{right:18px;bottom:84px}
  .theme-bt{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;justify-content:center}
  .theme-bt span{display:none}
  .container{padding-inline:20px}
}


/* Refinamiento UX - contraste modo claro, ondas de aire y sectores interactivos */
.comp-awareness .ca-copy strong{color:#F8FAFC}
body.light-mode .comp-awareness{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(224,242,254,.78));border-color:#7DD3FC;box-shadow:0 18px 46px -28px rgba(14,165,233,.46)}
body.light-mode .ca-copy strong{color:#0F172A}
body.light-mode .ca-copy p{color:#475569}
body.light-mode .ca-icon{color:#0F172A;background:linear-gradient(135deg,#7DD3FC,#0EA5E9)}
body.light-mode .ca-btn{color:#fff}

/* Sustituye la grilla rígida por ondas sutiles de aire */
.h-grid,.grid-bg,.grid-bg-d{background-repeat:repeat;background-size:560px 260px;background-position:center;opacity:.46}
.h-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='260' viewBox='0 0 560 260'%3E%3Cpath d='M-40 70 C80 15 160 125 280 70 S470 22 600 78' fill='none' stroke='%2322D3EE' stroke-opacity='.12' stroke-width='1.3'/%3E%3Cpath d='M-60 130 C70 70 175 180 300 130 S480 78 620 138' fill='none' stroke='%230EA5E9' stroke-opacity='.10' stroke-width='1.15'/%3E%3Cpath d='M-40 190 C100 132 190 235 320 185 S500 135 610 195' fill='none' stroke='%23FFFFFF' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E")}
.grid-bg-d{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='260' viewBox='0 0 560 260'%3E%3Cpath d='M-40 70 C80 15 160 125 280 70 S470 22 600 78' fill='none' stroke='%2322D3EE' stroke-opacity='.16' stroke-width='1.4'/%3E%3Cpath d='M-60 130 C70 70 175 180 300 130 S480 78 620 138' fill='none' stroke='%230EA5E9' stroke-opacity='.12' stroke-width='1.15'/%3E%3Cpath d='M-40 190 C100 132 190 235 320 185 S500 135 610 195' fill='none' stroke='%23FFFFFF' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E")}
.grid-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='260' viewBox='0 0 560 260'%3E%3Cpath d='M-40 70 C80 15 160 125 280 70 S470 22 600 78' fill='none' stroke='%230EA5E9' stroke-opacity='.10' stroke-width='1.2'/%3E%3Cpath d='M-60 130 C70 70 175 180 300 130 S480 78 620 138' fill='none' stroke='%2322D3EE' stroke-opacity='.08' stroke-width='1.1'/%3E%3C/svg%3E")}
body.light-mode .h-grid,body.light-mode .grid-bg,body.light-mode .grid-bg-d{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='260' viewBox='0 0 560 260'%3E%3Cpath d='M-40 70 C80 15 160 125 280 70 S470 22 600 78' fill='none' stroke='%230EA5E9' stroke-opacity='.14' stroke-width='1.35'/%3E%3Cpath d='M-60 130 C70 70 175 180 300 130 S480 78 620 138' fill='none' stroke='%2322D3EE' stroke-opacity='.13' stroke-width='1.15'/%3E%3Cpath d='M-40 190 C100 132 190 235 320 185 S500 135 610 195' fill='none' stroke='%230369A1' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E");opacity:.62}
body.light-mode footer::before,body.light-mode .fc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='260' viewBox='0 0 560 260'%3E%3Cpath d='M-40 70 C80 15 160 125 280 70 S470 22 600 78' fill='none' stroke='%230EA5E9' stroke-opacity='.10' stroke-width='1.2'/%3E%3Cpath d='M-60 130 C70 70 175 180 300 130 S480 78 620 138' fill='none' stroke='%2322D3EE' stroke-opacity='.08' stroke-width='1.1'/%3E%3C/svg%3E");background-size:560px 260px}

.cl-card{cursor:pointer;outline:none;min-height:152px}
.cl-card:focus-visible{box-shadow:0 0 0 3px rgba(34,211,238,.28),0 18px 44px -30px rgba(14,165,233,.35);border-color:rgba(34,211,238,.55)}
.cl-card.is-open{background:rgba(255,255,255,.075);border-color:rgba(34,211,238,.45);transform:translateY(-3px)}
.cl-more{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin-top .28s ease}
.cl-more-in{overflow:hidden}
.cl-more p{font-size:12.5px;line-height:1.65;color:#CBD5E1;margin:0}
.cl-quote{margin-top:10px;padding-top:10px;border-top:1px solid rgba(34,211,238,.18);font-family:"Sora",system-ui,sans-serif;font-size:12.5px;font-weight:700;line-height:1.55;color:#E0F2FE}
.cl-toggle{display:inline-flex;margin-top:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);opacity:.8;transition:opacity .2s,color .2s}
.cl-card.is-open .cl-more{grid-template-rows:1fr;opacity:1;margin-top:12px}
.cl-card.is-open .cl-toggle{opacity:1;color:#67E8F9}
.cl-card.is-open .cl-toggle::before{content:"Ver menos"}
.cl-card.is-open .cl-toggle{font-size:0}
.cl-card.is-open .cl-toggle::before{font-size:10px}
body.light-mode .cl-card.is-open{background:#FFFFFF;border-color:#38BDF8;box-shadow:0 24px 54px -28px rgba(14,165,233,.44)}
body.light-mode .cl-more p{color:#334155}
body.light-mode .cl-quote{color:#0369A1;border-top-color:#BAE6FD}
body.light-mode .cl-toggle{color:#0284C7}

@media(max-width:768px){
  .cl-card{min-height:auto}
  .cl-more p,.cl-quote{font-size:12px}
}


/* Ajustes finales solicitados - hero, ondas, modo claro y logo */
.logo-img{height:52px;max-width:min(230px,22vw);object-fit:contain}
@media(max-width:980px){.logo-img{height:46px;max-width:210px}}
@media(max-width:640px){.logo-img{height:40px;max-width:180px}}

#inicio{min-height:auto}
.hero-inner{padding-top:calc(var(--hdr-h) + 14px);padding-bottom:18px;justify-content:flex-start;min-height:clamp(540px,72vh,690px)}
.hero-badge{margin-bottom:18px}
.hero-title{margin-bottom:16px;max-width:15ch}
.hero-sub{margin-bottom:26px;max-width:700px}
.hero-metrics{margin-bottom:24px}
@media(max-width:980px){.hero-inner{justify-content:center;min-height:calc(100vh - 64px);padding-top:calc(var(--hdr-h) + 22px)}}

/* Ondas más limpias y orgánicas */
.h-grid,.grid-bg,.grid-bg-d,.fc::before,footer::before{background-repeat:repeat;background-size:920px 340px;background-position:center top;opacity:.58}
.h-grid{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27960%27%20height%3D%27360%27%20viewBox%3D%270%200%20960%20360%27%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%27g1%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.15%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.08%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFFFFF%27%20stop-opacity%3D%27.05%27%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%27g2%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.13%27%2F%3E%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.07%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2393C5FD%27%20stop-opacity%3D%27.03%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-40%2092%20C90%2042%20190%20148%20328%2096%20S560%2046%20716%2096%20S885%20136%201008%2090%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20148%20C60%20110%20180%20196%20336%20152%20S584%2094%20748%20150%20S900%20198%201016%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-32%20208%20C112%20164%20226%20250%20370%20210%20S622%20154%20788%20212%20S925%20248%201010%20214%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-50%20270%20C108%20230%20232%20306%20398%20270%20S678%20214%20850%20274%20S962%20298%201038%20270%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.45%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M746%2068%20c46%200%2062%2038%2026%2058%20c-22%2012-18%2034%2012%2036%27%20fill%3D%27none%27%20stroke%3D%27%2367E8F9%27%20stroke-opacity%3D%27.08%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M178%20224%20c34%20-2%2050%2028%2020%2044%20c-18%2010-16%2028%208%2030%27%20fill%3D%27none%27%20stroke%3D%27%23BAE6FD%27%20stroke-opacity%3D%27.07%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");mask-image:radial-gradient(ellipse at center,#000 32%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse at center,#000 32%,transparent 86%)}
.grid-bg,.fc::before,footer::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27960%27%20height%3D%27360%27%20viewBox%3D%270%200%20960%20360%27%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%27g1%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.15%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.08%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFFFFF%27%20stop-opacity%3D%27.05%27%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%27g2%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.13%27%2F%3E%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.07%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2393C5FD%27%20stop-opacity%3D%27.03%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-40%2092%20C90%2042%20190%20148%20328%2096%20S560%2046%20716%2096%20S885%20136%201008%2090%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20148%20C60%20110%20180%20196%20336%20152%20S584%2094%20748%20150%20S900%20198%201016%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-32%20208%20C112%20164%20226%20250%20370%20210%20S622%20154%20788%20212%20S925%20248%201010%20214%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-50%20270%20C108%20230%20232%20306%20398%20270%20S678%20214%20850%20274%20S962%20298%201038%20270%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.45%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M746%2068%20c46%200%2062%2038%2026%2058%20c-22%2012-18%2034%2012%2036%27%20fill%3D%27none%27%20stroke%3D%27%2367E8F9%27%20stroke-opacity%3D%27.08%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M178%20224%20c34%20-2%2050%2028%2020%2044%20c-18%2010-16%2028%208%2030%27%20fill%3D%27none%27%20stroke%3D%27%23BAE6FD%27%20stroke-opacity%3D%27.07%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");opacity:.44}
.grid-bg-d{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27960%27%20height%3D%27360%27%20viewBox%3D%270%200%20960%20360%27%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%27g1%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.15%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.08%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFFFFF%27%20stop-opacity%3D%27.05%27%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%27g2%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.13%27%2F%3E%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.07%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2393C5FD%27%20stop-opacity%3D%27.03%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-40%2092%20C90%2042%20190%20148%20328%2096%20S560%2046%20716%2096%20S885%20136%201008%2090%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20148%20C60%20110%20180%20196%20336%20152%20S584%2094%20748%20150%20S900%20198%201016%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-32%20208%20C112%20164%20226%20250%20370%20210%20S622%20154%20788%20212%20S925%20248%201010%20214%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-50%20270%20C108%20230%20232%20306%20398%20270%20S678%20214%20850%20274%20S962%20298%201038%20270%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.45%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M746%2068%20c46%200%2062%2038%2026%2058%20c-22%2012-18%2034%2012%2036%27%20fill%3D%27none%27%20stroke%3D%27%2367E8F9%27%20stroke-opacity%3D%27.08%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M178%20224%20c34%20-2%2050%2028%2020%2044%20c-18%2010-16%2028%208%2030%27%20fill%3D%27none%27%20stroke%3D%27%23BAE6FD%27%20stroke-opacity%3D%27.07%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");opacity:.52}
body.light-mode .h-grid,body.light-mode .grid-bg,body.light-mode .grid-bg-d,body.light-mode .fc::before,body.light-mode footer::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27960%27%20height%3D%27360%27%20viewBox%3D%270%200%20960%20360%27%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%27g1%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.14%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.11%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%230369A1%27%20stop-opacity%3D%27.05%27%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%27g2%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.12%27%2F%3E%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%237DD3FC%27%20stop-opacity%3D%27.08%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.03%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-40%2092%20C90%2042%20190%20148%20328%2096%20S560%2046%20716%2096%20S885%20136%201008%2090%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%272.3%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20148%20C60%20110%20180%20196%20336%20152%20S584%2094%20748%20150%20S900%20198%201016%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-32%20208%20C112%20164%20226%20250%20370%20210%20S622%20154%20788%20212%20S925%20248%201010%20214%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g1%29%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-50%20270%20C108%20230%20232%20306%20398%20270%20S678%20214%20850%20274%20S962%20298%201038%20270%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g2%29%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M746%2068%20c46%200%2062%2038%2026%2058%20c-22%2012-18%2034%2012%2036%27%20fill%3D%27none%27%20stroke%3D%27%230284C7%27%20stroke-opacity%3D%27.07%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M178%20224%20c34%20-2%2050%2028%2020%2044%20c-18%2010-16%2028%208%2030%27%20fill%3D%27none%27%20stroke%3D%27%2338BDF8%27%20stroke-opacity%3D%27.06%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");opacity:.62}
body.light-mode .grid-bg,body.light-mode .fc::before,body.light-mode footer::before{opacity:.52}
body.light-mode .h-grid{opacity:.68}

/* Modo claro con menos blancos plenos */
body.light-mode{background:#F5FAFF}
body.light-mode #inicio{background:linear-gradient(160deg,#F6FBFF 0%,#ECF8FF 48%,#DDEFFD 100%)}
body.light-mode .sec-g{background:linear-gradient(180deg,#F5FAFF 0%,#EEF7FF 100%)}
body.light-mode .sec-dk{background:linear-gradient(135deg,#EFF7FF 0%,#E4F2FF 52%,#F6FBFF 100%)}
body.light-mode .fc{background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(236,248,255,.96) 100%);border-color:#C6E8FF}
body.light-mode footer{background:linear-gradient(180deg,#EEF7FF 0%,#E4F1FC 100%)}
body.light-mode .comp-card{background:rgba(255,255,255,.88)}
body.light-mode .cl-card{background:rgba(255,255,255,.88)}
body.light-mode .ca-copy strong{color:#0F172A}
body.light-mode .ca-copy p{color:#42566f}

/* Encabezado del formulario más humano */
.fc-t{max-width:18ch}
.fc-s{max-width:56ch}

/* Corrección jerarquía visual en modo claro/descanso visual */
body.light-mode{
  background:#EAF6FF;
}
body.light-mode .sec-w{
  background:
    radial-gradient(circle at 18% 18%,rgba(14,165,233,.12),transparent 34%),
    radial-gradient(circle at 82% 12%,rgba(34,211,238,.10),transparent 32%),
    linear-gradient(180deg,#F1F9FF 0%,#E7F4FF 100%);
}
body.light-mode #contacto.sec-g,
body.light-mode section#contacto{
  background:
    radial-gradient(circle at 20% 15%,rgba(14,165,233,.14),transparent 32%),
    radial-gradient(circle at 78% 75%,rgba(34,211,238,.12),transparent 34%),
    linear-gradient(180deg,#EAF6FF 0%,#DFF0FC 100%);
}
body.light-mode #servicios.sec-g{
  background:
    radial-gradient(circle at 82% 12%,rgba(14,165,233,.12),transparent 34%),
    linear-gradient(180deg,#EEF8FF 0%,#E3F2FE 100%);
}
body.light-mode .ts-card,
body.light-mode .srv-card,
body.light-mode .clink,
body.light-mode .cov{
  background:rgba(255,255,255,.72);
  border-color:#C6E8FF;
  box-shadow:0 18px 46px -32px rgba(14,165,233,.42);
}
body.light-mode .ts-card:hover,
body.light-mode .srv-card:hover,
body.light-mode .clink:hover{
  background:rgba(255,255,255,.88);
  border-color:#7DD3FC;
}
body.light-mode .ts-t,
body.light-mode .sd,
body.light-mode .cl-vl,
body.light-mode .cov-t,
body.light-mode .cov-tg{
  color:#23384F;
}
body.light-mode .cov-tg{
  background:rgba(255,255,255,.76);
  border-color:#B9E3FA;
}
body.light-mode .ct-grid::before{
  content:"";
  position:absolute;
  inset:-42px -48px;
  z-index:-1;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(125,211,252,.10));
  border:1px solid rgba(125,211,252,.24);
  pointer-events:none;
}
body.light-mode .fc{
  background:linear-gradient(145deg,#16295D 0%,#1E3A8A 58%,#0E255C 100%);
  border-color:rgba(125,211,252,.34);
  box-shadow:0 32px 90px -30px rgba(15,23,42,.48);
}
body.light-mode .fc-t,
body.light-mode .fc-suc h4{
  color:#F8FAFC;
}
body.light-mode .fc-s,
body.light-mode .fhnt,
body.light-mode .fnote{
  color:#BFD8F2;
}
body.light-mode .fl{color:#9ADDFB}
body.light-mode .fsd{
  color:#67E8F9;
  border-top-color:rgba(255,255,255,.12);
}
body.light-mode .fi,
body.light-mode .fta,
body.light-mode .cs-tr{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.18);
  color:#F8FAFC;
}
body.light-mode .fi::placeholder,
body.light-mode .fta::placeholder{color:#7D93AE}
body.light-mode .fi:focus,
body.light-mode .fta:focus,
body.light-mode .cs-tr:hover,
body.light-mode .cs-tr.op{
  background:rgba(255,255,255,.12);
  border-color:#67E8F9;
  box-shadow:0 0 0 3px rgba(103,232,249,.12);
}
body.light-mode .cs-tr svg{color:#9ADDFB}
body.light-mode .cs-dd{
  background:#13234D;
  border-color:rgba(103,232,249,.32);
  box-shadow:0 22px 60px -24px rgba(15,23,42,.75);
}
body.light-mode .cs-sr{border-bottom-color:rgba(255,255,255,.10)}
body.light-mode .cs-sr input{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  color:#F8FAFC;
}
body.light-mode .cs-op{color:#D9E8F7}
body.light-mode .cs-op:hover{background:rgba(14,165,233,.18);color:#fff}
body.light-mode .cs-op.sel{background:rgba(34,211,238,.18);color:#67E8F9}
body.light-mode .frib{background:rgba(34,211,238,.14);border-color:rgba(103,232,249,.35);color:#67E8F9}
body.light-mode .frtip{background:rgba(255,255,255,.08);border-color:rgba(103,232,249,.30)}
body.light-mode .frtip p,
body.light-mode .frtbl td{color:#D9E8F7}
body.light-mode .frtip strong{color:#fff}
body.light-mode .frtbl th{color:#67E8F9;border-bottom-color:rgba(255,255,255,.12)}
body.light-mode .frtbl td{border-bottom-color:rgba(255,255,255,.08)}
body.light-mode .fbtn{color:#0F172A}
body.light-mode .theme-bt{
  background:rgba(10,22,40,.92);
  color:#E0F2FE;
  border-color:rgba(34,211,238,.38);
}
body.light-mode .theme-bt:hover{background:#0A1628;color:#fff}


/* Continuidad visual final: evita bloques de blanco puro en secciones de transición */
#testimonios.sec-w,
#servicios.sec-g{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#F5F8FB 0%,#F2F7FC 100%)!important;
}
#testimonios.sec-w::before,
#servicios.sec-g::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271040%27%20height%3D%27360%27%20viewBox%3D%270%200%201040%20360%27%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%27a%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%0A%20%20%20%20%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.10%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%27.52%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.06%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%271%27%20stop-color%3D%27%231D4ED8%27%20stop-opacity%3D%27.035%27%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%27b%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%0A%20%20%20%20%3Cstop%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.075%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%237DD3FC%27%20stop-opacity%3D%27.045%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%271%27%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.025%27%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-80%2078%20C85%2030%20210%20128%20365%2084%20S625%2038%20790%2086%20S960%20130%201120%2074%27%20fill%3D%27none%27%20stroke%3D%27url%28%23a%29%27%20stroke-width%3D%272.1%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-90%20150%20C70%20104%20220%20198%20388%20154%20S650%20102%20825%20154%20S990%20204%201125%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23b%29%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20224%20C110%20176%20245%20272%20420%20224%20S705%20170%20875%20226%20S1010%20264%201120%20226%27%20fill%3D%27none%27%20stroke%3D%27url%28%23a%29%27%20stroke-width%3D%271.55%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-90%20292%20C95%20252%20260%20326%20450%20292%20S748%20244%20925%20294%20S1040%20322%201130%20292%27%20fill%3D%27none%27%20stroke%3D%27url%28%23b%29%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat:repeat;
  background-size:1040px 360px;
  background-position:center top;
  opacity:.72;
}
#testimonios.sec-w > .container,
#servicios.sec-g > .container{
  position:relative;
  z-index:1;
}
#servicios.sec-g .grid-bg{
  opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271040%27%20height%3D%27360%27%20viewBox%3D%270%200%201040%20360%27%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%27a%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%0A%20%20%20%20%3Cstop%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.10%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%27.52%27%20stop-color%3D%27%2322D3EE%27%20stop-opacity%3D%27.06%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%271%27%20stop-color%3D%27%231D4ED8%27%20stop-opacity%3D%27.035%27%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%27b%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%0A%20%20%20%20%3Cstop%20stop-color%3D%27%2338BDF8%27%20stop-opacity%3D%27.075%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%27.65%27%20stop-color%3D%27%237DD3FC%27%20stop-opacity%3D%27.045%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%271%27%20stop-color%3D%27%230EA5E9%27%20stop-opacity%3D%27.025%27%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%27M-80%2078%20C85%2030%20210%20128%20365%2084%20S625%2038%20790%2086%20S960%20130%201120%2074%27%20fill%3D%27none%27%20stroke%3D%27url%28%23a%29%27%20stroke-width%3D%272.1%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-90%20150%20C70%20104%20220%20198%20388%20154%20S650%20102%20825%20154%20S990%20204%201125%20150%27%20fill%3D%27none%27%20stroke%3D%27url%28%23b%29%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-70%20224%20C110%20176%20245%20272%20420%20224%20S705%20170%20875%20226%20S1010%20264%201120%20226%27%20fill%3D%27none%27%20stroke%3D%27url%28%23a%29%27%20stroke-width%3D%271.55%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M-90%20292%20C95%20252%20260%20326%20450%20292%20S748%20244%20925%20294%20S1040%20322%201130%20292%27%20fill%3D%27none%27%20stroke%3D%27url%28%23b%29%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3C%2Fsvg%3E");
  background-size:1040px 360px;
}
.ts-card,
.srv-card{
  background:#FFFFFF;
}
body.light-mode #testimonios.sec-w,
body.light-mode #servicios.sec-g{
  background:linear-gradient(180deg,#F3F8FC 0%,#EAF4FB 100%)!important;
}
body.light-mode #testimonios.sec-w::before,
body.light-mode #servicios.sec-g::before{
  opacity:.82;
}
body.light-mode .ts-card,
body.light-mode .srv-card{
  background:#FFFFFF;
  border-color:#D7E8F5;
  box-shadow:0 18px 44px -32px rgba(14,165,233,.36);
}
body.light-mode .ts-card:hover,
body.light-mode .srv-card:hover{
  background:#FFFFFF;
  border-color:#A8DBF7;
}

/* Corrección final: dark mode sin bloques blancos en testimonios, servicios y contacto */
body:not(.light-mode) #testimonios.sec-w,
body:not(.light-mode) #servicios.sec-g,
body:not(.light-mode) #contacto.sec-g{
  background:
    radial-gradient(circle at 18% 18%,rgba(14,165,233,.12),transparent 34%),
    radial-gradient(circle at 82% 12%,rgba(34,211,238,.10),transparent 32%),
    linear-gradient(180deg,#061120 0%,#0A1628 52%,#071525 100%)!important;
  color:#F8FAFC;
}
body:not(.light-mode) #testimonios.sec-w::before,
body:not(.light-mode) #servicios.sec-g::before{
  opacity:.34;
  mix-blend-mode:screen;
}
body:not(.light-mode) #servicios.sec-g .grid-bg,
body:not(.light-mode) #contacto.sec-g .grid-bg{
  opacity:.28;
}
body:not(.light-mode) #testimonios .ttl,
body:not(.light-mode) #servicios .ttl,
body:not(.light-mode) #contacto .ttl{
  color:#F8FAFC;
}
body:not(.light-mode) #testimonios .lbl,
body:not(.light-mode) #servicios .lbl,
body:not(.light-mode) #contacto .lbl{
  color:#38BDF8;
}
body:not(.light-mode) #contacto .rv > p{
  color:#AFC4DA!important;
}
body:not(.light-mode) .ts-card,
body:not(.light-mode) .srv-card,
body:not(.light-mode) #contacto .clink,
body:not(.light-mode) #contacto .cov,
body:not(.light-mode) #contacto .cguide{
  background:linear-gradient(180deg,rgba(255,255,255,.065) 0%,rgba(255,255,255,.035) 100%)!important;
  border-color:rgba(125,211,252,.18)!important;
  box-shadow:0 24px 58px -34px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body:not(.light-mode) .ts-card:hover,
body:not(.light-mode) .srv-card:hover,
body:not(.light-mode) #contacto .clink:hover{
  background:linear-gradient(180deg,rgba(34,211,238,.075) 0%,rgba(255,255,255,.045) 100%)!important;
  border-color:rgba(56,189,248,.38)!important;
  box-shadow:0 28px 70px -34px rgba(14,165,233,.46), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body:not(.light-mode) .st2,
body:not(.light-mode) .ts-a,
body:not(.light-mode) #contacto .cl-vl,
body:not(.light-mode) #contacto .cov-t,
body:not(.light-mode) #contacto .cg-t{
  color:#F8FAFC!important;
}
body:not(.light-mode) .sd,
body:not(.light-mode) .ts-t,
body:not(.light-mode) .ts-r,
body:not(.light-mode) #contacto .cl-lb,
body:not(.light-mode) #contacto .cg-s,
body:not(.light-mode) #contacto .cov-tg{
  color:#B7C8DB!important;
}
body:not(.light-mode) .srv-card .si{
  color:rgba(226,232,240,.32);
}
body:not(.light-mode) .srv-card .tag{
  background:rgba(14,165,233,.12);
  color:#7DD3FC;
  border-color:rgba(125,211,252,.22);
}
body:not(.light-mode) .srv-card .slk{
  color:#E0F2FE;
}
body:not(.light-mode) .srv-card .slk:hover{
  color:#67E8F9;
}
body:not(.light-mode) #contacto .cov-tg{
  background:rgba(255,255,255,.055);
  border-color:rgba(125,211,252,.18);
}
body:not(.light-mode) #contacto .sn{
  background:linear-gradient(135deg,#22D3EE,#0EA5E9);
  color:#071525;
}


/* Fondo global vivo: partículas y corrientes de aire sutiles */
#af-ambient-canvas{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:1;
  pointer-events:none;
  opacity:.24;
  mix-blend-mode:screen;
  transform:translateZ(0);
}
body.light-mode #af-ambient-canvas{
  opacity:.13;
  mix-blend-mode:multiply;
}
@media(max-width:768px){
  #af-ambient-canvas{opacity:.18}
  body.light-mode #af-ambient-canvas{opacity:.10}
}
@media(prefers-reduced-motion:reduce){
  #af-ambient-canvas{display:none!important}
}


/* Corrección: fondo global de aire visible y correctamente estratificado */
#af-ambient-canvas{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.46!important;
  mix-blend-mode:screen!important;
  transform:translateZ(0)!important;
}
body.light-mode #af-ambient-canvas{
  opacity:.24!important;
  mix-blend-mode:multiply!important;
}
section > .container,
#inicio .hero-wrap,
#inicio .comparators-section,
.trust-bar > .container,
footer .ft-in{
  position:relative;
  z-index:4;
}
#hdr{z-index:120!important}
.wa-fl,.theme-fl{z-index:220!important}
@media(max-width:768px){
  #af-ambient-canvas{opacity:.34!important}
  body.light-mode #af-ambient-canvas{opacity:.18!important}
}
@media(prefers-reduced-motion:reduce){
  #af-ambient-canvas{display:none!important}
}


/* Corrección visual: alinear resplandor del cursor y eliminar cuadro superior izquierdo */
#hero-canvas{
  display:none!important;
}
.h-glow{
  width:300px!important;
  height:300px!important;
  filter:blur(58px)!important;
  opacity:0!important;
}
#inicio:hover .h-glow{
  opacity:.72!important;
}
body.light-mode #inicio:hover .h-glow{
  opacity:.42!important;
}