/* ================================================================
   ElectroInnova — Paleta AZUL CLARO / Sky Blue
   Fuentes: Rajdhani (títulos) + Exo 2 (cuerpo)
   ================================================================ */
:root {
  --primary:     #49a7ff;
  --primary-2:   #0d4fb8;
  --primary-3:   #0a3f93;
  --accent:      #7bc2ff;
  --accent-2:    #eaf5ff;

  --bg:          #0d4fb8;
  --bg-2:        #1b61c9;
  --bg-3:        #2d74d9;
  --bg-card:     #114ca4;
  --panel:       rgba(13,79,184,.88);

  --text:        #f7fbff;
  --muted:       #d6eaff;
  --muted-2:     #a8d4ff;
  --line:        rgba(123,194,255,.22);

  --success:     #4ade80;
  --danger:      #f87171;
  --shadow:      0 20px 60px rgba(5,27,80,.28);
  --shadow-blue: 0 8px 32px rgba(13,79,184,.28);
  --radius:      20px;
  --container:   1240px;
  --font-head:   'Rajdhani', sans-serif;
  --font-body:   'Exo 2', sans-serif;

  --ink:         #0f1f35;
  --ink-soft:    #3b5674;
  --paper:       #ffffff;
  --paper-2:     #f0f7ff;
  --paper-3:     #e7f1ff;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);color:var(--text);
  background:
    radial-gradient(ellipse 95% 68% at 50% -8%, rgba(123,194,255,.22) 0%, transparent 48%),
    radial-gradient(ellipse 70% 55% at 85% 18%, rgba(73,167,255,.14) 0%, transparent 45%),
    linear-gradient(180deg,#0a3f93 0%, #0d4fb8 30%, #1b61c9 66%, #2d74d9 100%);
  line-height:1.65;overflow-x:hidden;min-height:100vh;
}
body.menu-open,body.lightbox-open{overflow:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button,input,textarea,select{font:inherit;color:inherit;}
textarea{resize:vertical;}
button{border:none;background:none;cursor:pointer;}
ul{list-style:none;}
.container{width:min(92%,var(--container));margin:0 auto;}

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#040810;}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary-2),var(--primary-3));border-radius:999px;}

/* PROGRESS BAR */
#progress-bar{
  position:fixed;top:0;left:0;width:0;height:3px;z-index:3000;
  background:linear-gradient(90deg,var(--primary-3),var(--primary),var(--accent));
  box-shadow:0 0 20px rgba(56,189,248,.8);transition:width .1s linear;
}

/* PAGE NOISE */
.page-noise{
  position:fixed;inset:0;pointer-events:none;opacity:.028;z-index:0;
  background-image:radial-gradient(rgba(56,189,248,.2) .5px,transparent .5px),
    radial-gradient(rgba(14,165,233,.1) .5px,transparent .5px);
  background-size:28px 28px,14px 14px;background-position:0 0,14px 14px;
}

/* ================================================================
   HEADER
   ================================================================ */
.header{
  position:fixed;top:0;left:0;width:100%;z-index:2000;
  transition:background .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s;
  border-bottom:1px solid rgba(143,208,255,.18);
  background:#0d4fb8;
  backdrop-filter:blur(14px) saturate(155%);
  box-shadow:0 4px 20px rgba(17,58,122,.12);
}
.header.scrolled{
  background:#0d4fb8;backdrop-filter:blur(18px) saturate(170%);
  border-color:rgba(143,208,255,.26);
  box-shadow:0 4px 24px rgba(8,39,83,.18),0 1px 0 rgba(143,208,255,.14);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content;}
.brand__logo{
  width:46px;height:46px;object-fit:contain;mix-blend-mode:lighten;
  filter:drop-shadow(0 0 8px rgba(56,189,248,.45));
}
.brand__text{font-family:var(--font-head);font-weight:700;letter-spacing:2.5px;font-size:1.05rem;text-transform:uppercase;color:#eef6ff;text-shadow:0 1px 10px rgba(20,55,110,.18);}
.brand__text span{color:var(--primary);}

.nav__links{display:flex;align-items:center;gap:24px;}
.nav__links a{
  color:#eef6ff;font-weight:600;font-size:.92rem;
  letter-spacing:.5px;text-transform:uppercase;
  position:relative;padding-bottom:2px;transition:color .2s;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:-4px;
  width:100%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--primary),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .25s;
}
.nav__links a:hover{color:#fff;text-shadow:0 0 16px rgba(56,189,248,.6);}
.nav__links a:hover::after{transform:scaleX(1);}

.nav__actions{display:flex;align-items:center;gap:12px;}
.menu-btn{
  display:none;width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(56,189,248,.2);background:rgba(210,235,255,.08);
  transition:border-color .2s,background .2s;
}
.menu-btn:hover{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.1);}
.menu-btn span{display:block;width:22px;height:2px;background:var(--primary);margin:4px auto;border-radius:999px;}

/* MOBILE MENU */
.mobile-menu{
  position:fixed;inset:0;z-index:2600;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;
  background:rgba(4,8,16,.97);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease;
}
.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;}
.mobile-menu a{
  font-family:var(--font-head);font-size:1.5rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--text);transition:color .2s,text-shadow .2s;
}
.mobile-menu a:hover{color:var(--primary);text-shadow:0 0 20px rgba(56,189,248,.6);}
.mobile-menu__close{
  position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:12px;
  border:1px solid rgba(56,189,248,.2);color:var(--primary);font-size:1.4rem;
  background:rgba(56,189,248,.06);
}
.mobile-menu__cta{margin-top:16px;}

/* ================================================================
   BUTTONS
   ================================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;border-radius:999px;font-weight:700;font-size:.95rem;
  border:1px solid transparent;letter-spacing:.4px;
  transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;
  position:relative;overflow:hidden;
}
.btn::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);
  pointer-events:none;opacity:0;transition:opacity .25s;
}
.btn:hover::before{opacity:1;}
.btn:hover{transform:translateY(-2px);}
.btn--small{padding:9px 18px;font-size:.88rem;}
.btn--primary{
  background:linear-gradient(135deg,#2d74c8 0%, #4a97eb 50%, #73bcff 100%);
  color:#fff;font-weight:800;
  box-shadow:0 8px 28px rgba(14,165,233,.45),0 0 0 1px rgba(56,189,248,.25);
}
.btn--primary:hover{box-shadow:0 14px 40px rgba(14,165,233,.6),0 0 28px rgba(56,189,248,.3);}
.btn--primary::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);
  animation:shimmer 3.5s ease-in-out infinite;pointer-events:none;
}
.btn--ghost{background:rgba(210,235,255,.08);border-color:rgba(210,235,255,.22);color:var(--text);}
.btn--ghost:hover{border-color:rgba(56,189,248,.55);color:var(--primary);background:rgba(56,189,248,.15);}
.btn--outline{color:#f7fbff;border-color:rgba(210,235,255,.34);background:rgba(210,235,255,.10);}
.btn--outline:hover{border-color:rgba(56,189,248,.55);color:var(--primary);background:rgba(56,189,248,.12);}
.btn--full{width:100%;}
.btn--submit{min-height:56px;font-size:1rem;}
.btn--wa{
  background:linear-gradient(135deg,#1db954 0%,#25d366 55%,#128c47 100%);
  color:#fff;padding:16px 32px;gap:12px;font-size:1rem;font-weight:800;
  box-shadow:0 8px 32px rgba(37,211,102,.35);
  border:1px solid rgba(255,255,255,.15);white-space:nowrap;
}
.btn--wa:hover{box-shadow:0 14px 44px rgba(37,211,102,.55);color:#fff;}
@keyframes shimmer{
  from{transform:translateX(-120%) skewX(-20deg);}
  to{transform:translateX(220%) skewX(-20deg);}
}

/* ================================================================
   HERO
   ================================================================ */
