/* XAE Landing v1.6 · UI-034 · intentional mixed-tone Light.
   Section-level editorial contrast does NOT override the user's Light preference.
   All overrides scoped to XAE Light only; Dark remains unchanged. */
html[data-theme="light"] body[data-xae-landing]{
 --xae-light-ink:#16385f;
 --xae-light-bright:#f9fcff;
 --xae-light-muted:#bdcff0;
 --xae-light-dark:#071a37;
 --xae-light-cobalt:#1d4387;
}
/* The blended header keeps its continuous Hero gradient yet remains legible
   when the user scrolls across deliberate navy surfaces. */
html[data-theme="light"] body[data-xae-landing] .bar{
 background:rgba(237,246,255,.80)!important;
 border-bottom:1px solid rgba(73,117,184,.22)!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.15);
 backdrop-filter:blur(18px) saturate(1.15);
}
html[data-theme="light"] body[data-xae-landing] .brand-text strong{
 color:#153962!important;
}
html[data-theme="light"] body[data-xae-landing] .brand-text small{
 color:#46658b!important;
}
/* HERO – preserve the existing technology grid and turquoise/blue gradient;
   make three independent moving depths readable from the first swipe. */
html[data-theme="light"] body[data-xae-landing] #inicio .xae-hero-depth{
 isolation:isolate;
}
html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-grid{
 opacity:1!important;
 inset:-27%;
 background-image:
  linear-gradient(rgba(35,103,195,.18) 1px,transparent 1px),
  linear-gradient(90deg,rgba(35,103,195,.18) 1px,transparent 1px)!important;
 background-size:42px 42px!important;
 mask-image:radial-gradient(ellipse at 58% 43%,#000 12%,rgba(0,0,0,.8) 50%,transparent 91%);
 -webkit-mask-image:radial-gradient(ellipse at 58% 43%,#000 12%,rgba(0,0,0,.8) 50%,transparent 91%);
}
html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-grid::after{
 content:"";pointer-events:none;position:absolute;inset:0;
 background-image:radial-gradient(circle,rgba(19,97,190,.56) 1.25px,transparent 2px);
 background-size:96px 96px;
 background-position:22px 18px;
 opacity:.65;
 transform:translate3d(0,var(--xae-depth-b,0px),0);
}
html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-halo{
 opacity:.9!important;
 background:
  radial-gradient(ellipse 48% 40% at 73% 33%,rgba(30,100,238,.43),transparent 89%),
  radial-gradient(ellipse 46% 35% at 18% 72%,rgba(21,197,204,.30),transparent 84%)!important;
 filter:blur(12px);
}
html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-halo::after{
 content:"";position:absolute;inset:8% 12%;pointer-events:none;
 background:linear-gradient(112deg,transparent 22%,rgba(56,147,239,.05) 35%,rgba(92,169,255,.28) 49%,rgba(64,205,207,.07) 61%,transparent 81%);
 transform:translate3d(0,var(--xae-depth-c,0px),0);
 filter:blur(11px);
}
html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-lines{
 opacity:1!important;
 background:repeating-linear-gradient(118deg,transparent 0 90px,rgba(40,101,193,.16) 91px 92px,transparent 93px 173px)!important;
}
html[data-theme="light"] body[data-xae-landing] #inicio .orbits::before,
html[data-theme="light"] body[data-xae-landing] #inicio .orbits::after{
 border-color:rgba(39,104,196,.37);
}
/* SOLUCIONES – the first navy interlude. Light-faced Flip cards are deliberately
   retained for visual focus and continuity with the approved v1.5 interaction. */
html[data-theme="light"] body[data-xae-landing] #soluciones{
 background:
  radial-gradient(ellipse 72% 58% at 84% 10%,rgba(45,106,206,.34),transparent 75%),
  radial-gradient(ellipse 60% 55% at 8% 96%,rgba(20,147,164,.12),transparent 76%),
  linear-gradient(155deg,#061a38 0%,#0d2b54 50%,#071a35 100%)!important;
 color:#f7fbff!important;
 border-top:1px solid rgba(117,164,229,.2);
 border-bottom:1px solid rgba(72,123,198,.3);
}
html[data-theme="light"] body[data-xae-landing] #soluciones .eyebrow{
 color:#9cc4ff!important;opacity:1!important;
}
html[data-theme="light"] body[data-xae-landing] #soluciones h2{
 color:#fff!important;opacity:1!important;
}
html[data-theme="light"] body[data-xae-landing] #soluciones .section-copy{
 color:#d5e5ff!important;opacity:1!important;
}
html[data-theme="light"] body[data-xae-landing] #soluciones .card.xae-capability{
 box-shadow:0 14px 35px rgba(0,9,30,.36);
 border-color:rgba(152,188,236,.72)!important;
}
html[data-theme="light"] body[data-xae-landing] #soluciones .xae-flip-front{
 background:linear-gradient(145deg,#ffffff,#e9f3ff)!important;
 color:#143b68!important;
}
html[data-theme="light"] body[data-xae-landing] #soluciones .xae-flip-back{
 background:linear-gradient(145deg,#2568c5,#163d78)!important;color:#fff!important;
}
/* AUTOMATIZACIÓN – the second Light surface; do not disturb scroll-scrub graph. */
html[data-theme="light"] body[data-xae-landing] #automatizacion{
 background:linear-gradient(157deg,#f4f8ff 0%,#e3efff 55%,#dcecff 100%)!important;
 border-top:1px solid rgba(119,158,215,.4);
 border-bottom:1px solid rgba(117,156,211,.35);
}
html[data-theme="light"] body[data-xae-landing] #automatizacion h2{
 color:#12375f!important;
}
html[data-theme="light"] body[data-xae-landing] #automatizacion .section-copy{
 color:#355a81!important;
}
/* ECOSISTEMA – a distinct navy cinematic scene. Cards remain pale on the
   front and cobalt on the back, with fine drifting circuitry behind them. */
