/* Refresh de inteligenciaanalitica.com — misma marca (Manual de marca), estructura actual.
   Layout: hero oscuro a dos columnas · logos · servicios en lista con detalle · nosotros con cifras · tecnologías en pestañas · talento + contacto. */
:root{
  --blue:#1461AF;--blue-dark:#074a9b;--navy:#003580;--deep:#06244f;--sky:#009DE0;--light:#6EBBED;--teal:#50E6D2;--orange:#FF9B37;
  --gray:#DCDCDC;--ink:#333333;--text:#4a5260;--muted:#7a828e;--soft:#f5f9ff;--mist:#e3eefb;--line:#e6ebf2;--white:#fff;
  --hex:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);
  --shadow:0 1px 2px rgba(0,53,128,.04),0 8px 24px rgba(0,53,128,.06);--shadow-h:0 20px 48px rgba(0,53,128,.15);
  --r:6px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font:16px/1.65 Rubik,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Rubik,sans-serif;font-weight:600;color:var(--navy);line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance}
p{margin:0}a{color:var(--blue)}img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kicker{display:inline-flex;align-items:center;gap:10px;font:600 15px "Asap Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:14px}
.kicker::before{content:"";width:11px;height:13px;background:var(--teal);clip-path:var(--hex)}
.btn{display:inline-flex;align-items:center;gap:10px;font:500 16px Rubik,sans-serif;padding:15px 28px;border:1px solid var(--blue);background:var(--blue);color:#fff;text-decoration:none;border-radius:0;cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.btn:hover{background:var(--blue-dark)}.btn .arr{transition:transform .2s var(--ease)}.btn:hover .arr{transform:translateX(4px)}
.btn.white{background:#fff;color:var(--navy);border-color:#fff}.btn.white:hover{background:var(--soft)}
.btn.line{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.btn.line:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.lang{display:flex;margin-left:12px;border:1px solid var(--line)}
.lang button{font:600 14px "Asap Condensed",sans-serif;letter-spacing:.06em;background:#fff;color:var(--muted);border:0;padding:7px 11px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--navy);color:#fff}

/* Barra de progreso de lectura */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--teal),var(--sky));transform-origin:left;transform:scaleX(0);z-index:40}

/* Encabezado */
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(0,53,128,.05)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
header .logo img{height:42px;width:auto}
nav{display:flex;align-items:center;gap:2px}
nav a{color:var(--ink);text-decoration:none;font-size:15px;padding:10px 14px;position:relative;white-space:nowrap}
nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--teal);transform:scaleX(0);transition:transform .25s var(--ease)}
nav a:hover::after,nav a.on::after{transform:scaleX(1)}
nav a.on{color:var(--blue)}
nav .btn{padding:10px 20px;margin-left:10px;color:#fff}nav .btn::after{display:none}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:104px 0 112px;background:radial-gradient(1100px 600px at 80% 10%,rgba(0,157,224,.4),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(80,230,210,.12),transparent 60%),linear-gradient(145deg,var(--blue) 0%,var(--navy) 62%,var(--deep) 100%)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.28}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.hero .kicker{color:var(--teal)}
.hero h1{color:#fff;font-size:clamp(40px,4.6vw,62px);margin-bottom:22px;letter-spacing:-.03em}
.hero h1 em{font-style:normal;color:var(--light)}
.hero p.lead{font-size:clamp(17px,1.6vw,20px);max-width:580px;color:rgba(255,255,255,.85);margin-bottom:34px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.proof{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0;margin-top:8px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);max-width:none}
.proof div{padding-right:40px;margin-right:40px;border-right:1px solid rgba(255,255,255,.16)}.proof div:last-child{border-right:0;margin-right:0;padding-right:0}
.proof b{display:block;font:600 26px/1.1 "Asap Condensed",sans-serif;color:#fff}
.proof .pia b{color:var(--teal)}.proof span{font-size:13.5px;color:rgba(255,255,255,.7)}
/* Composición de hexágonos (isologo) a la derecha */
.hexart{position:relative;aspect-ratio:1/1.05;max-width:440px;width:100%;justify-self:end}
.hexart .h{position:absolute;clip-path:var(--hex);transition:transform .6s var(--ease)}
.hexart .h1{inset:6% 10% 10% 6%;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03));backdrop-filter:blur(6px)}
.hexart .h2{width:46%;aspect-ratio:1/1.15;right:0;top:0;background:linear-gradient(160deg,rgba(80,230,210,.55),rgba(0,157,224,.25))}
.hexart .h3{width:30%;aspect-ratio:1/1.15;left:0;bottom:4%;background:rgba(110,187,237,.35)}
.hexart .h4{display:none}

/* Clientes */
.trust{padding:40px 0 44px;border-bottom:1px solid var(--line)}
.trust p.t{text-align:center;font:600 14px "Asap Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.trust .row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 46px}
.trust img{height:30px;width:116px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:all .25s}
.trust img:hover{filter:none;opacity:1}
/* Logos blancos o muy claros (Newsan, Neostar, La Virginia): se muestran en oscuro para que se lean */
.trust img.neg,.trust img.neg:hover{filter:brightness(0)}.trust img.neg{opacity:.45}.trust img.neg:hover{opacity:.85}
.trust img.big{height:46px;margin:-8px 0}.trust img.sm{height:22px}
.trust .wm{font:600 19px "Asap Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#a3aab4;width:116px;text-align:center}

.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--blue),var(--navy));color:#fff;padding:64px 0}
.cta::after{content:"";position:absolute;right:-60px;top:-70px;width:260px;height:300px;clip-path:var(--hex);background:rgba(80,230,210,.12)}
.cta .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta .kicker{color:var(--teal);margin-bottom:10px}
.cta h2{color:#fff;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.02em}
.cta h2 s{text-decoration-thickness:3px;text-decoration-color:var(--orange);color:rgba(255,255,255,.55)}
.cta h2 em{font-style:normal;color:var(--teal)}
.cta p{color:rgba(255,255,255,.82);font-size:17px}
.cta .btn{flex:none}
.cta-sub{color:rgba(255,255,255,.85);font-size:18px;margin-top:14px}
.steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.steps span{font:600 16px "Asap Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.steps span+span::before{content:"→";color:var(--teal);margin:0 10px 0 -2px;font-family:Rubik,sans-serif}
.steps span{display:inline-flex;align-items:center}
.steps span+span::before{margin:0 12px}
section.block{padding:100px 0}
section.soft{background:var(--soft)}
.head{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end;margin-bottom:48px}
.head h2,.h2{font-size:clamp(32px,3.4vw,46px)}
.head p{font-size:18px}

/* Servicios: lista a la izquierda + panel de detalle a la derecha (en celular, acordeón) */
.ico{width:52px;height:60px;flex:none;display:grid;place-items:center;background:var(--mist);clip-path:var(--hex);transition:background .3s}
.ico svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font:600 14px "Asap Condensed",sans-serif;letter-spacing:.02em;color:var(--navy);background:var(--soft);padding:3px 10px;border-radius:20px}
.svx{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}
.sx-list{border-top:1px solid var(--line)}
.sx{border-bottom:1px solid var(--line)}
.sx-b{width:100%;display:flex;align-items:center;gap:16px;background:none;border:0;padding:12px 6px;cursor:pointer;text-align:left;font:500 18px Rubik,sans-serif;color:var(--ink);transition:color .2s,padding .3s var(--ease)}
.sx-b .ico{width:40px;height:46px;margin:0}.sx-b .ico svg{width:19px;height:19px}
.sx-t{flex:1;display:flex;align-items:center;gap:10px}
.sx-a{color:var(--sky);opacity:0;transform:translateX(-6px);transition:all .25s var(--ease)}
.sx-b:hover,.sx.on .sx-b{color:var(--blue);padding-left:14px}
.sx.on .sx-b .ico{background:var(--blue)}.sx.on .sx-b .ico svg{stroke:#fff}
.sx.on .sx-a,.sx-b:hover .sx-a{opacity:1;transform:none}
.sx-d{display:none}
.sx-panel{position:sticky;top:100px;min-height:420px;overflow:hidden;border-radius:var(--r);color:rgba(255,255,255,.86);padding:44px;background:radial-gradient(420px 300px at 100% 0%,rgba(80,230,210,.28),transparent 65%),linear-gradient(155deg,var(--blue),var(--navy))}
.sx-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(200deg,#000 10%,transparent 60%);pointer-events:none}
.sx-panel .sx-d{display:flex;flex-direction:column;gap:16px;position:relative;animation:sxin .45s var(--ease)}
@keyframes sxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sx-panel .ico{width:68px;height:78px;background:rgba(255,255,255,.12);margin:0 0 6px}.sx-panel .ico svg{stroke:var(--teal);width:30px;height:30px}
.sx-panel h3{color:#fff;font-size:clamp(28px,2.6vw,36px)}
.sx-panel p{font-size:18px;line-height:1.6}
.sx-panel .chips{margin-top:8px}.sx-panel .chips span{background:rgba(255,255,255,.14);color:#fff}
.badge{font:600 12px "Asap Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:#fff;padding:2px 9px;border-radius:20px}
.svc-cta{display:flex;justify-content:center;margin-top:40px}

/* Nosotros: texto editorial + franja de cifras + valores en tarjetas */
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;margin-bottom:56px}
.intro h2{font-size:clamp(34px,4vw,54px)}
.intro h2 em{font-style:normal;color:var(--sky)}
.intro p{font-size:18px}

.vgrid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:56px;border-top:1px solid var(--line)}
.vcard{position:relative;padding:30px 26px 6px;border-left:1px solid var(--line)}
.vcard:first-child{border-left:0;padding-left:0}
.vcard::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.vcard:first-child::before{left:0}.vcard:hover::before{transform:scaleX(1)}
.vcard .ico{width:auto;height:auto;background:none;clip-path:none;display:block;margin-bottom:18px}.vcard .ico svg{width:30px;height:30px;stroke:var(--sky);stroke-width:1.5;transition:stroke .3s,transform .35s var(--ease)}
.vcard:hover .ico svg{stroke:var(--blue);transform:translateY(-3px)}
.vcard h3{font-size:20px;margin-bottom:8px;letter-spacing:-.01em}.vcard p{font-size:15px;line-height:1.55;color:var(--muted)}
.vhead{display:flex;align-items:center;gap:14px;margin-top:8px;font:600 14px "Asap Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vhead::after{content:"";flex:1;height:1px;background:var(--line)}
.vhead+.vgrid{margin-top:20px}

/* Tecnologías en pestañas */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.tabs button{font:500 15px Rubik,sans-serif;color:var(--navy);background:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:30px;cursor:pointer;transition:all .2s}
.tabs button:hover{border-color:var(--light)}
.tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.tabs button .ct{font:600 13px "Asap Condensed",sans-serif;margin-left:6px;opacity:.6}
.tpanel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tpanel[hidden]{display:none}
.tcard{background:#fff;border:1px solid var(--line);border-radius:12px;height:84px;display:flex;align-items:center;gap:16px;padding:0 22px;transition:box-shadow .25s,transform .25s,border-color .25s}
.tcard:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.tcard img{height:36px;width:44px;flex:none;object-fit:contain}
.tcard i{width:36px;height:41px;flex:none;margin:0 4px;display:grid;place-items:center;background:var(--mist);clip-path:var(--hex);font:600 15px "Asap Condensed",sans-serif;font-style:normal;color:var(--blue)}
.tcard span{font-size:15px;color:var(--ink);line-height:1.25}.tcard small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.3}

/* Talento + contacto */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}
.card-talent{position:relative;overflow:hidden;border-radius:var(--r);background:radial-gradient(380px 260px at 100% 100%,rgba(80,230,210,.25),transparent 70%),linear-gradient(155deg,var(--blue),var(--blue-dark));color:rgba(255,255,255,.88);padding:48px 44px;display:flex;flex-direction:column;gap:16px}
.card-talent h2{color:#fff;font-size:clamp(28px,3vw,40px)}
.card-talent .kicker{color:var(--teal)}
.card-talent .hx{position:absolute;right:-60px;bottom:-80px;width:240px;height:280px;background:rgba(80,230,210,.14);clip-path:var(--hex)}
form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:44px;display:grid;gap:14px}
form h2{font-size:clamp(26px,2.8vw,36px);margin-bottom:4px}
input,textarea{width:100%;font:15px Rubik,sans-serif;color:var(--ink);background:var(--soft);border:1px solid var(--soft);padding:14px 16px;border-radius:8px}
input:focus,textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(20,97,175,.1)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mail{font-size:14px;color:var(--muted)}

/* Pie */
footer{background:var(--deep);color:rgba(255,255,255,.75);padding:72px 0 30px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:46px}
footer h4{font:600 15px "Asap Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 16px}
footer a{color:rgba(255,255,255,.75);text-decoration:none;display:block;margin-bottom:8px}footer a:hover{color:#fff}
footer .logo img{height:40px;width:auto;margin-bottom:16px}
footer .iso{height:54px;width:auto;margin-top:18px;background:#fff;padding:6px;border-radius:6px}
footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:13px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@media (max-width:1100px){nav a:not(.btn){display:none}}
@media (max-width:1000px){.cta .wrap{flex-direction:column;align-items:flex-start;gap:22px}.intro{grid-template-columns:1fr;gap:20px}.vgrid{grid-template-columns:repeat(3,1fr);row-gap:10px}.vcard:nth-child(4){border-left:0;padding-left:0}.svx{grid-template-columns:1fr}.sx-panel{display:none}.sx.on .sx-d{display:block;padding:4px 6px 22px 62px}.sx.on .sx-d .ico,.sx.on .sx-d h3{display:none}.sx-d .chips{padding-top:12px}.tpanel{grid-template-columns:repeat(3,1fr)}.hero .wrap,.head,.split{grid-template-columns:1fr}.hexart{max-width:360px;justify-self:center}footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.lang{margin-left:0}.lang button{padding:6px 8px}nav .btn{padding:9px 12px;margin-left:8px;font-size:14px}.proof{flex-wrap:wrap;row-gap:16px}.proof div{padding-right:16px;margin-right:16px}.vgrid{grid-template-columns:1fr 1fr}.vcard{border-left:0;padding-left:0}.vcard:nth-child(even){border-left:1px solid var(--line);padding-left:18px}.wrap{padding:0 18px}section.block{padding:68px 0}.hero{padding:64px 0 72px}.row2,footer .cols{grid-template-columns:1fr}.hexart{display:none}form,.card-talent{padding:30px 24px}header .logo img{height:34px}.tpanel{grid-template-columns:1fr 1fr}.tcard{padding:0 14px;gap:10px}.tcard img{width:30px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.estado{font-size:15px;margin:0;min-height:0}.estado:empty{display:none}
.estado.ok{color:#0f7a5c;background:#e7f8f2;padding:12px 14px;border-radius:6px}
.estado.err{color:#a14b00;background:#fff3e6;padding:12px 14px;border-radius:6px}
button[disabled]{opacity:.6;cursor:wait}