.hero{
  position:relative;padding:100px 0 80px;
  min-height:auto;display:flex;align-items:flex-start;overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg, rgba(32,96,176,.18) 0%, rgba(62,139,222,.10) 28%, rgba(97,176,255,.06) 46%, rgba(68,144,224,.12) 64%, rgba(38,96,168,.18) 100%),
    radial-gradient(circle at 30% 55%, rgba(143,208,255,.18) 0%, transparent 34%),
    linear-gradient(180deg, rgba(117,188,255,.10) 0%, rgba(49,118,200,.08) 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
.hero__orb{position:absolute;border-radius:50%;filter:blur(16px);pointer-events:none;z-index:0;}
.hero__orb--one{
  width:360px;height:360px;left:-60px;top:90px;
  background:radial-gradient(circle,rgba(14,165,233,.18),transparent 68%);
  animation:orbFloat 9s ease-in-out infinite alternate;
}
.hero__orb--two{
  width:320px;height:320px;right:-40px;bottom:10px;
  background:radial-gradient(circle,rgba(56,189,248,.10),transparent 70%);
  animation:orbFloat 12s ease-in-out infinite alternate-reverse;
}
@keyframes orbFloat{
  from{transform:translate(0,0) scale(1);}
  to{transform:translate(14px,-18px) scale(1.06);}
}

.hero__grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;
}
.hero__content,.hero__visual{position:relative;z-index:1;}
.hero__content{
  padding:24px 28px 26px;border-radius:28px;
  background:linear-gradient(90deg, rgba(16,61,129,.72) 0%, rgba(28,87,173,.64) 56%, rgba(66,143,226,.42) 100%);
  border:1px solid rgba(143,208,255,.16);
  box-shadow:0 18px 40px rgba(17,58,122,.18), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(4px);
}
.hero__visual{z-index:2;}

.hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:9px 18px;
  background:rgba(198,231,255,.12);border:1px solid rgba(210,235,255,.22);
  border-radius:999px;color:#eaf6ff;font-size:.87rem;font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.hero__eyebrow-icon{width:20px;height:20px;display:grid;place-items:center;}
.hero__eyebrow-icon svg{width:18px;height:18px;}

.hero__title{
  font-family:var(--font-head);
  font-size:clamp(2.4rem,4.5vw,5.2rem);
  line-height:1.0;letter-spacing:1px;font-weight:700;
  text-transform:uppercase;margin-bottom:20px;
  color:#fff;text-shadow:0 4px 18px rgba(16,44,92,.22);
}
.hero__title span{display:block;color:#9ed7ff;}
.hero__text{
  max-width:720px;color:#eef7ff;font-size:1.05rem;margin-bottom:28px;line-height:1.75;
  text-shadow:0 2px 12px rgba(18,54,109,.14);
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;}

/* METRICS STANDALONE */
.hero__metrics--standalone{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;
}
.metric-card{
  padding:20px 18px;border:1px solid rgba(143,208,255,.18);border-radius:18px;
  background:rgba(29,91,165,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(3px);
  transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;
}
.metric-card:hover{border-color:rgba(56,189,248,.30);box-shadow:0 0 24px rgba(14,165,233,.15);}
.metric-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--primary),transparent);
  opacity:0;transition:opacity .3s;
}
.metric-card:hover::before{opacity:1;}
.metric-card__icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:14px;
  margin-bottom:12px;color:var(--primary);
  background:linear-gradient(180deg,rgba(56,189,248,.18),rgba(14,165,233,.08));
  border:1px solid rgba(56,189,248,.22);position:relative;
}
.metric-card__icon svg{width:20px;height:20px;display:block;}
@keyframes metricPing{0%{transform:scale(1);opacity:.5;}100%{transform:scale(1.8);opacity:0;}}
.metric-card__icon::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:rgba(56,189,248,.15);animation:metricPing 3s ease-out infinite;pointer-events:none;
}
.metric-card strong{
  display:block;font-family:var(--font-head);font-size:2rem;
  line-height:1;margin-bottom:5px;color:#fff;letter-spacing:1px;
}
.metric-card span:last-child{color:var(--muted-2);font-size:.9rem;}

/* HERO PANEL */
.hero-panel{
  position:relative;border-radius:28px;padding:22px;
  background:linear-gradient(160deg,rgba(59,136,219,.26),rgba(41,110,194,.18));
  border:1px solid rgba(210,235,255,.18);
  box-shadow:0 18px 40px rgba(17,58,122,.14), inset 0 1px 0 rgba(255,255,255,.10);
  overflow:hidden;
}
.hero-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 35%,transparent 70%,rgba(143,208,255,.10));
}
.hero-panel::after{
  content:"";position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),transparent);
  pointer-events:none;z-index:10;animation:scandown 3.5s linear infinite;
}
@keyframes scandown{0%{top:0;opacity:0;}5%{opacity:1;}95%{opacity:.7;}100%{top:100%;opacity:0;}}

.hero-panel__top{
  position:relative;z-index:1;display:flex;
  justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;
}
.hero-panel__badge{
  display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;
  background:rgba(234,246,255,.16);border:1px solid rgba(210,235,255,.24);
  color:#f7fbff;font-size:.86rem;font-weight:700;letter-spacing:.3px;
}
.hero-panel__badge svg{width:16px;height:16px;}
.hero-panel__featured{
  position:relative;z-index:1;border-radius:22px;overflow:hidden;
  border:1px solid rgba(210,235,255,.18);background:#040810;
  aspect-ratio:1/1;margin-bottom:14px;
}
.hero-panel__featured img{width:100%;height:100%;object-fit:cover;}
.hero-panel__bottom{position:relative;z-index:1;}
.mini-label{
  display:inline-block;color:var(--primary);font-size:.78rem;
  text-transform:uppercase;letter-spacing:2.5px;font-weight:800;margin-bottom:10px;
}
.hero-tags{display:flex;flex-wrap:wrap;gap:9px;}
.hero-tags span{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;
  color:var(--text);font-weight:600;font-size:.84rem;
  background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.18);
  transition:background .2s,border-color .2s;
}
.hero-tags span:hover{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.40);}
.hero-tags span svg{width:15px;height:15px;}

/* Corner arcs */
.corner-arc-tl,.corner-arc-br{position:absolute;pointer-events:none;opacity:.6;}
.corner-arc-tl{top:0;left:0;width:60px;height:60px;border-top:2px solid rgba(56,189,248,.45);border-left:2px solid rgba(56,189,248,.45);border-radius:28px 0 0 0;}
.corner-arc-br{bottom:0;right:0;width:60px;height:60px;border-bottom:2px solid rgba(56,189,248,.45);border-right:2px solid rgba(56,189,248,.45);border-radius:0 0 28px 0;}

/* ================================================================
   BRAND STRIP
   ================================================================ */
.brand-strip{padding:8px 0 24px;}
.brand-strip__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.brand-strip__grid span{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 12px;text-align:center;border-radius:14px;
  background:rgba(210,235,255,.08);border:1px solid rgba(56,189,248,.12);
  color:var(--text);font-weight:700;font-size:.88rem;letter-spacing:.3px;
  transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;cursor:default;
}
.brand-strip__grid span:hover{
  background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.32);
  transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,165,233,.18);
}
.brand-strip__grid span svg{width:18px;height:18px;color:var(--primary);}

/* ================================================================
   WAVE DIVIDERS — separadores orgánicos SVG
   ================================================================ */
.wave-divider{
  display:block;width:100%;overflow:hidden;line-height:0;
  position:relative;z-index:5;margin:0;padding:0;
}
.wave-divider svg{display:block;width:100%;height:110px;}

/* Línea eléctrica animada en divisores */
@keyframes electricPulse{
  0%,100%{opacity:.25;}
  50%{opacity:.9;filter:blur(1px) drop-shadow(0 0 6px var(--primary));}
}
.wave-divider .e-line{
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);
  animation:electricPulse 2.5s ease-in-out infinite;pointer-events:none;
}