html[data-theme="light"] body[data-xae-landing] #ecosistema{
 background:
  radial-gradient(ellipse 88% 64% at 82% 28%,rgba(38,93,202,.32),transparent 74%),
  linear-gradient(150deg,#071a36,#0e2d5b 60%,#091f41)!important;
 color:#f7fbff!important;
 border-top:1px solid rgba(111,160,229,.25);
 border-bottom:1px solid rgba(131,174,234,.27);
}
html[data-theme="light"] body[data-xae-landing] #ecosistema h2{
 color:#fff!important;opacity:1!important;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .section-copy{
 color:#d8e7fc!important;opacity:1!important;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .eyebrow{
 color:#9ac8ff!important;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .xae-eco-depth{
 background:
  radial-gradient(ellipse at 80% 19%,rgba(76,156,255,.38),transparent 53%),
  radial-gradient(ellipse at 17% 81%,rgba(34,180,204,.2),transparent 43%)!important;
 opacity:1;inset:-13%;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .xae-eco-depth::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:
  radial-gradient(circle,rgba(133,192,255,.62) 1.3px,transparent 2.2px),
  linear-gradient(rgba(116,164,245,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(116,164,245,.10) 1px,transparent 1px);
 background-size:86px 86px,54px 54px,54px 54px;
 background-position:14px 22px,0 0,0 0;
 mask-image:linear-gradient(112deg,transparent 4%,#000 40%,#000 74%,transparent 99%);
 -webkit-mask-image:linear-gradient(112deg,transparent 4%,#000 40%,#000 74%,transparent 99%);
 opacity:.58;
 transform:translate3d(0,var(--xae-eco-second-shift,0px),0);
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .xae-layer-front{
 background:linear-gradient(150deg,#fff,#e8f2ff)!important;
 color:#173e70!important;border-color:#96b8e4!important;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .xae-layer-back{
 background:linear-gradient(145deg,#2564bd,#173f81)!important;color:#fff!important;
}
html[data-theme="light"] body[data-xae-landing] #ecosistema .arch-mark{
 filter:drop-shadow(0 6px 23px rgba(69,149,255,.3));
}
/* CONTACTO – return to an airy surface to highlight the single electric CTA. */
html[data-theme="light"] body[data-xae-landing] #contacto{
 background:
  radial-gradient(ellipse 75% 60% at 87% 16%,rgba(94,161,247,.28),transparent 77%),
  linear-gradient(125deg,#f3f8ff,#dcecff 64%,#e6f3ff)!important;
 color:#153a66!important;
 border-top:1px solid rgba(106,151,213,.3);
}
html[data-theme="light"] body[data-xae-landing] #contacto h2{
 color:#143a66!important;
}
html[data-theme="light"] body[data-xae-landing] #contacto p{
 color:#365b80!important;
}
html[data-theme="light"] body[data-xae-landing] #contacto .eyebrow{
 color:#245bb0!important;
}
html[data-theme="light"] body[data-xae-landing] .xp-footer{
 background:#eaf3ff!important;
 color:#274a74!important;
 border-top:1px solid rgba(100,145,207,.36);
}
/* Preserve reduced-motion behavior for the extra Light-only decorative layers. */
@media(prefers-reduced-motion:reduce){
 html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-grid::after,
 html[data-theme="light"] body[data-xae-landing] #inicio .xae-depth-halo::after,
 html[data-theme="light"] body[data-xae-landing] #ecosistema .xae-eco-depth::before{
  transform:none!important;
 }
}