@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#050A16;--surface:#0D1729;--text:#F4F8FF;--muted:#9AAAC2;--accent:#43DEC8;--blue:#537DFF;--border:rgba(160,190,230,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}
.navbar{min-height:84px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(5,10,22,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100}.logo{font-size:27px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 19px}nav a{color:var(--muted);font-size:13px;transition:color .25s}nav a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--border);border-radius:10px;font-weight:700;font-size:14px;transition:transform .25s,background .25s,box-shadow .25s;text-align:center}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#031c20;background:linear-gradient(120deg,var(--accent),#71bfff);border:0;box-shadow:0 8px 35px rgba(67,222,200,.14)}.btn-primary:hover{box-shadow:0 12px 40px rgba(67,222,200,.35)}.btn-outline{background:rgba(255,255,255,.035)}.btn-outline:hover{background:rgba(255,255,255,.1)}
.hero{min-height:680px;padding:110px 24px 130px;display:grid;place-items:center;text-align:center;position:relative;isolation:isolate;overflow:hidden;background-image:radial-gradient(#3a6481 1px,transparent 1px);background-size:65px 65px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 25%,transparent 75%,var(--bg));pointer-events:none}.hero-glow{width:650px;height:500px;position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(31,111,152,.27),transparent 68%);animation:glow 7s ease-in-out infinite alternate}@keyframes glow{from{opacity:.4;filter:blur(10px)}to{opacity:1;filter:blur(40px)}}.hero-content{max-width:1050px;position:relative}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2.5px;font-weight:800}h1{font-size:clamp(46px,6vw,88px);line-height:1.08;letter-spacing:-4px;margin:26px 0}h1 span{background:linear-gradient(90deg,#fff,#65dddf,#8ba5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:650px;margin:0 auto;color:var(--muted);font-size:19px;line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-note{color:var(--muted);margin-top:55px;font-size:12px;letter-spacing:1px}.dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.section{padding:105px 7%;max-width:1500px;margin:auto;scroll-margin-top:100px}.section.alt{max-width:none;background:#091223}.section-heading{text-align:center;margin-bottom:50px}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:16px 0}.section-heading p,.ai-layout p,.demo-section p{color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.insight{padding:35px;background:linear-gradient(145deg,#101d32,#0a1221);border:1px solid var(--border);border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);border-color:rgba(67,222,200,.5);box-shadow:0 16px 50px rgba(0,0,0,.25)}.card-icon{font-size:38px;color:var(--accent);margin-bottom:25px}.card h3{font-size:20px}.card p{color:var(--muted);font-size:14px;line-height:1.8}
.about-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.about-layout p{color:var(--muted);line-height:1.9;max-width:590px}.about-card{padding:40px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,#12283b,#0a1425)}.about-card h3{font-size:27px;margin:20px 0}.about-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.about-values span{padding:12px 15px;border:1px solid rgba(67,222,200,.2);border-radius:9px;color:var(--accent);font-size:13px}
.industries{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industries span{padding:25px 18px;background:#101d31;border:1px solid var(--border);border-radius:12px;text-align:center;font-weight:600;transition:transform .25s,border-color .25s}.industries span:hover{transform:translateY(-5px);border-color:var(--accent)}.ai-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.ai-layout p{max-width:520px}.insight{box-shadow:0 25px 80px rgba(0,0,0,.25)}.insight-top{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:25px}.insight h3{font-size:24px}.insight p{color:var(--muted);line-height:1.7}.insight-tip{padding:20px;background:rgba(67,222,200,.06);border-left:3px solid var(--accent);border-radius:8px}.insight-tip p{margin:8px 0 0}.demo-section{text-align:center;background:radial-gradient(ellipse at center,#123047,var(--bg) 75%);max-width:none}.demo-section>p{max-width:600px;margin:0 auto 30px}.demo-disclaimer{font-size:12px;margin-top:20px!important}
/* PLANES CXdataIA */
.planes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:auto}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;background:#0D1729;border:1px solid var(--border);border-radius:20px;transition:transform .3s,border-color .3s}.plan-card:hover{transform:translateY(-6px);border-color:var(--accent)}.plan-card.destacado{border:2px solid var(--accent)}.plan-card h3{margin:20px 0 8px;font-size:clamp(27px,3vw,38px);white-space:nowrap}.plan-card h3 small{color:var(--muted);font-size:15px;font-weight:400}.plan-card>p,.plan-empresa p,.planes-nota{color:var(--muted);line-height:1.7}.plan-sucursales{padding:12px;margin-top:15px;background:rgba(67,222,200,.07);border:1px solid rgba(67,222,200,.18);border-radius:9px;color:var(--accent);font-size:13px;font-weight:700;text-align:center}.plan-card ul{list-style:none;padding:0;margin:25px 0 35px;flex:1}.plan-card li{padding:11px 0 11px 27px;position:relative;font-size:14px;border-bottom:1px solid #ffffff0c}.plan-card li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.plan-card .btn{width:100%}.plan-etiqueta{position:absolute;top:-14px;right:25px;background:var(--accent);color:var(--bg);padding:7px 13px;border-radius:20px;font-size:11px;font-weight:800}.plan-empresa{max-width:1200px;margin:28px auto;padding:30px;background:#101D31;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px}.plan-empresa h3{margin:12px 0}.plan-empresa p{margin-bottom:12px}.plan-empresa strong{color:var(--accent)}.plan-empresa .btn{flex-shrink:0}.planes-nota{font-size:12px;text-align:center;margin-top:24px}
/* CONTACTO */
.contacto{text-align:center}.contacto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:950px;margin:0 auto 45px}.contacto-card{text-align:left;padding:35px;border-radius:18px;background:#0D1729;border:1px solid var(--border);transition:transform .3s,border-color .3s,box-shadow .3s}.contacto-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 15px 35px #0005}.contacto-icon{font-size:32px;color:var(--accent);margin-bottom:20px}.contacto-card h3{font-size:22px}.contacto-card p,.contacto-cta p{color:var(--muted);line-height:1.7}.contacto-card strong{color:var(--accent);font-size:14px;overflow-wrap:anywhere}.contacto-cta{padding:45px 25px;background:linear-gradient(135deg,#0D1729,#102638);border:1px solid var(--border);border-radius:20px;max-width:950px;margin:auto}.contacto-cta h3{font-size:26px}.contacto-cta .btn{margin-top:10px}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:15px;padding:35px 7%;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.footer strong{color:var(--text);font-size:20px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.navbar nav{gap:9px 13px}.planes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.destacado{grid-column:1/-1}}
@media(max-width:900px){.navbar{padding:12px 5%}nav{display:none}.cards{grid-template-columns:1fr}.industries{grid-template-columns:repeat(2,1fr)}.ai-layout,.about-layout{grid-template-columns:1fr;gap:35px}h1{letter-spacing:-2px}}
@media(max-width:750px){.planes-grid,.contacto-grid{grid-template-columns:1fr}.plan-card.destacado{grid-column:auto}.plan-empresa{flex-direction:column;align-items:flex-start}.plan-empresa .btn{width:100%}}
@media(max-width:480px){.navbar{min-height:70px}.logo{font-size:23px}.navbar>.btn{font-size:12px;padding:10px}.hero{min-height:590px;padding:90px 20px}.hero p{font-size:16px}.section{padding:75px 6%}.industries span{padding:20px 10px;font-size:12px}.card,.insight,.about-card,.contacto-card,.plan-card{padding:25px}.contacto-cta{padding:30px 20px}.plan-card h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* CXdataIA V1.1: beneficios y navegación responsiva */
.navbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mobile-navigation{display:none}
.benefits-section{padding-top:85px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.benefit-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#0e2131,#0D1729);padding:25px;min-width:0}
.benefit-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(67,222,200,.10);color:var(--accent);font-size:28px;margin-bottom:18px}
.benefit-card h3{font-size:18px;line-height:1.3;margin-bottom:11px}
.benefit-card p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}
.benefits-example{margin-top:22px;border:1px solid rgba(67,222,200,.2);background:linear-gradient(115deg,#11273A,#101b2f);border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.benefits-example h3{font-size:23px;margin:10px 0}.benefits-example p{color:var(--muted);margin:0;line-height:1.65;max-width:720px}
.benefits-example .btn{flex-shrink:0}
.benefits-disclaimer{color:var(--muted);font-size:11px;margin:16px 0 0;text-align:center}
.plan-precio-clp{margin-bottom:10px}.plan-card li strong{color:var(--text)}
@media(max-width:1100px){.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .navbar{flex-wrap:nowrap;padding:12px 5%;gap:12px}
  .desktop-nav{display:none!important}
  .navbar-actions{margin-left:auto}
  .mobile-navigation{display:block;position:relative}
  .mobile-navigation summary{display:flex;gap:7px;align-items:center;cursor:pointer;list-style:none;color:var(--text);font-size:14px;font-weight:700;border:1px solid var(--border);padding:10px 13px;border-radius:10px;min-height:44px}
  .mobile-navigation summary::-webkit-details-marker{display:none}
  .mobile-navigation summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .menu-lines{color:var(--accent);font-size:21px;line-height:1}
  .mobile-navigation nav{display:flex!important;position:absolute;right:0;top:calc(100% + 10px);min-width:min(82vw,300px);max-height:calc(100dvh - 100px);overflow:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:9px;background:#0D1729;border:1px solid #28415b;border-radius:14px;box-shadow:0 20px 45px #0009;z-index:150}
  .mobile-navigation nav a{display:block;padding:12px 14px;border-radius:8px;min-height:44px;color:var(--text);font-size:14px}
  .mobile-navigation nav a:hover,.mobile-navigation nav a:focus-visible{background:#183249;color:var(--accent)}
  .benefits-example{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .navbar{min-height:66px}.navbar .logo{font-size:22px}
  .navbar-actions{gap:7px}
  .navbar .nav-demo{font-size:12px;padding:9px 10px;min-height:44px;white-space:nowrap}
  .mobile-navigation summary{font-size:12px;padding:8px 10px}
  .hero{min-height:auto;padding:80px 18px 90px}
  .hero h1{font-size:clamp(36px,9vw,52px);line-height:1.13;letter-spacing:-1.8px}
  .hero p{font-size:16px;line-height:1.6}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:26px}
  .hero-actions .btn{width:100%}.hero-note{margin-top:32px}
  .section{padding:65px 6%;scroll-margin-top:77px}
  .section-heading{margin-bottom:28px}
  h2{font-size:clamp(29px,7vw,39px);letter-spacing:-1px}
  .benefits-grid{grid-template-columns:1fr;gap:12px}
  .benefit-card{padding:22px}.benefit-icon{margin-bottom:12px}
  .benefits-example{padding:22px}.benefits-example h3{font-size:20px}.benefits-example .btn{width:100%}
  .plan-card h3{font-size:clamp(29px,8vw,38px);white-space:normal}
  .plan-card,.about-card,.card,.insight,.contacto-card{padding:22px}
  .plan-empresa{padding:22px}.industries{gap:10px}.industries span{padding:16px 9px}
  .footer{flex-direction:column;text-align:center;align-items:center;gap:8px}
  .contacto-card{overflow-wrap:anywhere}
}
@media(max-width:360px){.navbar .logo{font-size:19px}.navbar .nav-demo{font-size:11px;padding:8px}.mobile-navigation summary{padding:7px 8px}.mobile-navigation summary span:last-child{display:none}}
/* CXdataIA V1.1 — Corrección menú responsive */

/* Escritorio: ocultar menú móvil */
@media (min-width: 901px) {
  .menu-toggle,
  .mobile-menu,
  .nav-toggle {
    display: none !important;
  }
}