/* ================================================================
   SECTIONS — sin fondos difuminados, colores sólidos
   ================================================================ */
.section{padding:110px 0;position:relative;overflow:hidden;}
.section--dark{background:none;}/* reset */

/* Nosotros — blanco puro */
#nosotros{background:#ffffff;}
#nosotros *{--line:rgba(2,132,199,.12);}

/* Productos — gris muy claro azulado */
#productos{background:var(--paper-2);}

/* Capacidades — blanco */
#capacidades{background:#ffffff;}

/* Aplicaciones — azul claro (no marino) */
#aplicaciones{
  background:linear-gradient(180deg,#e0f2fe 0%,#bae6fd 50%,#e0f2fe 100%);
}

/* Proceso — paper-3 */
#proceso{background:var(--paper-3);}

/* Contacto — blanco */
#contacto{background:#ffffff;}

/* Remove old borders on section--dark */
.section--dark{
  border-top:none!important;border-bottom:none!important;
}

/* Section containers above blobs */
.section .container{position:relative;z-index:2;}

/* ================================================================
   SECTION HEADER TYPOGRAPHY
   ================================================================ */
.section__header{margin-bottom:52px;}
.section__header.center{text-align:center;}
.section__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--primary-2);text-transform:uppercase;
  letter-spacing:3px;font-weight:800;font-size:.78rem;margin-bottom:14px;
}
.section__eyebrow::before{
  content:"";display:block;width:20px;height:2px;
  background:linear-gradient(90deg,var(--primary-2),transparent);border-radius:999px;
}
/* Centre bar after header */
.section__header.center::after{
  content:"";display:block;width:60px;height:4px;
  background:linear-gradient(90deg,var(--primary-2),var(--primary));
  border-radius:999px;margin:18px auto 0;
}

/* Secciones oscuras (hero) */
.hero .section__eyebrow{color:var(--primary);text-shadow:0 0 20px rgba(56,189,248,.5);}
.hero .section__eyebrow::before{background:linear-gradient(90deg,var(--primary),transparent);}

.section__title{
  font-family:var(--font-head);font-size:clamp(1.9rem,3vw,3.4rem);
  line-height:1.1;margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
}
.section__lead{max-width:760px;font-size:1rem;line-height:1.75;}
.section__lead--center{margin-inline:auto;}

/* Dark sections (hero area — body bg) */
.hero .section__title{color:#fff;}
.hero .section__title span{color:var(--accent);}
.hero .section__lead{color:var(--muted);}

/* Light sections (nosotros, capacidades, proceso, contacto) */
#nosotros .section__eyebrow,
#capacidades .section__eyebrow,
#proceso .section__eyebrow,
#contacto .section__eyebrow{color:var(--primary-3);}
#nosotros .section__eyebrow::before,
#capacidades .section__eyebrow::before,
#proceso .section__eyebrow::before,
#contacto .section__eyebrow::before{background:linear-gradient(90deg,var(--primary-3),transparent);}
#nosotros .section__title,
#capacidades .section__title,
#proceso .section__title,
#contacto .section__title{color:var(--ink);}
#nosotros .section__title span,
#capacidades .section__title span,
#proceso .section__title span,
#contacto .section__title span{color:var(--primary-3);}
#nosotros .section__lead,
#capacidades .section__lead,
#proceso .section__lead,
#contacto .section__lead{color:var(--ink-soft);}

/* Productos section (pale blue bg) */
#productos .section__eyebrow{color:var(--primary-3);}
#productos .section__eyebrow::before{background:linear-gradient(90deg,var(--primary-3),transparent);}
#productos .section__title{color:var(--ink);}
#productos .section__title span{color:var(--primary-2);}
#productos .section__lead{color:var(--ink-soft);}

/* Aplicaciones (sky bg) */
#aplicaciones .section__eyebrow{color:var(--primary-3);}
#aplicaciones .section__eyebrow::before{background:linear-gradient(90deg,var(--primary-3),transparent);}
#aplicaciones .section__title{color:var(--ink);}
#aplicaciones .section__title span{color:var(--primary-2);}
#aplicaciones .section__lead{color:var(--ink-soft);}

/* ================================================================
   ABOUT / NOSOTROS
   ================================================================ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.value-cards{display:grid;gap:16px;margin-top:28px;}
.value-card{
  border-radius:18px;padding:22px;
  background:#fff;border:1px solid rgba(2,132,199,.10);
  box-shadow:0 8px 30px rgba(14,165,233,.07);
  transition:transform .25s,border-color .25s,box-shadow .25s;
  position:relative;
}
.value-card:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.25);box-shadow:0 16px 40px rgba(14,165,233,.12);}
.value-card::before{
  content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:999px;
  background:linear-gradient(180deg,transparent,var(--primary-3),transparent);
  opacity:0;transition:opacity .3s;
}
.value-card:hover::before{opacity:1;}
.value-card__icon{
  width:50px;height:50px;display:grid;place-items:center;border-radius:16px;
  margin-bottom:14px;color:var(--primary-3);
  background:linear-gradient(180deg,rgba(14,165,233,.12),rgba(2,132,199,.04));
  border:1px solid rgba(14,165,233,.18);
}
.value-card__icon svg{width:22px;height:22px;}
.value-card h3{font-family:var(--font-head);font-size:1.1rem;margin-bottom:8px;letter-spacing:.5px;font-weight:600;color:var(--ink);}
.value-card p{color:var(--ink-soft);font-size:.96rem;}

.about-media{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;position:relative;}
.glass-panel,.about-media__main,.about-media__stack>div{border-radius:22px;overflow:hidden;}
.about-media__main img,.about-media__stack img{width:100%;height:100%;object-fit:cover;}
.about-media__main{min-height:520px;}
.about-media__stack{display:grid;gap:14px;}
.about-media__stack>div{min-height:250px;}

/* spinning ring deco */
@keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.about-media::before{
  content:"";position:absolute;top:-30px;right:-30px;width:180px;height:180px;border-radius:50%;
  border:2px dashed rgba(14,165,233,.14);pointer-events:none;animation:spinSlow 28s linear infinite;
}
.about-media::after{
  content:"";position:absolute;top:10px;right:10px;width:80px;height:80px;border-radius:50%;
  border:1px solid rgba(14,165,233,.20);pointer-events:none;animation:spinSlow 14s linear infinite reverse;
}

/* ================================================================
   PRODUCTS
   ================================================================ */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1400px;}
.product-card{
  border-radius:20px;overflow:hidden;
  background:#fff;
  border:1px solid rgba(14,165,233,.12);box-shadow:0 8px 30px rgba(14,165,233,.08);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  transform-style:preserve-3d;will-change:transform;position:relative;
}
.product-card:hover{
  transform:translateY(-7px) rotateX(1deg);
  border-color:rgba(14,165,233,.32);
  box-shadow:0 20px 50px rgba(14,165,233,.16);
}
/* corner deco */
.product-card::after{
  content:"";position:absolute;top:12px;right:12px;
  width:44px;height:44px;
  border-top:1.5px solid rgba(14,165,233,.20);
  border-right:1.5px solid rgba(14,165,233,.20);
  border-radius:0 8px 0 0;
  pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;transform:scale(.85);
}
.product-card:hover::after{opacity:1;transform:scale(1);}

.product-card__image{aspect-ratio:4/3;overflow:hidden;background:#f0f9ff;position:relative;}
.product-card__image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(240,249,255,.5));
  pointer-events:none;
}
.product-card__image::before{
  content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;
  background:linear-gradient(90deg,transparent,var(--primary-2),transparent);
  z-index:2;opacity:0;transition:opacity .3s;
}
.product-card:hover .product-card__image::before{opacity:1;}
.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.product-card:hover .product-card__image img{transform:scale(1.07);}
.product-card__body{padding:18px 20px 20px;}
.product-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.pill{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;
  background:rgba(14,165,233,.10);color:var(--primary-3);
  border:1px solid rgba(14,165,233,.20);font-size:.76rem;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;
  transition:background .2s,box-shadow .2s;
}
.product-card:hover .pill{background:rgba(14,165,233,.18);box-shadow:0 0 12px rgba(14,165,233,.25);}
.product-icon{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  color:var(--primary-3);background:rgba(14,165,233,.07);border:1px solid rgba(14,165,233,.15);
}
.product-icon svg{width:18px;height:18px;}
.product-card h3{font-family:var(--font-head);font-size:1.08rem;line-height:1.3;margin-bottom:9px;letter-spacing:.4px;font-weight:600;color:var(--ink);}
.product-card p{color:var(--ink-soft);margin-bottom:12px;font-size:.92rem;line-height:1.6;}
.product-card ul{display:grid;gap:6px;}
.product-card li{position:relative;padding-left:16px;color:var(--ink);font-size:.9rem;}
.product-card li::before{
  content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 0 6px rgba(56,189,248,.5);
}

/* Section number decorative */
.section-number{
  position:absolute;top:20px;right:24px;
  font-family:var(--font-head);font-size:clamp(5rem,10vw,9rem);
  font-weight:900;line-height:1;letter-spacing:-4px;color:transparent;
  -webkit-text-stroke:1px rgba(14,165,233,.06);pointer-events:none;user-select:none;
}
#productos .section-number{-webkit-text-stroke:1px rgba(14,165,233,.07);}

/* ================================================================
   CAPABILITIES
   ================================================================ */
.capabilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.capability-card{
  border-radius:20px;padding:24px;
  background:#fff;border:1px solid rgba(2,132,199,.10);
  box-shadow:0 8px 24px rgba(14,165,233,.07);
  transition:transform .25s,border-color .25s;position:relative;overflow:hidden;
}
.capability-card:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.25);}
.capability-card::after{
  content:"";position:absolute;bottom:12px;right:12px;
  width:36px;height:36px;
  border-bottom:1.5px solid rgba(14,165,233,.18);
  border-right:1.5px solid rgba(14,165,233,.18);
  border-radius:0 0 8px 0;pointer-events:none;
}
.capability-card__icon{
  width:50px;height:50px;display:grid;place-items:center;border-radius:16px;
  margin-bottom:14px;color:var(--primary-3);
  background:linear-gradient(180deg,rgba(14,165,233,.12),rgba(2,132,199,.04));
  border:1px solid rgba(14,165,233,.18);position:relative;
}
.capability-card__icon svg{width:22px;height:22px;}
.capability-card__icon::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:1px dashed rgba(14,165,233,.20);animation:spinSlow 20s linear infinite;pointer-events:none;
}
.capability-card h3{font-family:var(--font-head);font-size:1.1rem;margin-bottom:8px;letter-spacing:.5px;font-weight:600;color:var(--ink);}
.capability-card p{color:var(--ink-soft);font-size:.96rem;}

/* ================================================================
   APPLICATIONS
   ================================================================ */
.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.application-card{
  border-radius:20px;padding:26px;
  background:#fff;border:1px solid rgba(2,132,199,.12);
  box-shadow:0 8px 28px rgba(14,165,233,.08);
  transition:transform .25s,border-color .25s,box-shadow .25s;
  position:relative;overflow:hidden;
}
.application-card:hover{transform:translateY(-5px);border-color:rgba(14,165,233,.30);box-shadow:0 16px 40px rgba(14,165,233,.14);}
.application-card::before{
  content:"";position:absolute;top:-40px;right:-40px;
  width:130px;height:130px;border-radius:50%;
  background:rgba(14,165,233,.06);border:1px solid rgba(14,165,233,.10);
  pointer-events:none;transition:transform .4s;
}
.application-card:hover::before{transform:scale(1.35);}
.application-card__icon{
  width:50px;height:50px;display:grid;place-items:center;border-radius:50%;
  margin-bottom:14px;color:var(--primary-3);
  background:linear-gradient(180deg,rgba(14,165,233,.14),rgba(2,132,199,.06));
  border:1px solid rgba(14,165,233,.20);position:relative;
}
.application-card__icon svg{width:22px;height:22px;}
.application-card__icon::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px dashed rgba(14,165,233,.20);animation:spinSlow 18s linear infinite;pointer-events:none;
}
.application-card h3{font-family:var(--font-head);font-size:1.1rem;margin-bottom:8px;letter-spacing:.5px;font-weight:600;color:var(--ink);}
.application-card p{color:var(--ink-soft);font-size:.96rem;}

/* ================================================================
   PROCESS
   ================================================================ */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;}
/* connector line */
@media(min-width:981px){
  .process-grid::before{
    content:"";position:absolute;top:63px;
    left:calc(12.5% + 25px);right:calc(12.5% + 25px);height:2px;
    background:linear-gradient(90deg,rgba(14,165,233,.08),rgba(14,165,233,.28) 25%,rgba(14,165,233,.28) 75%,rgba(14,165,233,.08));
    pointer-events:none;z-index:0;
  }
}
.process-card{
  position:relative;border-radius:20px;padding:24px;
  background:#fff;border:1px solid rgba(2,132,199,.10);
  box-shadow:0 8px 24px rgba(14,165,233,.07);
  transition:transform .25s,border-color .25s,box-shadow .25s;z-index:1;overflow:hidden;
}
.process-card:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.28);box-shadow:0 16px 36px rgba(14,165,233,.12);}
.process-card__step{
  position:absolute;top:10px;right:12px;
  font-family:var(--font-head);font-size:3.5rem;font-weight:900;line-height:1;
  color:rgba(14,165,233,.07);transition:color .3s;
}
.process-card:hover .process-card__step{color:rgba(14,165,233,.14);}
.process-card__icon{
  width:50px;height:50px;display:grid;place-items:center;border-radius:16px;
  margin-bottom:14px;color:var(--primary-3);
  background:linear-gradient(180deg,rgba(14,165,233,.12),rgba(2,132,199,.04));
  border:1px solid rgba(14,165,233,.18);position:relative;
}
.process-card__icon svg{width:22px;height:22px;}
.process-card__icon::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:1px dashed rgba(14,165,233,.20);animation:spinSlow 20s linear infinite;pointer-events:none;
}
.process-card h3{font-family:var(--font-head);font-size:1.1rem;margin-bottom:8px;letter-spacing:.5px;font-weight:600;color:var(--ink);}
.process-card p{color:var(--ink-soft);font-size:.96rem;}

/* ================================================================
   CTA BAND
   ================================================================ */
.cta-band{padding:20px 0 32px;}
.cta-band__inner{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:36px 40px;border-radius:24px;
  background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 45%,#0369a1 100%);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 22px 60px rgba(14,165,233,.35),0 0 0 1px rgba(56,189,248,.2);
  position:relative;overflow:hidden;
}
.cta-band__inner::before{
  content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none;
}
.cta-band__inner h2{font-family:var(--font-head);font-size:clamp(1.4rem,2.8vw,2.4rem);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:#fff;}
.cta-band__inner p.section__eyebrow{color:rgba(255,255,255,.85);}
.cta-band__inner p:last-of-type{color:rgba(255,255,255,.88);}
.cta-band .section__eyebrow{color:rgba(255,255,255,.85);}
.cta-band .section__eyebrow::before{background:linear-gradient(90deg,rgba(255,255,255,.7),transparent);}

/* ================================================================
   CONTACT
   ================================================================ */
.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:36px;align-items:start;}
.contact-cards{display:grid;gap:14px;}
.contact-card{
  display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:18px;
  background:#fff;border:1px solid rgba(2,132,199,.10);
  box-shadow:0 6px 20px rgba(14,165,233,.06);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.contact-card:hover{transform:translateX(5px);border-color:rgba(14,165,233,.28);box-shadow:0 8px 28px rgba(14,165,233,.12);}
.contact-card__icon{
  width:50px;height:50px;display:grid;place-items:center;border-radius:16px;flex-shrink:0;
  color:var(--primary-3);
  background:linear-gradient(180deg,rgba(14,165,233,.12),rgba(2,132,199,.04));
  border:1px solid rgba(14,165,233,.18);
}
.contact-card__icon svg{width:22px;height:22px;}
.contact-card h3{font-family:var(--font-head);font-size:1rem;margin-bottom:5px;letter-spacing:.5px;font-weight:600;color:var(--ink);}
.contact-card p{color:var(--ink-soft);font-size:.94rem;}
.contact-card a{color:var(--primary-3);}
.contact-card a:hover{color:var(--primary-2);}

.contact-panel{
  border-radius:24px;padding:28px;
  background:#fff;border:1px solid rgba(2,132,199,.12);
  box-shadow:0 14px 40px rgba(14,165,233,.08);
  position:relative;overflow:hidden;
}
.contact-panel::before{
  content:"";position:absolute;top:0;left:0;width:4px;height:100%;
  background:linear-gradient(180deg,var(--primary-2),var(--primary),var(--accent));
  border-radius:0 0 0 24px;
}
.contact-form{display:grid;gap:16px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.contact-form label{display:grid;gap:7px;}
.contact-form span{font-weight:700;font-size:.9rem;color:var(--ink);letter-spacing:.3px;}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;border-radius:13px;border:1px solid rgba(2,132,199,.15);
  background:#f8fbff;padding:14px 16px;color:var(--ink);outline:none;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.contact-form select option{color:var(--ink);}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  border-color:var(--primary-2);
  box-shadow:0 0 0 3px rgba(14,165,233,.15),0 0 20px rgba(14,165,233,.08);
  background:#fff;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94b4c8;}
.contact-form iframe{
  border-radius:18px;border:1px solid rgba(2,132,199,.15);
  filter:none;box-shadow:0 8px 24px rgba(14,165,233,.08);
}
.hidden{display:none;}
.form-message{min-height:22px;font-weight:700;font-size:.92rem;}
.form-message.success{color:var(--success);}
.form-message.error{color:var(--danger);}

/* ================================================================
   FOOTER
   ================================================================ */
.footer{
  background: #0d4fb8 !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter:none !important;
  filter:none !important;
}
.footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px;padding:32px 0 36px;}
.brand--footer{margin-bottom:14px;}
.footer h3{font-family:var(--font-head);font-size:1rem;margin-bottom:14px;letter-spacing:1.5px;text-transform:uppercase;color:#9fd0f8;}
.footer ul{display:grid;gap:10px;}
.footer a,.footer__text{color:rgba(240,247,255,.88);font-size:.94rem;}
.footer a:hover{color:var(--primary);}
.footer__bottom{border-top:1px solid rgba(210,235,255,.18);}
.footer__bottom-inner{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 0 26px;color:rgba(240,247,255,.82);font-size:.88rem;
}

/* ================================================================
   FLOATING WHATSAPP
   ================================================================ */
.floating-whatsapp{
  position:fixed!important;right:20px;bottom:20px;width:62px;height:62px;
  border-radius:50%;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#25d366,#1ebe5a);
  box-shadow:0 14px 40px rgba(37,211,102,.4);
  z-index:1900;overflow:visible;isolation:isolate;
  transition:transform .25s,box-shadow .25s;
}
.floating-whatsapp svg{width:28px;height:28px;}
.floating-whatsapp:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 18px 50px rgba(37,211,102,.55);}
@keyframes waPulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.9);opacity:0;}}
.floating-whatsapp::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:rgba(37,211,102,.4);animation:waPulse 2.2s ease-out infinite;
}
.floating-whatsapp::before{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(37,211,102,.25);pointer-events:none;
  animation:waPulse 3s ease-out infinite;animation-delay:1.1s;
}

/* ================================================================
   LIGHTBOX
   ================================================================ */
.lightbox{
  position:fixed;inset:0;z-index:2800;display:grid;place-items:center;
  gap:16px;padding:24px;background:rgba(0,10,25,.95);backdrop-filter:blur(20px);
  opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;
}
.lightbox.open{opacity:1;visibility:visible;pointer-events:auto;}
.lightbox img{
  max-width:min(1100px,92vw);max-height:80vh;border-radius:18px;
  border:1px solid rgba(56,189,248,.22);box-shadow:var(--shadow),0 0 60px rgba(14,165,233,.2);
}
.lightbox p{color:var(--text);font-weight:600;text-align:center;}
.lightbox__close{
  position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:12px;
  display:grid;place-items:center;color:var(--primary);font-size:1.4rem;
  border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.08);
}
.lightbox__close:hover{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.5);}
.zoomable{cursor:zoom-in;}

/* ================================================================
   REVEAL ANIMATIONS
   ================================================================ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
.reveal.visible{opacity:1;transform:none;}

/* ================================================================
   DOT GRID & DECO LINES
   ================================================================ */
.dot-grid{
  position:absolute;pointer-events:none;opacity:.4;
  background-image:radial-gradient(circle,rgba(56,189,248,.30) 1.5px,transparent 1.5px);
  background-size:18px 18px;
}
.dot-grid--tl{width:200px;height:200px;top:80px;left:-30px;animation:orbFloat 8s ease-in-out infinite;}
.dot-grid--br{width:140px;height:140px;bottom:40px;right:10%;background-size:14px 14px;animation:orbFloat 11s ease-in-out infinite alternate-reverse;}

.deco-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.deco-lines::before,.deco-lines::after{content:"";position:absolute;transform-origin:center;}
.deco-lines::before{width:1px;height:200%;top:-50%;left:25%;background:linear-gradient(transparent,rgba(56,189,248,.06),transparent);transform:rotate(22deg);}
.deco-lines::after{width:1px;height:200%;top:-50%;left:72%;background:linear-gradient(transparent,rgba(56,189,248,.05),transparent);transform:rotate(-22deg);}
.deco-lines--light::before{background:linear-gradient(transparent,rgba(56,189,248,.08),transparent);}
.deco-lines--light::after{background:linear-gradient(transparent,rgba(56,189,248,.06),transparent);}

/* blob-bg disabled */
.blob-bg{display:none!important;}

/* ================================================================
   STACK Z-INDEX
   ================================================================ */
#particles-canvas{z-index:0;pointer-events:none;}
.page-noise{z-index:1;}
main,header,footer{position:relative;z-index:2;}

/* ================================================================
   DECORATIVE ELEMENTS (personas y figuras geométricas)
   ================================================================ */
@keyframes floatUD{from{transform:translateY(0) rotate(0deg);}to{transform:translateY(-16px) rotate(3deg);}}
@keyframes floatUD2{from{transform:translateY(0) rotate(-2deg);}to{transform:translateY(-12px) rotate(2deg);}}

.geo-circle{
  position:absolute;border-radius:50%;pointer-events:none;
  border:2px solid rgba(14,165,233,.12);animation:spinSlow 30s linear infinite;
}
.geo-circle--sm{width:80px;height:80px;}
.geo-circle--md{width:160px;height:160px;}
.geo-circle--lg{width:280px;height:280px;}
.geo-square{
  position:absolute;pointer-events:none;border:1.5px solid rgba(14,165,233,.10);
  transform-origin:center;animation:spinSlow 22s linear infinite reverse;
}
.geo-square--sm{width:50px;height:50px;border-radius:8px;}
.geo-square--md{width:100px;height:100px;border-radius:14px;}

.deco-dot{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle,var(--primary),transparent);
  pointer-events:none;opacity:.45;animation:floatUD 5s ease-in-out infinite alternate;
}

/* Hero decorations */
.hero .geo-circle--lg{top:-100px;right:10%;opacity:.07;}
.hero .geo-circle--md{bottom:60px;left:5%;opacity:.06;animation-direction:reverse;}
.hero .geo-square--md{top:120px;right:8%;opacity:.06;}
.hero .deco-dot--1{top:25%;left:3%;}
.hero .deco-dot--2{top:60%;left:7%;animation-delay:1.2s;}
.hero .deco-dot--3{top:40%;right:3%;animation-delay:.6s;}

/* Section decorations */
#nosotros .geo-circle--lg{top:-60px;right:-60px;border-color:rgba(14,165,233,.10);}
#nosotros .geo-circle--sm{bottom:40px;left:5%;border-color:rgba(14,165,233,.14);}
#nosotros .deco-dot--1{top:30%;right:8%;background:rgba(14,165,233,.5);}
#nosotros .deco-dot--2{bottom:25%;left:3%;background:rgba(14,165,233,.4);animation-delay:1s;}

#productos .geo-circle--lg{bottom:-80px;left:-80px;border-color:rgba(14,165,233,.10);}
#productos .geo-circle--md{top:40px;right:5%;border-color:rgba(14,165,233,.08);}
#productos .geo-square--md{bottom:60px;right:8%;border-color:rgba(14,165,233,.08);}
#productos .deco-dot--1{top:15%;left:3%;background:rgba(14,165,233,.4);}
#productos .deco-dot--2{bottom:20%;right:4%;background:rgba(14,165,233,.35);animation-delay:.8s;}

#capacidades .geo-circle--md{top:20px;right:-40px;border-color:rgba(14,165,233,.10);}
#capacidades .geo-square--sm{bottom:60px;left:8%;border-color:rgba(14,165,233,.12);}

#aplicaciones .geo-circle--lg{top:-60px;right:-60px;border-color:rgba(14,165,233,.14);}
#aplicaciones .geo-circle--sm{bottom:30px;left:4%;border-color:rgba(14,165,233,.18);animation-direction:reverse;}
#aplicaciones .deco-dot--1{top:20%;left:6%;background:rgba(14,165,233,.45);}
#aplicaciones .deco-dot--2{top:70%;right:5%;background:rgba(14,165,233,.35);animation-delay:1.5s;}

#proceso .geo-circle--md{bottom:-40px;left:-40px;border-color:rgba(14,165,233,.10);}
#proceso .geo-square--md{top:30px;right:6%;border-color:rgba(14,165,233,.08);}
#proceso .deco-dot--1{top:35%;right:3%;background:rgba(14,165,233,.4);}

#contacto .geo-circle--lg{bottom:-80px;left:-80px;border-color:rgba(14,165,233,.08);opacity:.6;}
#contacto .geo-square--sm{top:60px;right:6%;border-color:rgba(14,165,233,.10);}

/* Persona decorativa SVG */
.deco-person{
  position:absolute;pointer-events:none;z-index:3;opacity:.06;
  animation:floatUD2 7s ease-in-out infinite alternate;
}

/* ================================================================
   HERO PANEL PULSE
   ================================================================ */
@keyframes heroRingPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,.22),var(--shadow-blue);}
  50%{box-shadow:0 0 0 8px rgba(56,189,248,.0),var(--shadow-blue);}
}
.hero-panel{animation:heroRingPulse 4s ease-in-out infinite;}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1180px){
  .products-grid{grid-template-columns:repeat(3,1fr);}
  .capabilities-grid,.process-grid{grid-template-columns:repeat(2,1fr);}
  .brand-strip__grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:980px){
  .nav__links{display:none;}.menu-btn{display:block;}
  .hero{padding-top:86px;}
  .hero__grid,.about-grid,.contact-grid{grid-template-columns:1fr;}
  .applications-grid,.footer__grid{grid-template-columns:repeat(2,1fr);}
  .about-media{grid-template-columns:1fr;}.about-media__main{min-height:380px;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .cta-band__inner{flex-direction:column;align-items:flex-start;}
}
@media(max-width:680px){
  .section{padding:80px 0;}
  .capabilities-grid,.applications-grid,.process-grid,
  .footer__grid,.brand-strip__grid,.products-grid,.form-grid{grid-template-columns:1fr;}
  .metric-card strong{font-size:1.8rem;}
  .contact-panel{padding:20px;}.footer__bottom-inner{flex-direction:column;}
  .floating-whatsapp{width:56px;height:56px;right:14px;bottom:14px;}
  .cta-band__inner{padding:24px;}
  .hero .geo-circle--lg{width:200px;height:200px;}
}


/* ================================================================
   FINAL HARMONY + MOBILE FIX
   ================================================================ */

/* Cursor nativo visible */
@media (pointer:fine){
  *{cursor:auto!important;}
  a,button,.btn,.menu-btn,.zoomable,.product-card,.floating-whatsapp{cursor:pointer!important;}
  .zoomable{cursor:zoom-in!important;}
}
#cursor-dot,#cursor-ring{display:none!important;}

/* Header y branding */
.nav{
  flex-wrap:nowrap;
  align-items:center;
}
.brand{
  min-width:0;
  flex:1 1 auto;
}
.brand__text{
  white-space:nowrap;
}
.nav__actions{
  margin-left:auto;
  flex:0 0 auto;
}
.menu-btn{
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:2105;
  flex:0 0 44px;
}

/* Alternancia de secciones */
#nosotros,
#capacidades,
#proceso,
#contacto{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border-top:1px solid rgba(15,74,124,.08);
  border-bottom:1px solid rgba(15,74,124,.08);
}

#productos{
  background:linear-gradient(180deg,#f3f7fb 0%, #edf3f8 100%);
  border-top:1px solid rgba(15,74,124,.08);
  border-bottom:1px solid rgba(15,74,124,.08);
}

#aplicaciones{
  background:
    radial-gradient(circle at 15% 20%, rgba(125,211,252,.16), transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(56,189,248,.14), transparent 22%),
    linear-gradient(135deg,#0a2b4f 0%, #0e4e8a 45%, #1282d6 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* Tipografía en secciones claras */
#nosotros .section__eyebrow,
#productos .section__eyebrow,
#capacidades .section__eyebrow,
#proceso .section__eyebrow,
#contacto .section__eyebrow{
  color:#0f67aa;
  text-shadow:none;
}
#nosotros .section__eyebrow::before,
#productos .section__eyebrow::before,
#capacidades .section__eyebrow::before,
#proceso .section__eyebrow::before,
#contacto .section__eyebrow::before{
  background:linear-gradient(90deg,#0ea5e9,transparent);
}

#nosotros .section__title,
#productos .section__title,
#capacidades .section__title,
#proceso .section__title,
#contacto .section__title{
  color:#0f2138;
}

#nosotros .section__title span,
#productos .section__title span,
#capacidades .section__title span,
#proceso .section__title span,
#contacto .section__title span{
  color:#1182cd;
}

#nosotros .section__lead,
#productos .section__lead,
#capacidades .section__lead,
#proceso .section__lead,
#contacto .section__lead{
  color:#5c738d;
}

/* Cards claras y coherentes */
#nosotros .value-card,
#capacidades .capability-card,
#proceso .process-card,
#contacto .contact-card,
#contacto .contact-panel,
#contacto .glass-panel{
  background:#ffffff;
  backdrop-filter:none;
  border:1px solid rgba(17,94,156,.12);
  box-shadow:0 18px 40px rgba(15,33,56,.08);
}

#productos .product-card{
  background:#ffffff;
  border:1px solid rgba(17,94,156,.12);
  box-shadow:0 18px 42px rgba(15,33,56,.08);
}
#productos .product-card:hover{
  border-color:rgba(17,130,205,.28);
  box-shadow:0 24px 52px rgba(15,33,56,.14);
}
#productos .product-card__image{
  background:linear-gradient(180deg,#f7fbff 0%, #edf4fb 100%);
}
#productos .product-card__image::after{
  background:linear-gradient(180deg,transparent 65%, rgba(17,49,86,.08));
}
#productos .product-card h3,
#productos .product-card li{
  color:#12314d;
}
#productos .product-card p{
  color:#607892;
}
#productos .product-icon{
  background:#f2f8fd;
  border:1px solid rgba(17,94,156,.14);
}
#productos .pill{
  background:rgba(17,130,205,.08);
  border:1px solid rgba(17,130,205,.18);
  color:#0f67aa;
}

#nosotros .value-card h3,
#capacidades .capability-card h3,
#proceso .process-card h3,
#contacto .contact-card h3{
  color:#102741;
}
#nosotros .value-card p,
#capacidades .capability-card p,
#proceso .process-card p,
#contacto .contact-card p{
  color:#607892;
}

#nosotros .value-card__icon,
#capacidades .capability-card__icon,
#proceso .process-card__icon,
#contacto .contact-card__icon{
  background:linear-gradient(180deg,#eaf6ff,#dff0ff);
  border:1px solid rgba(17,130,205,.18);
  color:#1182cd;
}
#proceso .process-card__step{
  color:rgba(17,130,205,.24);
}

/* Aplicaciones en azul */
#aplicaciones .section__eyebrow{
  color:#c9ecff;
  text-shadow:none;
}
#aplicaciones .section__eyebrow::before{
  background:linear-gradient(90deg,#c9ecff,transparent);
}
#aplicaciones .section__title,
#aplicaciones .application-card h3{
  color:#ffffff;
}
#aplicaciones .section__lead,
#aplicaciones .application-card p{
  color:rgba(255,255,255,.82);
}
#aplicaciones .application-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 40px rgba(5,17,35,.25);
  backdrop-filter:blur(12px);
}
#aplicaciones .application-card:hover{
  border-color:rgba(255,255,255,.24);
  box-shadow:0 24px 48px rgba(5,17,35,.32);
}
#aplicaciones .application-card__icon{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#d6f2ff;
}

/* Banda CTA más elegante */
.cta-band{
  padding:26px 0 38px;
  background:linear-gradient(180deg,#ffffff 0%, #f5faff 100%);
}
.cta-band__inner{
  background:
    radial-gradient(circle at 82% 18%, rgba(125,211,252,.24), transparent 26%),
    linear-gradient(135deg,#0a2f56 0%, #0f4c86 45%, #1176c4 100%);
  border:1px solid rgba(125,211,252,.26);
  box-shadow:0 28px 54px rgba(8,31,54,.22);
}
.cta-band__inner h2{
  color:#ffffff;
}
.cta-band__inner p:last-child{
  color:rgba(255,255,255,.86);
}

/* Contacto con mejor contraste */
#contacto .contact-form span{
  color:#0f2138;
}
#contacto .contact-form input,
#contacto .contact-form textarea,
#contacto .contact-form select{
  background:#f6fbff;
  color:#14324f;
  border:1px solid rgba(17,94,156,.16);
}
#contacto .contact-form input::placeholder,
#contacto .contact-form textarea::placeholder{
  color:#7b93aa;
}
#contacto .contact-form input:focus,
#contacto .contact-form textarea:focus,
#contacto .contact-form select:focus{
  background:#ffffff;
  border-color:rgba(17,130,205,.4);
  box-shadow:0 0 0 3px rgba(17,130,205,.12), 0 10px 24px rgba(17,94,156,.08);
}
#contacto .contact-form select option{
  color:#102741;
}

/* Brand strip más limpio */
.brand-strip{
  padding:14px 0 28px;
}
.brand-strip__grid span{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 24px rgba(6,19,36,.12);
}

/* Responsive robusto para nav móvil */
@media (max-width:980px){
  .nav{
    min-height:72px;
    gap:10px;
  }
  .nav__links{
    display:none!important;
  }
  .menu-btn{
    display:flex!important;
  }
  .nav__actions .btn--outline{
    display:none!important;
  }
  .brand{
    min-width:0;
    max-width:calc(100% - 54px);
    overflow:hidden;
  }
  .brand__logo{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .brand__text{
    font-size:.86rem;
    letter-spacing:1.1px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
  }
  .hero{
    padding-top:90px;
  }
  .hero__grid,
  .about-grid,
  .contact-grid{
    grid-template-columns:1fr!important;
  }
  .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .applications-grid,
  .footer__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:680px){
  .brand__text{
    font-size:.8rem;
    letter-spacing:.8px;
  }
  .hero__metrics--standalone,
  .capabilities-grid,
  .applications-grid,
  .process-grid,
  .footer__grid,
  .brand-strip__grid,
  .products-grid,
  .form-grid{
    grid-template-columns:1fr!important;
  }
  .brand-strip__grid span{
    justify-content:flex-start;
    text-align:left;
  }
  .cta-band__inner{
    padding:24px;
  }
}


@media (max-width: 980px){
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
  .hero__content{background:linear-gradient(180deg, rgba(3,10,18,.52) 0%, rgba(3,10,18,.36) 100%); padding:20px 18px 22px;}
}
@media (max-width: 680px){
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero__content{padding:16px 14px 20px; border-radius:22px;}
}


/* ================================================================
   HERO AJUSTE FINAL + FRANJA HORIZONTAL DE DESTACADOS
   ================================================================ */
.hero{
  padding-bottom: 42px;
}
.hero__grid{
  grid-template-columns: 1fr;
  gap: 0;
}
.hero__content{
  max-width: 760px;
  padding: 26px 30px 28px;
  background: linear-gradient(90deg, rgba(3,10,18,.66) 0%, rgba(3,10,18,.46) 64%, rgba(3,10,18,.10) 100%);
  border: 1px solid rgba(56,189,248,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.hero__text{
  max-width: 640px;
}
.hero__visual{
  display: none !important;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}

.hero-featured{
  position: relative;
  padding: 0 0 26px;
  margin-top: -6px;
}
.hero-featured .container{
  position: relative;
  z-index: 2;
}
.hero-featured__panel{
  position: relative;
  border-radius: 26px;
  padding: 20px;
  background: linear-gradient(160deg, rgba(10,18,30,.90), rgba(5,10,18,.96));
  border: 1px solid rgba(56,189,248,.16);
  box-shadow: var(--shadow), var(--shadow-blue), inset 0 1px 0 rgba(56,189,248,.08);
  overflow: hidden;
}
.hero-featured__panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(120deg, rgba(56,189,248,.07), transparent 35%, transparent 70%, rgba(14,165,233,.05));
}
.hero-featured__header{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.hero-featured__title{
  font-family: var(--font-head);
  color:#fff;
  font-size: 1.55rem;
  line-height: 1;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.hero-tags--row{
  justify-content:flex-end;
}
.hero-featured__gallery{
  position: relative;
  z-index:1;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.hero-featured__item{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  background:#050a12;
  border:1px solid rgba(56,189,248,.14);
  aspect-ratio: 1.08 / 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.hero-featured__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .35s ease, filter .35s ease;
}
.hero-featured__item:hover img{
  transform: scale(1.05);
  filter: saturate(1.05);
}

@media(max-width:1180px){
  .hero-featured__header{
    flex-direction: column;
  }
  .hero-tags--row{
    justify-content:flex-start;
  }
}
@media(max-width:980px){
  .hero__content{
    max-width: 100%;
    padding: 22px 22px 24px;
  }
  .hero-featured__gallery{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:680px){
  .hero{
    padding-bottom: 28px;
  }
  .hero__content{
    padding: 18px 16px 20px;
    border-radius: 22px;
  }
  .hero-featured{
    padding-bottom: 18px;
  }
  .hero-featured__panel{
    padding: 16px;
    border-radius: 22px;
  }
  .hero-featured__title{
    font-size: 1.18rem;
  }
  .hero-featured__gallery{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .hero-featured__item{
    aspect-ratio: 1.35 / 1;
  }
}


/* ================================================================
   AJUSTE FINAL ESCRITORIO + TABLET + MÓVIL
   ================================================================ */
.hero{
  padding-top: 104px;
  padding-bottom: 34px;
}
.hero__grid{
  grid-template-columns: 1fr;
  align-items: start;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
.hero__content{
  width: min(100%, 760px);
  max-width: 760px;
  padding: 28px 32px 30px;
  border-radius: 28px;
  background: linear-gradient(90deg, rgba(3,10,18,.68) 0%, rgba(3,10,18,.50) 58%, rgba(3,10,18,.14) 100%);
  border: 1px solid rgba(56,189,248,.12);
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}
.hero__title{
  max-width: 720px;
}
.hero__text{
  max-width: 640px;
}
.hero__actions{
  flex-wrap: wrap;
}
.hero__metrics--standalone{
  max-width: 760px;
}
.hero-featured{
  padding: 0 0 28px;
}
.hero-featured__panel{
  padding: 22px;
  border-radius: 28px;
}
.hero-featured__header{
  align-items: center;
}
.hero-featured__title{
  font-size: 1.45rem;
}
.hero-featured__gallery{
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.hero-featured__item{
  min-height: 180px;
}
.hero-tags--row{
  gap: 10px;
}
.product-card__image{
  min-height: 220px;
}

@media (max-width: 1200px){
  .hero__content{
    width: min(100%, 700px);
    padding: 26px 28px 28px;
  }
  .hero-featured__gallery{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .hero{
    padding-top: 92px;
    padding-bottom: 24px;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
  .hero__content{
    width: 100%;
    max-width: 100%;
    padding: 22px 22px 24px;
    background: linear-gradient(180deg, rgba(3,10,18,.62) 0%, rgba(3,10,18,.46) 100%);
  }
  .hero__metrics--standalone{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .hero-featured{
    padding-bottom: 20px;
  }
  .hero-featured__header{
    flex-direction: column;
    align-items: flex-start;
  }
  .hero-tags--row{
    justify-content: flex-start;
  }
  .hero-featured__panel{
    padding: 18px;
  }
  .hero-featured__gallery{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .brand__text{
    font-size: .84rem;
    letter-spacing: 1px;
  }
}

@media (max-width: 760px){
  .hero__title{
    font-size: clamp(2rem, 11vw, 3.2rem);
    line-height: .98;
  }
  .hero__text{
    font-size: 1rem;
  }
  .hero__metrics--standalone{
    grid-template-columns: 1fr;
  }
  .hero-featured__gallery,
  .products-grid,
  .applications-grid,
  .footer__grid{
    grid-template-columns: 1fr !important;
  }
  .product-card__image{
    min-height: 200px;
  }
}

@media (max-width: 680px){
  .nav{
    min-height: 72px;
  }
  .brand{
    max-width: calc(100% - 54px);
  }
  .brand__logo{
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  .brand__text{
    font-size: .76rem;
    letter-spacing: .7px;
  }
  .hero{
    padding-top: 88px;
    padding-bottom: 18px;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero__content{
    padding: 18px 16px 20px;
    border-radius: 22px;
  }
  .hero__eyebrow{
    font-size: .73rem;
    padding: 8px 14px;
  }
  .hero__actions{
    flex-direction: column;
    align-items: stretch;
  }
  .hero__actions .btn{
    width: 100%;
  }
  .hero-featured__panel{
    padding: 16px;
    border-radius: 22px;
  }
  .hero-featured__title{
    font-size: 1.1rem;
  }
  .hero-tags--row{
    width: 100%;
  }
  .hero-tags--row span{
    width: 100%;
    justify-content: flex-start;
  }
  .hero-featured__item{
    min-height: 220px;
    aspect-ratio: auto;
  }
}


/* ================================================================
   HERO AJUSTE — IMAGEN DE FONDO MÁS VISIBLE
   ================================================================ */
.hero{
  min-height: 760px;
  background:
    linear-gradient(90deg, rgba(4,10,18,.22) 0%, rgba(4,10,18,.08) 26%, rgba(4,10,18,.03) 42%, rgba(4,10,18,.10) 60%, rgba(4,10,18,.24) 100%),
    radial-gradient(circle at 72% 52%, rgba(56,189,248,.16) 0%, transparent 28%),
    linear-gradient(180deg, rgba(2,6,12,.10) 0%, rgba(2,6,12,.18) 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
.hero__grid{
  min-height: 680px;
  align-items: center;
}
.hero__content{
  max-width: 760px;
  background: linear-gradient(90deg, rgba(3,10,18,.72) 0%, rgba(3,10,18,.48) 70%, rgba(3,10,18,.08) 100%);
  border: 1px solid rgba(56,189,248,.10);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
}
.hero__title{
  max-width: 820px;
}
.hero__text{
  max-width: 680px;
}

@media (max-width: 1180px){
  .hero{
    min-height: 700px;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
}

@media (max-width: 980px){
  .hero{
    min-height: auto;
    padding-top: 92px;
    padding-bottom: 52px;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
  .hero__grid{
    min-height: auto;
  }
  .hero__content{
    max-width: 100%;
    padding: 22px 20px 24px;
    background: linear-gradient(180deg, rgba(3,10,18,.68) 0%, rgba(3,10,18,.52) 54%, rgba(3,10,18,.38) 100%);
    backdrop-filter: blur(3px);
  }
}

@media (max-width: 680px){
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero__content{
    padding: 18px 16px 20px;
    border-radius: 22px;
  }
}


/* ================================================================
   HERO MÁS VISIBLE — AJUSTE FUERTE
   ================================================================ */
.hero{
  min-height: 760px;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
.hero__content{
  background: linear-gradient(90deg, rgba(3,10,18,.60) 0%, rgba(3,10,18,.34) 68%, rgba(3,10,18,.05) 100%);
  box-shadow: 0 18px 48px rgba(0,0,0,.14);
}
.hero__title,
.hero__text,
.hero__actions,
.hero__metrics--standalone{
  position: relative;
  z-index: 2;
}

@media (max-width: 1180px){
  .hero{
    min-height: 700px;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
}

@media (max-width: 980px){
  .hero{
    min-height: auto;
  }
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(19,64,129,.12) 0%, rgba(45,116,200,.08) 20%, rgba(61,136,219,.06) 42%, rgba(51,113,189,.12) 62%, rgba(26,82,152,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%, rgba(18,66,135,.10) 100%);
}
  .hero__content{
    background: linear-gradient(180deg, rgba(3,10,18,.56) 0%, rgba(3,10,18,.34) 100%);
  }
}

@media (max-width: 680px){
  .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../img/hero-bg-home-final.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.96;
  transform:scale(1.01);
}
  .hero__content{
    background: linear-gradient(180deg, rgba(3,10,18,.60) 0%, rgba(3,10,18,.38) 100%);
  }
}


.footer .container,
.footer__bottom{
  position:relative;
  z-index:2;
  background:transparent;
  opacity:1 !important;
}

.footer::before,
.footer::after{
  content:none !important;
}


/* ===== SOLO SECCIÓN APLICACIONES EN GRIS ===== */
#aplicaciones{
  background:#d5dee8 !important;
  background-image:none !important;
}
#aplicaciones .section__title{color:#18395f !important;}
#aplicaciones .section__title span{color:#3a6ea8 !important;}
#aplicaciones .section__lead{color:#516b89 !important;}
#aplicaciones .section__eyebrow{color:#355f93 !important;}
#aplicaciones .section__eyebrow::before{background:linear-gradient(90deg,#355f93,transparent) !important;}

/* tarjetas dentro de esa sección */
#aplicaciones .app-card,
#aplicaciones .application-card,
#aplicaciones .sector-card,
#aplicaciones .card{
  background:rgba(255,255,255,.55) !important;
  border-color:rgba(92,122,157,.18) !important;
  box-shadow:0 8px 24px rgba(88,116,150,.10) !important;
}
#aplicaciones .app-card h3,
#aplicaciones .application-card h3,
#aplicaciones .sector-card h3,
#aplicaciones .card h3{
  color:#1f3f66 !important;
}
#aplicaciones .app-card p,
#aplicaciones .application-card p,
#aplicaciones .sector-card p,
#aplicaciones .card p{
  color:#546f8e !important;
}