*{box-sizing:border-box}
:root{
--bg:#07111f;
--bg-soft:#0d1a2f;
--bg-soft-2:#101f36;
--panel:rgba(255,255,255,.05);
--panel-strong:rgba(255,255,255,.07);
--line:rgba(255,255,255,.08);
--line-strong:rgba(255,255,255,.12);
--text:#f4f7fb;
--muted:#aab6ca;
--accent:#ff9f43;
--accent-soft:#f2be68;
--shadow:0 30px 80px rgba(0,0,0,.28);
--shadow-soft:0 18px 45px rgba(0,0,0,.16);
--radius-xl:30px;
--radius-lg:24px;
--radius-md:18px;
--container:1200px;
}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:'Inter',sans-serif;
background:
radial-gradient(circle at top left,rgba(255,195,120,.10),transparent 19%),
radial-gradient(circle at 88% 12%,rgba(140,175,255,.12),transparent 17%),
linear-gradient(180deg,#182536 0%,#304763 100%);
color:var(--text);
}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-shell{overflow:hidden}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}

.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:.3s ease}
.header.scrolled{background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-bar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{
width:52px;
height:52px;
display:grid;
place-items:center;
border-radius:16px;
font-family:'Space Grotesk',sans-serif;
font-size:1.45rem;
font-weight:700;
color:#211407;
background:linear-gradient(135deg,var(--accent),var(--accent-soft));
box-shadow:0 16px 30px rgba(255,159,67,.22);
flex:0 0 auto;
}
.brand-copy{display:grid;gap:2px;min-width:0}
.brand-copy strong{font-family:'Space Grotesk',sans-serif;font-size:1.08rem;letter-spacing:.08em}
.brand-copy span{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}

.footer-brand{display:flex;align-items:center;gap:14px;min-width:0}
.footer-brand div{display:grid;gap:4px}
.footer-brand strong{font-family:'Space Grotesk',sans-serif;font-size:1.08rem;letter-spacing:.08em;color:#fff}
.footer-brand p{font-size:.92rem;line-height:1.5;color:var(--muted);margin:0}
.brand-mark-logo{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,190,117,.20);
  box-shadow:0 16px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(255,159,67,.12);
  padding:6px;
  overflow:hidden;
  font-size:0;
  line-height:0;
}
.brand-mark-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 6px 12px rgba(255,159,67,.18));
}
.nav{display:flex;align-items:center;gap:26px}
.nav>a:not(.btn){position:relative;font-size:.95rem;color:rgba(244,247,251,.9);transition:.2s ease;padding:8px 0}
.nav>a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,159,67,0),rgba(255,190,104,.95),rgba(255,159,67,0));transform:scaleX(0);transform-origin:left center;opacity:0;box-shadow:0 0 10px rgba(255,159,67,.28),0 0 24px rgba(255,190,104,.18);transition:transform .34s ease,opacity .34s ease,height .34s ease,bottom .34s ease}
.nav>a:not(.btn):hover{color:#fff}
.nav>a:not(.btn):hover::after,.nav>a:not(.btn):focus-visible::after{transform:scaleX(1);opacity:1;height:4px;bottom:-11px}
.menu-toggle{display:none;width:50px;height:50px;border:none;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:0;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:999px}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 24px;
min-height:54px;
border-radius:999px;
font-size:.95rem;
font-weight:700;
transition:.22s ease;
border:1px solid transparent;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#1f1308;box-shadow:0 18px 36px rgba(255,159,67,.2)}
.btn-secondary{background:rgba(255,255,255,.03);border-color:var(--line-strong);color:var(--text)}
.nav-cta{padding-inline:20px}

.section{padding:120px 0}
.hero{
padding:180px 0 110px;
min-height:100svh;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
isolation:isolate;
}
.hero-bg{
position:absolute;
border-radius:50%;
filter:blur(12px);
pointer-events:none;
opacity:.9;
}
.hero-bg-1{
width:520px;
height:520px;
right:-120px;
top:80px;
background:radial-gradient(circle,rgba(255,159,67,.16),transparent 62%);
}
.hero-bg-2{
width:480px;
height:480px;
left:-160px;
bottom:-140px;
background:radial-gradient(circle,rgba(55,115,255,.14),transparent 62%);
}
.hero::before{
content:"";
position:absolute;
inset:120px 0 auto;
height:640px;
background:
radial-gradient(circle at 74% 16%,rgba(255,159,67,.14),transparent 22%),
radial-gradient(circle at 18% 14%,rgba(58,95,185,.14),transparent 24%);
pointer-events:none;
}
.hero::after{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
background-size:72px 72px;
mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 85%);
pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:50% 50%;gap:38px;align-items:center;position:relative;z-index:1}
.hero-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.18);
}
.hero-eyebrow i{
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg,var(--accent),var(--accent-soft));
box-shadow:0 0 0 8px rgba(255,159,67,.08),0 0 20px rgba(255,159,67,.24);
animation:pulseDot 2.2s ease-in-out infinite;
}
.eyebrow,.section-kicker{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:18px}
h1,h2,h3,strong,blockquote{font-family:'Space Grotesk',sans-serif}
h1{font-size:clamp(4rem,6vw,5.1rem);line-height:.95;letter-spacing:-.05em;margin:0 0 22px;max-width:11ch}
h2{font-size:clamp(2.4rem,3.9vw,3.6rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px;max-width:14ch}
h3{margin:0 0 10px;font-size:1.18rem;line-height:1.15}
p{margin:0;color:var(--muted);line-height:1.78;font-size:1rem}
.hero-text{max-width:620px;font-size:1.08rem}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:34px 0 24px}
.hero-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.hero-support{max-width:620px;font-size:.97rem}
.hero-metrics{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin:0 0 24px;
}
.hero-metric{
position:relative;
padding:18px 18px 16px;
border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 18px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
overflow:hidden;
}
.hero-metric::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:linear-gradient(180deg,var(--accent),transparent);
opacity:.85;
}
.hero-metric strong{display:block;font-size:1rem;margin-bottom:8px;color:#fff}
.hero-metric span{display:block;font-size:.9rem;line-height:1.55;color:var(--muted)}
.hero-visual{display:flex;justify-content:flex-end}
.hero-command{
position:relative;
width:100%;
max-width:640px;
padding:26px;
border-radius:36px;
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 22%,rgba(9,17,32,.98) 100%),
linear-gradient(135deg,#0f1b31 0%,#08111f 100%);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 44px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
overflow:hidden;
transform-style:preserve-3d;
}
.hero-command::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:40px 40px;
mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);
pointer-events:none;
}
.hero-command-glow{
position:absolute;
width:360px;
height:360px;
right:-100px;
top:-110px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,159,67,.18),transparent 62%);
filter:blur(8px);
pointer-events:none;
}
.command-topline{
position:relative;
z-index:1;
display:flex;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
padding-bottom:14px;
margin-bottom:18px;
border-bottom:1px solid rgba(255,255,255,.08);
font-size:.76rem;
letter-spacing:.14em;
text-transform:uppercase;
font-weight:800;
color:#d8e1ef;
}
.command-layout{
position:relative;
z-index:1;
display:grid;
grid-template-columns:168px 1fr 168px;
gap:18px;
align-items:center;
}
.command-stack{display:grid;gap:16px}
.signal-card{
position:relative;
padding:16px;
border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
transition:transform .28s ease,border-color .28s ease, box-shadow .28s ease;
}
.signal-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,159,67,.06),transparent 52%);
pointer-events:none;
}
.signal-card:hover{transform:translateY(-6px);border-color:rgba(255,190,117,.28);box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 1px rgba(255,190,117,.06)}
.signal-card small{
display:inline-flex;
padding:7px 10px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
font-size:.68rem;
letter-spacing:.12em;
font-weight:800;
text-transform:uppercase;
color:var(--accent-soft);
margin-bottom:12px;
}
.signal-card strong{display:block;font-size:1rem;line-height:1.14;margin-bottom:8px;color:#fff}
.signal-card p{font-size:.84rem;line-height:1.55}
.signal-card-accent{background:linear-gradient(180deg,rgba(255,159,67,.09),rgba(255,255,255,.028));}
.core-stage{
position:relative;
min-height:390px;
border-radius:30px;
display:grid;
place-items:center;
background:
radial-gradient(circle at 50% 50%,rgba(255,255,255,.045),transparent 54%),
linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
border:1px solid rgba(255,255,255,.06);
overflow:hidden;
}
.core-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
background-size:30px 30px;
opacity:.42;
}
.core-rings,
.core-rings::before,
.core-rings::after{
position:absolute;
border-radius:50%;
border:1px solid rgba(255,255,255,.08);
content:"";
}
.core-rings{
width:260px;
height:260px;
box-shadow:0 0 80px rgba(255,159,67,.12), inset 0 0 28px rgba(255,255,255,.02);
animation:rotateRings 20s linear infinite;
}
.core-rings::before{inset:24px;border-color:rgba(255,255,255,.12);animation:rotateRings 14s linear infinite reverse}
.core-rings::after{inset:54px;border-color:rgba(255,159,67,.22);animation:pulseRing 3.4s ease-in-out infinite}
.core-center{
position:relative;
z-index:2;
width:150px;
height:150px;
padding:18px;
display:grid;
place-items:center;
text-align:center;
border-radius:36px;
background:linear-gradient(145deg,rgba(255,191,116,.96),rgba(255,159,67,.92));
color:#231608;
box-shadow:0 30px 60px rgba(255,159,67,.24), inset 0 1px 0 rgba(255,255,255,.55);
}
.core-center small{display:block;font-size:.76rem;letter-spacing:.18em;font-weight:800;margin-bottom:6px;text-transform:uppercase;opacity:.76}
.core-center strong{display:block;font-size:1.5rem;line-height:1.02;margin-bottom:6px}
.core-center span{display:block;font-size:.82rem;line-height:1.35;font-weight:700;max-width:12ch}
.orbit-tag{
position:absolute;
z-index:3;
display:inline-flex;
align-items:center;
gap:10px;
min-height:50px;
padding:0 20px;
border-radius:999px;
background:linear-gradient(180deg,rgba(18,31,53,.96),rgba(8,16,29,.96));
border:1px solid rgba(255,191,116,.24);
font-size:.95rem;
font-weight:800;
letter-spacing:.01em;
color:#f6f8fc;
box-shadow:0 16px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09), 0 0 18px rgba(255,191,116,.08);
white-space:nowrap;
}
.orbit-tag::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:radial-gradient(circle at 35% 35%,#7fffd4,#19d8a5 62%,#0d8f72 100%);
box-shadow:0 0 10px rgba(25,216,165,.7);
flex:0 0 10px;
}
.orbit-1{top:28px;left:50%;transform:translateX(-50%)}
.orbit-2{top:50%;right:10px;transform:translateY(-50%)}
.orbit-3{bottom:48px;left:50%;transform:translateX(-50%)}
.orbit-4{top:50%;left:10px;transform:translateY(-50%)}
.command-footer{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:32px;
}
.command-module{
padding:16px 16px 14px;
border-radius:22px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(10px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.command-module span{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:14px;
background:linear-gradient(135deg,rgba(255,159,67,.18),rgba(255,255,255,.05));
color:var(--accent-soft);
font-weight:800;
margin-bottom:12px;
}
.command-module strong{display:block;margin-bottom:8px;font-size:1rem;color:#fff}
.command-module p{font-size:.88rem;line-height:1.5}

.capabilities-head{max-width:860px}
.capability-grid{
  align-items:stretch;
  perspective:1200px;
}
.capability-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:26px 24px 22px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 18%, rgba(10,17,29,.98) 19%, rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 28px 44px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -16px 24px rgba(0,0,0,.16);
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
  transform-style:preserve-3d;
}
.capability-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:64px;
  border-radius:29px 29px 18px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
  pointer-events:none;
}
.capability-card::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-48px;
  width:170px;
  height:170px;
  border-radius:50%;
  filter:blur(10px);
  pointer-events:none;
}
.capability-card:hover{
  transform:translateY(-12px) rotateX(4deg) rotateY(-4deg);
  border-color:rgba(255,210,140,.24);
  box-shadow:
    0 40px 60px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -18px 28px rgba(0,0,0,.18),
    0 0 24px rgba(255,159,67,.10);
}
.capability-card > *{
  position:relative;
  z-index:2;
  transform:translateZ(22px);
}
.capability-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.capability-label{
  display:inline-flex;
  align-items:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  font-size:.74rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:#eef4ff;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.capability-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:1rem;
  font-weight:900;
  color:#fff7ea;
  background:linear-gradient(180deg, rgba(255,214,153,.34), rgba(255,159,67,.12));
  border:1px solid rgba(255,214,153,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 24px rgba(255,159,67,.10);
}
.capability-card h3{
  font-size:1.28rem;
  line-height:1.08;
  margin-bottom:14px;
  max-width:14ch;
}
.capability-card p{
  color:#dbe5f1;
  line-height:1.72;
}
.capability-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 18px;
}
.capability-pills span{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  font-size:.82rem;
  font-weight:700;
  color:#edf4ff;
}
.capability-footer{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.capability-footer strong{
  display:block;
  margin-bottom:8px;
  font-size:.9rem;
  color:#fff4df;
}
.capability-footer span{
  display:block;
  font-size:.9rem;
  line-height:1.58;
  color:#cfd9e7;
}
.capability-energy{
  background:linear-gradient(180deg, rgba(255,193,118,.16), rgba(255,255,255,.03) 18%, rgba(10,17,29,.98) 19%, rgba(7,13,22,.99) 100%);
}
.capability-energy::after{
  background:radial-gradient(circle, rgba(255,159,67,.16), transparent 70%);
}
.capability-tech{
  background:linear-gradient(180deg, rgba(96,165,250,.15), rgba(255,255,255,.03) 18%, rgba(10,17,29,.98) 19%, rgba(7,13,22,.99) 100%);
}
.capability-tech::after{
  background:radial-gradient(circle, rgba(96,165,250,.15), transparent 70%);
}
.capability-tech .capability-icon{
  background:linear-gradient(180deg, rgba(147,197,253,.30), rgba(59,130,246,.10));
  border-color:rgba(147,197,253,.24);
}
.capability-auto{
  background:linear-gradient(180deg, rgba(45,212,191,.14), rgba(255,255,255,.03) 18%, rgba(10,17,29,.98) 19%, rgba(7,13,22,.99) 100%);
}
.capability-auto::after{
  background:radial-gradient(circle, rgba(45,212,191,.15), transparent 70%);
}
.capability-auto .capability-icon{
  background:linear-gradient(180deg, rgba(153,246,228,.28), rgba(20,184,166,.10));
  border-color:rgba(153,246,228,.22);
}
.capability-ai{
  background:linear-gradient(180deg, rgba(167,139,250,.15), rgba(255,255,255,.03) 18%, rgba(10,17,29,.98) 19%, rgba(7,13,22,.99) 100%);
}
.capability-ai::after{
  background:radial-gradient(circle, rgba(167,139,250,.15), transparent 70%);
}
.capability-ai .capability-icon{
  font-size:.86rem;
  letter-spacing:.08em;
  background:linear-gradient(180deg, rgba(196,181,253,.30), rgba(139,92,246,.10));
  border-color:rgba(196,181,253,.24);
}
@media (max-width:1120px){
  .capability-card:hover{
    transform:translateY(-8px) rotateX(3deg) rotateY(-3deg);
  }
}
@media (max-width:860px){
  .capability-card{
    min-height:auto;
    padding:24px 20px 20px;
    border-radius:26px;
  }
  .capability-card h3{
    max-width:none;
  }
}

.authority{padding-top:40px}
.authority-box{
text-align:center;
max-width:960px;
padding:58px 52px;
border-radius:34px;
margin-inline:auto;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.028));
border:1px solid rgba(255,255,255,.08);
box-shadow:var(--shadow-soft);
}
.authority-box h2{max-width:none}
.authority-box p{max-width:820px;margin:0 auto}
.micro-pillars{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}

.section-head{max-width:760px;margin-bottom:34px}
.section-head p{max-width:680px}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.info-card{
padding:30px;
border-radius:28px;
min-height:320px;
transition:.22s ease;
}
.info-card:hover,.process-card:hover,.feature-list article:hover,.intel-row article:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12)}
.info-card p{font-size:.97rem}

.split-grid,.intelligence-grid{display:grid;grid-template-columns:48% 52%;gap:28px;align-items:start}
.split-copy p{max-width:620px}
blockquote{
margin:28px 0 0;
padding-left:18px;
border-left:3px solid rgba(255,159,67,.45);
font-size:1.18rem;
line-height:1.45;
color:#f8fafc;
max-width:600px;
}
.feature-list{display:grid;gap:14px}
.feature-list article{display:grid;grid-template-columns:18px 1fr;gap:18px;padding:22px;border-radius:24px}
.feature-list article>span{
width:18px;
height:18px;
margin-top:6px;
border-radius:50%;
background:linear-gradient(135deg,var(--accent),var(--accent-soft));
box-shadow:0 0 0 8px rgba(255,159,67,.08);
}
.feature-list p{font-size:.95rem}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.process-card{padding:28px;border-radius:28px;min-height:245px}
.step-number{
width:54px;
height:54px;
border-radius:16px;
background:linear-gradient(135deg,var(--accent),var(--accent-soft));
color:#201307;
font-weight:800;
font-size:1.15rem;
margin-bottom:18px;
box-shadow:0 14px 30px rgba(255,159,67,.18);
}
.process-card:nth-child(4),.process-card:nth-child(5){grid-column:span 1}

.intelligence-panel{
padding:22px;
border-radius:32px;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.08);
box-shadow:var(--shadow-soft);
}
.intel-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.intel-row + .intel-row{margin-top:16px}
.intel-row article{padding:24px;border-radius:24px}
.intel-row small{
height:34px;
padding:0 12px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
font-size:.75rem;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--accent-soft);
justify-self:start;
margin-bottom:14px;
}
.intel-row strong{display:block;font-size:1.1rem;margin-bottom:10px}
.intel-row-highlight{grid-template-columns:1fr}
.intel-row-highlight article{background:linear-gradient(135deg,rgba(255,159,67,.08),rgba(255,255,255,.04))}
.statement{margin-top:22px;color:#f4f7fb;font-weight:600;max-width:560px}

.cta{
padding:40px 44px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:28px;
align-items:center;
border-radius:34px;
background:
radial-gradient(circle at top right,rgba(255,159,67,.12),transparent 28%),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.08);
box-shadow:var(--shadow);
}
.cta-copy p{max-width:720px}
.cta-actions{display:grid;gap:14px;min-width:240px}



.process-architect-shell{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  padding:30px;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.process-architect-shell::before{
  content:"";
  position:absolute;
  left:-120px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,159,67,.12), transparent 70%);
  filter:blur(10px);
}
.process-architect-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), transparent 92%);
}
.process-architect-left,
.process-architect-right{
  position:relative;
  z-index:1;
}
.process-architect-left h2{
  max-width:13ch;
}
.process-architect-core{
  margin-top:28px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,159,67,.14), rgba(255,255,255,.03) 18%, rgba(9,16,29,.98) 19%, rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,190,117,.16);
  box-shadow:0 24px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.process-architect-core small,
.architect-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:12px;
}
.process-architect-core strong{
  display:block;
  font-size:1.2rem;
  line-height:1.2;
  color:#fff;
  margin-bottom:12px;
}
.process-architect-core span{
  display:block;
  color:#d6e0ee;
  line-height:1.68;
}
.process-architect-right{
  position:relative;
  display:grid;
  gap:18px;
  padding-left:34px;
}
.process-architect-right::before{
  content:"";
  position:absolute;
  left:16px;
  top:14px;
  bottom:14px;
  width:2px;
  background:linear-gradient(180deg, rgba(255,159,67,.95), rgba(255,255,255,.08));
  box-shadow:0 0 18px rgba(255,159,67,.18);
}
.architect-step{
  position:relative;
}
.architect-dot{
  position:absolute;
  left:-34px;
  top:26px;
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:900;
  color:#fff4df;
  background:linear-gradient(180deg, rgba(255,214,153,.36), rgba(255,159,67,.14));
  border:1px solid rgba(255,214,153,.24);
  box-shadow:0 10px 20px rgba(255,159,67,.14), inset 0 1px 0 rgba(255,255,255,.16);
}
.architect-card{
  padding:22px 22px 18px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03) 16%, rgba(9,16,29,.98) 17%, rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06);
}
.architect-card strong{
  display:block;
  font-size:1.08rem;
  line-height:1.24;
  color:#fff;
  margin-bottom:10px;
}
.architect-card p{
  color:#d6e0ee;
  line-height:1.64;
}
@media (max-width:1120px){
  .process-architect-shell{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  .process-architect-shell{
    padding:20px 18px;
    border-radius:28px;
  }
  .process-architect-right{
    padding-left:28px;
  }
  .architect-dot{
    left:-28px;
    width:32px;
    height:32px;
  }
  .architect-card,
  .process-architect-core{
    padding:18px;
    border-radius:22px;
  }
}

.contact-shell{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  padding:28px;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.contact-shell::before{
  content:"";
  position:absolute;
  left:-120px;
  bottom:-140px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,159,67,.12), transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
.contact-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), transparent 92%);
  pointer-events:none;
}
.contact-copy,.contact-panel{position:relative;z-index:1}
.contact-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-copy h2{
  max-width:13ch;
}
.contact-highlights{
  display:grid;
  gap:14px;
  margin-top:28px;
}
.contact-highlights article{
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-soft);
}
.contact-highlights strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:1rem;
}
.contact-highlights span{
  display:block;
  color:#d6e0ee;
  line-height:1.6;
  font-size:.94rem;
}
.contact-panel{
  padding:24px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03) 18%, rgba(9,16,29,.98) 19%, rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.contact-panel-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom:14px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  color:#d8e1ef;
}
.contact-cards{
  display:grid;
  gap:14px;
}
.contact-card{
  display:block;
  padding:18px 18px 16px;
  border-radius:24px;
  text-decoration:none;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.contact-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,190,117,.24);
  box-shadow:0 22px 40px rgba(0,0,0,.24), 0 0 0 1px rgba(255,190,117,.06);
}
.contact-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:12px;
}
.contact-card strong{
  display:block;
  font-size:1.02rem;
  color:#fff;
  margin-bottom:8px;
}
.contact-card span{
  display:block;
  color:#d9e2ef;
  line-height:1.58;
}
.contact-card-primary{
  background:linear-gradient(180deg, rgba(255,159,67,.12), rgba(255,255,255,.03));
}
.contact-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
@media (max-width:1120px){
  .contact-shell{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  .contact-shell,
  .contact-panel{
    padding:18px;
    border-radius:28px;
  }
}


.footer{
  padding:26px 0 52px;
  border-top:none;
}
.footer-shell{
  position:relative;
  padding:30px 30px 20px;
  border-radius:36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03) 16%, rgba(9,16,29,.98) 17%, rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 36px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.footer-shell::before{
  content:"";
  position:absolute;
  right:-120px;
  top:-140px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,159,67,.16), transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.footer-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), transparent 92%);
  pointer-events:none;
}
.footer-top,.footer-grid,.footer-bottom{position:relative;z-index:1}
.footer-top{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:start;
  padding-bottom:24px;
  margin-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-brand-block{
  display:grid;
  gap:14px;
}
.footer-summary{
  max-width:60ch;
  color:#d6e0ee;
  line-height:1.72;
}
.footer-status{
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,159,67,.12), rgba(255,255,255,.03));
  border:1px solid rgba(255,190,117,.16);
  box-shadow:0 18px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.footer-status span{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
}
.footer-status strong{
  display:block;
  font-size:1.1rem;
  line-height:1.38;
  color:#fff;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.1fr;
  gap:22px;
}
.footer-grid > div{
  padding:18px 18px 16px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-soft);
}
.footer-grid h3{
  margin-bottom:14px;
}
.footer-grid a,
.footer-grid span{
  display:block;
  margin:10px 0;
}
.footer-grid a{
  color:#dde6f2;
  text-decoration:none;
  transition:transform .22s ease,color .22s ease;
}
.footer-grid a:hover{
  color:#fff;
  transform:translateX(4px);
}
.footer-note{
  color:#b9c6d7;
  line-height:1.6;
}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#b9c6d7;
  font-size:.92rem;
}
.footer-bottom span:first-child{
  color:#fff;
  letter-spacing:.12em;
  font-family:'Space Grotesk',sans-serif;
}
@media (max-width:1120px){
  .footer-top,
  .footer-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  .footer-shell{
    padding:20px 18px 16px;
    border-radius:28px;
  }
  .footer-grid > div,
  .footer-status{
    padding:18px;
    border-radius:22px;
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:560px){
.hero-bg-1{width:320px;height:320px;right:-80px;top:120px}
.hero-bg-2{width:260px;height:260px;left:-90px;bottom:-80px}
.hero-command{padding:16px;border-radius:24px}
.command-topline{margin-bottom:14px}
.core-stage{min-height:300px;border-radius:24px}
.core-rings{width:180px;height:180px}
.core-center{width:112px;height:112px;padding:14px;border-radius:26px}
.core-center strong{font-size:1.15rem}
.core-center span{font-size:.72rem}
.orbit-tag{font-size:.72rem;padding:7px 10px}
.command-module,.signal-card{padding:14px}

.section{padding:86px 0}
.nav-bar{min-height:78px}
.brand-mark{width:46px;height:46px;font-size:1.2rem;border-radius:14px}
.brand-mark-logo{padding:5px}
.brand-copy strong{font-size:1rem}
.brand-copy span{font-size:.7rem;max-width:150px}
.eyebrow,.section-kicker{font-size:.72rem}
.hero{padding-top:124px}
.hero-grid{gap:24px}
.hero-tags span{width:100%}
.btn{min-height:52px;padding:14px 20px}
.h1,h1{font-size:clamp(2.2rem,11vw,3.2rem)}
.h2,h2{font-size:clamp(1.9rem,8vw,2.5rem)}
.visual-panel{padding:18px;border-radius:26px}
.visual-topline{font-size:.68rem}
.visual-core{height:250px}
.core-ring{width:190px;height:190px}
.core-center{width:72px;height:72px;border-radius:20px}
.core-node{font-size:.8rem;padding:9px 12px}
.info-card,.process-card,.cta,.intelligence-panel{padding:22px}
.footer{padding-top:18px}
}


.hero-tags span{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:12px 18px;
 border-radius:999px;
 font-size:.92rem;
 font-weight:700;
 letter-spacing:.01em;
 color:#f6f7fa;
 background:
 linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 20%,rgba(18,30,51,.92) 21%,rgba(8,15,28,.98) 100%);
 border:1px solid rgba(255,197,117,.18);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.18),
 inset 0 -10px 18px rgba(0,0,0,.32),
 0 10px 22px rgba(0,0,0,.18),
 0 0 0 1px rgba(255,255,255,.03);
 position:relative;
 overflow:hidden;
}
.hero-tags span::before{
 content:"";
 position:absolute;
 inset:1px 1px auto 1px;
 height:48%;
 border-radius:999px;
 background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
 pointer-events:none;
}
.hero-tags span::after{
 content:"";
 position:absolute;
 left:12px;
 right:12px;
 bottom:6px;
 height:10px;
 border-radius:999px;
 background:radial-gradient(circle at center,rgba(255,176,76,.16),transparent 70%);
 filter:blur(2px);
 pointer-events:none;
}


/* ===== AXENOR GLOBAL POLISH ===== */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,159,67,.05), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(97,165,250,.05), transparent 26%),
    radial-gradient(circle at 50% 82%, rgba(255,255,255,.03), transparent 32%);
  z-index:0;
}
main, header, footer{
  position:relative;
  z-index:1;
}
.section{
  position:relative;
}
.section::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:min(1180px, calc(100% - 48px));
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  pointer-events:none;
}
.section-head h2{
  text-shadow:0 10px 30px rgba(0,0,0,.16);
}
.section-head p{
  color:#d4deeb;
}
.card,
.split-panel,
.hero-panel,
.contact-highlights article,
.footer-grid > div,
.contact-card,
.architect-card,
.process-architect-core{
  backdrop-filter:blur(12px);
}
.card,
.footer-grid > div,
.contact-highlights article{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.card:hover,
.footer-grid > div:hover,
.contact-highlights article:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 40px rgba(0,0,0,.22);
  border-color:rgba(255,190,117,.14);
}
.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-120%;
  width:55%;
  transform:skewX(-24deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transition:left .6s ease;
  z-index:-1;
}
.btn:hover::after{
  left:140%;
}
.brand-mark,
.capability-icon,
.diff-index,
.architect-dot,
.timeline-number{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 24px rgba(0,0,0,.16),
    0 0 18px rgba(255,159,67,.08);
}
.contact-card strong,
.footer-grid h3,
.process-architect-core strong,
.architect-card strong,
.capability-card h3{
  text-wrap:balance;
}
.footer-status,
.process-architect-core,
.contact-panel,
.hero-panel{
  position:relative;
}
.footer-status::before,
.process-architect-core::before,
.contact-panel::before,
.hero-panel::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:64px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}
@media (max-width:560px){
  .section::before{
    width:calc(100% - 28px);
  }
}


/* ===== AXENOR PREMIUM IMAGES ===== */

.authority-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
}
.authority-copy{
  padding:22px 8px 22px 0;
}
.authority-copy p{
  max-width:640px;
}
.authority-visual{
  position:relative;
  min-height:440px;
}
.authority-photo,
.feature-hero,
.intelligence-photo{
  position:relative;
  overflow:hidden;
  margin:0;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 54px rgba(0,0,0,.22);
  background:rgba(255,255,255,.03);
}
.authority-photo{
  height:440px;
}
.authority-photo img,
.feature-hero img,
.intelligence-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.authority-photo::after,
.feature-hero::after,
.intelligence-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,11,20,.05), rgba(6,11,20,.22)),
    linear-gradient(135deg, rgba(255,159,67,.10), transparent 40%);
  pointer-events:none;
}
.authority-float{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  padding:18px 18px 16px;
  border-radius:24px;
  background:rgba(8,15,26,.84);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 36px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.authority-float small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:12px;
}
.authority-float strong{
  display:block;
  color:#fff;
  line-height:1.4;
  font-size:1rem;
}

.feature-visual{
  display:grid;
  gap:18px;
}
.feature-hero{
  height:260px;
}
.feature-list{
  display:grid;
  gap:14px;
}

.intelligence-photo{
  height:230px;
  margin-bottom:18px;
}
.intelligence-photo figcaption{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(8,15,26,.80);
  border:1px solid rgba(255,255,255,.10);
  font-size:.78rem;
  color:#eef4ff;
  backdrop-filter:blur(10px);
}

@media (max-width:1120px){
  .authority-grid{
    grid-template-columns:1fr;
  }
  .authority-copy{
    padding:0;
  }
}
@media (max-width:560px){
  .authority-visual{
    min-height:auto;
  }
  .authority-photo{
    height:320px;
  }
  .feature-hero{
    height:220px;
  }
  .intelligence-photo{
    height:200px;
  }
  .authority-float{
    left:14px;
    right:14px;
    bottom:14px;
    padding:16px 14px 14px;
  }
}



/* ===== CAPACIDADES CON IMAGEN PREMIUM ===== */
.capabilities-intro{
  display:grid;
  grid-template-columns:1fr 440px;
  gap:26px;
  align-items:center;
  margin-bottom:26px;
}
.capabilities-copy{
  max-width:760px;
}
.capabilities-copy p{
  max-width:62ch;
}
.capabilities-mini-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.capabilities-mini-pills span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:.86rem;
  font-weight:700;
  color:#edf4ff;
}
.capabilities-visual{
  position:relative;
  min-height:310px;
}
.capabilities-photo{
  height:310px;
  margin:0;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 52px rgba(0,0,0,.22);
  background:rgba(255,255,255,.03);
}
.capabilities-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.capabilities-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,11,20,.08), rgba(6,11,20,.24)),
    linear-gradient(135deg, rgba(255,159,67,.10), transparent 42%);
  pointer-events:none;
}
.capabilities-float{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:16px 16px 14px;
  border-radius:22px;
  background:rgba(8,15,26,.84);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 34px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.capabilities-float small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:10px;
}
.capabilities-float strong{
  display:block;
  color:#fff;
  font-size:.98rem;
  line-height:1.4;
}
@media (max-width:1120px){
  .capabilities-intro{
    grid-template-columns:1fr;
  }
  .capabilities-copy{
    max-width:none;
  }
}
@media (max-width:560px){
  .capabilities-visual{
    min-height:auto;
  }
  .capabilities-photo{
    height:250px;
  }
  .capabilities-float{
    left:14px;
    right:14px;
    bottom:14px;
    padding:14px 14px 12px;
  }
}


/* ===== AJUSTE FINO IMAGEN CAPACIDADES ===== */

.capabilities-photo img{
  object-position:center;
  filter:saturate(.95) contrast(1.02) brightness(.88);
}
.capabilities-photo::after{
  background:
    linear-gradient(180deg, rgba(6,11,20,.14), rgba(6,11,20,.34)),
    linear-gradient(135deg, rgba(255,159,67,.12), transparent 42%);
}
.capabilities-float{
  background:rgba(7,14,24,.88);
}



/* ===== AJUSTE FINO IMAGEN INTELIGENCIA ===== */
.intelligence-photo-upgraded{
  height:260px;
  border-radius:32px;
  box-shadow:0 30px 56px rgba(0,0,0,.24);
}
.intelligence-photo-upgraded img{
  object-position:center;
  filter:saturate(.94) contrast(1.04) brightness(.84);
}
.intelligence-photo-upgraded::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,11,20,.10), rgba(6,11,20,.36)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(97,165,250,.14), transparent 28%);
  pointer-events:none;
}
.intelligence-photo-upgraded figcaption{
  background:rgba(7,14,24,.88);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 30px rgba(0,0,0,.20);
}
@media (max-width:560px){
  .intelligence-photo-upgraded{
    height:210px;
    border-radius:26px;
  }
}

/* ===== BOTÓN FLOTANTE WHATSAPP · AXENOR PREMIUM ===== */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  text-decoration:none;
  color:#f3f6fb;
  border-radius:999px;
  transition:transform .26s ease, filter .26s ease;
}
.whatsapp-float:hover{
  transform:translateY(-4px) scale(1.02);
  filter:brightness(1.04);
}
.whatsapp-float:focus-visible{
  outline:2px solid rgba(255,255,255,.72);
  outline-offset:4px;
}
.whatsapp-float__inner{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:10px 18px 10px 10px;
  border-radius:999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 18%, rgba(18,24,34,.98) 19%, rgba(11,16,24,.99) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 20px 38px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.30);
  overflow:hidden;
  backdrop-filter:blur(12px);
}
.whatsapp-float__inner::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:24px;
  border-radius:999px 999px 24px 24px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
  pointer-events:none;
}
.whatsapp-float__inner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,194,117,.34), rgba(255,255,255,.08));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
}
.whatsapp-float__icon{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#25D366;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.16), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 18%, rgba(17,22,30,.98) 19%, rgba(9,14,22,.99) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 10px 18px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.whatsapp-float__icon::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(120,255,170,.10), 0 0 18px rgba(37,211,102,.16);
  pointer-events:none;
}
.whatsapp-float__icon svg{
  width:22px;
  height:22px;
  display:block;
}
.whatsapp-float__copy{
  display:grid;
  gap:2px;
  line-height:1.1;
}
.whatsapp-float__copy small{
  font-size:.67rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#aeb9c8;
  font-weight:800;
}
.whatsapp-float__copy strong{
  font-size:.97rem;
  color:#ffffff;
  font-weight:800;
  letter-spacing:.01em;
}
@media (max-width:640px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
  }
  .whatsapp-float__inner{
    min-height:56px;
    padding:8px;
  }
  .whatsapp-float__copy{
    display:none;
  }
}


/* ===== SERVICIOS REPUESTOS · TARJETAS PREMIUM V33 ===== */
.services{
  padding-top:28px;
}
.services-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:24px;
  align-items:end;
  margin-bottom:30px;
}
.services-copy p{
  max-width:68ch;
}
.services-highlight{
  position:relative;
  overflow:hidden;
  padding:22px 24px;
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,159,67,.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028) 24%, rgba(9,16,29,.95) 100%);
  border:1px solid rgba(255,214,153,.13);
  box-shadow:
    0 26px 46px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -18px 28px rgba(0,0,0,.14);
}
.services-highlight::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.76), transparent 88%);
  pointer-events:none;
}
.services-highlight > *{
  position:relative;
  z-index:1;
}
.services-highlight small{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
}
.services-highlight strong{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:1.04rem;
  line-height:1.5;
  color:#fff;
}
.services-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  perspective:1300px;
}
.service-card{
  position:relative;
  min-height:100%;
  padding:24px 22px 22px;
  border-radius:30px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,159,67,.105), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.038) 17%, rgba(10,17,29,.985) 18%, rgba(7,13,22,.995) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 28px 50px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -18px 28px rgba(0,0,0,.18);
  transform-style:preserve-3d;
  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease, background .32s ease;
}
.service-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.028) 48%, rgba(255,255,255,0)),
    linear-gradient(90deg, rgba(255,159,67,0), rgba(255,214,153,.16), rgba(255,159,67,0));
  pointer-events:none;
  opacity:.92;
}
.service-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:190px;
  height:190px;
  border-radius:50%;
  filter:blur(12px);
  pointer-events:none;
  opacity:.95;
  z-index:0;
}
.service-card:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg);
  border-color:rgba(255,214,153,.24);
  box-shadow:
    0 40px 66px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -20px 30px rgba(0,0,0,.20),
    0 0 26px rgba(255,159,67,.105);
}
.service-card > *{
  position:relative;
  z-index:2;
  transform:translateZ(18px);
}
.service-card .service-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-11px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,214,153,.32), rgba(255,255,255,.08), rgba(255,255,255,0));
  pointer-events:none;
}
.service-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:24px;
}
.service-number{
  display:inline-grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:18px;
  font-size:1rem;
  font-weight:900;
  color:#fff7ea;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(180deg, rgba(255,214,153,.36), rgba(255,159,67,.13));
  border:1px solid rgba(255,214,153,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    0 14px 26px rgba(255,159,67,.12),
    0 0 24px rgba(255,159,67,.07);
}
.service-badge{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:#edf3ff;
  white-space:nowrap;
}
.service-card h3{
  font-size:1.26rem;
  line-height:1.1;
  margin:0 0 13px;
  max-width:17ch;
  color:#fff;
}
.service-card p{
  color:#dce6f2;
  line-height:1.72;
  font-size:.96rem;
}
.service-list{
  list-style:none;
  margin:20px 0 0;
  padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.service-list li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.service-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff7e7, var(--accent-soft) 38%, var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08), 0 0 14px rgba(255,159,67,.22);
}
.service-card-solar::after,
.service-card-thermal::after,
.service-card-evaluation::after{
  background:radial-gradient(circle, rgba(255,159,67,.18), transparent 70%);
}
.service-card-supplies,
.service-card-tech{
  background:
    radial-gradient(circle at 92% 8%, rgba(96,165,250,.115), transparent 32%),
    linear-gradient(180deg, rgba(147,197,253,.118), rgba(255,255,255,.035) 17%, rgba(10,17,29,.985) 18%, rgba(7,13,22,.995) 100%);
}
.service-card-supplies::after,
.service-card-tech::after{
  background:radial-gradient(circle, rgba(96,165,250,.17), transparent 70%);
}
.service-card-marketing{
  background:
    radial-gradient(circle at 92% 8%, rgba(45,212,191,.112), transparent 32%),
    linear-gradient(180deg, rgba(153,246,228,.108), rgba(255,255,255,.035) 17%, rgba(10,17,29,.985) 18%, rgba(7,13,22,.995) 100%);
}
.service-card-marketing::after{
  background:radial-gradient(circle, rgba(45,212,191,.18), transparent 70%);
}
.service-card-supplies .service-number,
.service-card-tech .service-number{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(180deg, rgba(147,197,253,.32), rgba(59,130,246,.12));
  border-color:rgba(147,197,253,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 26px rgba(59,130,246,.10),
    0 0 24px rgba(96,165,250,.07);
}
.service-card-marketing .service-number{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(180deg, rgba(153,246,228,.30), rgba(20,184,166,.11));
  border-color:rgba(153,246,228,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 26px rgba(20,184,166,.10),
    0 0 24px rgba(45,212,191,.07);
}
@media (max-width:1120px){
  .services-intro{
    grid-template-columns:1fr;
    align-items:start;
  }
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .service-card:hover{
    transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);
  }
}
@media (max-width:860px){
  .services{
    padding-top:10px;
  }
  .services-grid{
    grid-template-columns:1fr;
  }
  .service-card{
    padding:22px 20px 20px;
    border-radius:26px;
  }
  .service-card h3{
    max-width:none;
  }
  .service-card:hover{
    transform:translateY(-6px);
  }
}


/* ===== PÁGINAS INTERNAS DE SERVICIO · FOTOVOLTAICA V35 + SOLAR TÉRMICA V36 ===== */
.service-link-card{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.service-link-card:focus-visible{
  outline:3px solid rgba(255,190,117,.48);
  outline-offset:5px;
}
.service-card-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:11px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,159,67,.16),rgba(255,255,255,.045));
  border:1px solid rgba(255,214,153,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(255,159,67,.08);
  color:#fff4df;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
}
.service-card-cta::after{
  content:"→";
  font-size:1rem;
  color:var(--accent-soft);
}
.back-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:18px;
  color:#dce6f2;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.02em;
  opacity:.9;
  transition:.22s ease;
}
.back-link:hover{
  color:#fff4df;
  transform:translateX(-4px);
}
.service-detail-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:100svh;
  padding:168px 0 100px;
  display:flex;
  align-items:center;
}
.service-detail-hero::before{
  content:"";
  position:absolute;
  inset:110px 0 auto;
  height:620px;
  background:
    radial-gradient(circle at 74% 14%,rgba(255,159,67,.16),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(58,95,185,.13),transparent 26%);
  pointer-events:none;
}
.service-detail-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 85%);
  pointer-events:none;
}
.service-detail-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:48% 52%;
  gap:42px;
  align-items:center;
}
.service-detail-copy h1{
  max-width:12ch;
}
.solar-command{
  position:relative;
  overflow:hidden;
  padding:26px;
  border-radius:36px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#0f1b31 0%,#08111f 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 44px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.solar-command::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);
  pointer-events:none;
}
.solar-command-glow{
  position:absolute;
  width:380px;
  height:380px;
  right:-120px;
  top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,159,67,.20),transparent 62%);
  filter:blur(8px);
  pointer-events:none;
}
.solar-command > *{
  position:relative;
  z-index:1;
}
.solar-core-visual{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
  border-radius:30px;
  margin:8px 0 22px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,159,67,.13),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}
.solar-array{
  position:absolute;
  left:34px;
  top:42px;
  display:grid;
  grid-template-columns:repeat(4,64px);
  gap:10px;
  transform:perspective(900px) rotateX(58deg) rotateZ(-22deg);
  transform-origin:left top;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));
}
.solar-array span{
  height:46px;
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(255,214,153,.26),rgba(96,165,250,.08)),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  border:1px solid rgba(255,214,153,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.18);
}
.solar-energy-line{
  position:absolute;
  left:18%;
  right:18%;
  bottom:152px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,159,67,0),rgba(255,214,153,.95),rgba(255,159,67,0));
  box-shadow:0 0 26px rgba(255,159,67,.34);
}
.solar-core-box{
  position:relative;
  z-index:2;
  width:164px;
  height:164px;
  display:grid;
  place-items:center;
  padding:18px;
  text-align:center;
  border-radius:38px;
  background:linear-gradient(145deg,rgba(255,191,116,.96),rgba(255,159,67,.92));
  color:#231608;
  box-shadow:0 30px 60px rgba(255,159,67,.24), inset 0 1px 0 rgba(255,255,255,.55);
}
.solar-core-box small{
  display:block;
  font-size:.76rem;
  letter-spacing:.18em;
  font-weight:800;
  margin-bottom:6px;
  text-transform:uppercase;
  opacity:.76;
}
.solar-core-box strong{
  display:block;
  font-size:1.55rem;
  line-height:1.02;
  margin-bottom:6px;
}
.solar-core-box span{
  display:block;
  max-width:13ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
.solar-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.solar-mini-grid article{
  padding:16px 16px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.solar-mini-grid small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,159,67,.18),rgba(255,255,255,.05));
  color:var(--accent-soft);
  font-weight:900;
  margin-bottom:12px;
}
.solar-mini-grid strong{
  display:block;
  margin-bottom:8px;
  font-size:1rem;
  color:#fff;
}
.solar-mini-grid p{
  font-size:.86rem;
  line-height:1.5;
}
.service-detail-section{
  padding:112px 0;
}
.service-detail-head{
  max-width:900px;
  margin-bottom:30px;
}
.service-detail-head h2{
  max-width:14ch;
}
.service-detail-head p{
  max-width:74ch;
}
.service-detail-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.detail-card{
  position:relative;
  overflow:hidden;
  min-height:420px;
  padding:26px 24px 22px;
  border-radius:30px;
  background:
    radial-gradient(circle at 94% 8%,rgba(255,159,67,.10),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.16);
}
.detail-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.detail-card > *{
  position:relative;
  z-index:1;
}
.detail-card > span{
  display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  margin-bottom:22px;
  font-size:1rem;
  font-weight:900;
  color:#fff7ea;
  background:linear-gradient(180deg,rgba(255,214,153,.34),rgba(255,159,67,.12));
  border:1px solid rgba(255,214,153,.28);
}
.detail-card h3{
  max-width:16ch;
  font-size:1.32rem;
  line-height:1.08;
  margin-bottom:14px;
}
.detail-card p{
  color:#dce6f2;
}
.detail-card ul{
  list-style:none;
  margin:22px 0 0;
  padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.detail-card li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.detail-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 38%,var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08),0 0 14px rgba(255,159,67,.22);
}
.detail-card-accent{
  background:
    radial-gradient(circle at 94% 8%,rgba(255,159,67,.16),transparent 32%),
    linear-gradient(180deg,rgba(255,193,118,.15),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
}
.service-method-section{
  padding-top:20px;
}
.service-method-shell{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  padding:30px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.service-method-shell::before{
  content:"";
  position:absolute;
  left:-120px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,159,67,.12),transparent 70%);
  filter:blur(10px);
}
.service-method-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 92%);
}
.service-method-copy,
.service-method-steps{
  position:relative;
  z-index:1;
}
.service-method-copy h2{
  max-width:13ch;
}
.service-method-steps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.service-method-steps article{
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03) 16%,rgba(9,16,29,.98) 17%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 40px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06);
}
.service-method-steps div{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  margin-bottom:14px;
  color:#fff4df;
  font-size:.78rem;
  font-weight:900;
  background:linear-gradient(180deg,rgba(255,214,153,.36),rgba(255,159,67,.14));
  border:1px solid rgba(255,214,153,.24);
}
.service-method-steps strong{
  display:block;
  margin-bottom:9px;
  color:#fff;
  font-size:1.08rem;
}
.service-method-steps p{
  color:#d6e0ee;
  line-height:1.64;
}
.service-value-section{
  padding-top:20px;
}
.service-value-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:30px;
  align-items:start;
}
.service-value-grid h2{
  max-width:13ch;
}
.service-value-list{
  display:grid;
  gap:14px;
}
.service-value-list article{
  position:relative;
  padding:22px 24px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.service-value-list article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--accent),transparent);
  opacity:.85;
}
.service-value-list strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:1.06rem;
}
.service-value-list span{
  display:block;
  color:#d6e0ee;
  line-height:1.6;
}
@media (max-width:1120px){
  .service-detail-grid,
  .service-method-shell,
  .service-value-grid{
    grid-template-columns:1fr;
  }
  .service-detail-cards{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:860px){
  .service-detail-hero{
    padding:138px 0 76px;
  }
  .service-detail-copy h1{
    max-width:none;
  }
  .solar-command{
    padding:20px;
    border-radius:28px;
  }
  .solar-core-visual{
    min-height:340px;
  }
  .solar-array{
    left:22px;
    top:34px;
    grid-template-columns:repeat(4,48px);
    gap:8px;
  }
  .solar-array span{
    height:36px;
  }
  .solar-mini-grid,
  .service-detail-cards,
  .service-method-steps{
    grid-template-columns:1fr;
  }
  .detail-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .service-detail-section{
    padding:84px 0;
  }
  .service-method-shell,
  .solar-command{
    padding:18px;
  }
  .solar-core-box{
    width:142px;
    height:142px;
    border-radius:32px;
  }
}

/* ===== PÁGINA INTERNA · SOLAR TÉRMICA V36 ===== */
.service-detail-hero-thermal::before{
  background:
    radial-gradient(circle at 74% 14%,rgba(255,159,67,.18),transparent 24%),
    radial-gradient(circle at 18% 16%,rgba(255,214,153,.10),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(58,95,185,.11),transparent 26%);
}
.thermal-command{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#121f30 0%,#08111f 100%);
}
.thermal-command-glow{
  background:radial-gradient(circle,rgba(255,190,92,.22),transparent 62%);
}
.thermal-core-visual{
  background:
    radial-gradient(circle at 72% 22%,rgba(255,196,90,.16),transparent 30%),
    radial-gradient(circle at 42% 54%,rgba(255,159,67,.12),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}
.thermal-sun{
  position:absolute;
  right:42px;
  top:42px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:radial-gradient(circle at 36% 32%,#fff9dd 0%,#ffd77b 34%,#ff9f43 72%,rgba(255,159,67,.18) 100%);
  box-shadow:0 0 36px rgba(255,159,67,.46),0 0 90px rgba(255,159,67,.20);
}
.thermal-sun::before,
.thermal-sun::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px solid rgba(255,214,153,.18);
}
.thermal-sun::after{
  inset:-34px;
  opacity:.52;
}
.thermal-collector{
  position:absolute;
  left:34px;
  top:82px;
  display:grid;
  grid-template-columns:repeat(4,58px);
  gap:10px;
  transform:perspective(900px) rotateX(58deg) rotateZ(-20deg);
  transform-origin:left top;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.30));
}
.thermal-collector span{
  height:96px;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,214,153,.34),rgba(255,159,67,.08),rgba(255,255,255,.08)),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  border:1px solid rgba(255,214,153,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 22px rgba(0,0,0,.20);
}
.thermal-flow-line{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,159,67,0),rgba(255,214,153,.96),rgba(255,159,67,0));
  box-shadow:0 0 26px rgba(255,159,67,.34);
  transform-origin:center;
}
.thermal-flow-line-a{
  left:28%;
  right:24%;
  bottom:178px;
  transform:rotate(-10deg);
}
.thermal-flow-line-b{
  left:32%;
  right:28%;
  bottom:146px;
  transform:rotate(-10deg);
  opacity:.68;
}
.thermal-tank{
  position:absolute;
  right:56px;
  bottom:58px;
  width:180px;
  min-height:220px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:22px 18px;
  text-align:center;
  border-radius:42px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 18%,rgba(255,159,67,.18) 50%,rgba(255,255,255,.04) 82%,rgba(255,255,255,.14)),
    linear-gradient(180deg,rgba(255,191,116,.92),rgba(255,159,67,.88));
  color:#231608;
  box-shadow:0 34px 62px rgba(255,159,67,.22),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -18px 24px rgba(120,70,20,.20);
}
.thermal-tank small{
  display:block;
  font-size:.64rem;
  letter-spacing:.16em;
  font-weight:900;
  text-transform:uppercase;
  opacity:.76;
  margin-bottom:8px;
}
.thermal-tank strong{
  display:block;
  max-width:10ch;
  font-size:1.32rem;
  line-height:1.02;
  margin-bottom:8px;
}
.thermal-tank span{
  display:block;
  max-width:15ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
@media (max-width:860px){
  .thermal-sun{
    right:26px;
    top:34px;
    width:74px;
    height:74px;
  }
  .thermal-collector{
    left:22px;
    top:78px;
    grid-template-columns:repeat(4,42px);
    gap:8px;
  }
  .thermal-collector span{
    height:74px;
    border-radius:13px;
  }
  .thermal-tank{
    right:28px;
    bottom:44px;
    width:150px;
    min-height:184px;
    border-radius:34px;
  }
}
@media (max-width:560px){
  .thermal-core-visual{
    min-height:390px;
  }
  .thermal-sun{
    right:18px;
    width:62px;
    height:62px;
  }
  .thermal-collector{
    left:18px;
    grid-template-columns:repeat(4,34px);
  }
  .thermal-collector span{
    height:64px;
  }
  .thermal-tank{
    right:22px;
    bottom:42px;
    width:132px;
    min-height:170px;
    padding:18px 14px;
  }
  .thermal-tank strong{
    font-size:1.08rem;
  }
}



/* ===== PÁGINA INTERNA · SUMINISTROS V37 ===== */
.service-detail-hero-supplies::before{
  background:
    radial-gradient(circle at 74% 14%,rgba(96,165,250,.16),transparent 24%),
    radial-gradient(circle at 18% 16%,rgba(255,214,153,.10),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(58,95,185,.14),transparent 26%);
}
.supply-command{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#0d2038 0%,#08111f 100%);
}
.supply-command-glow{
  background:radial-gradient(circle,rgba(96,165,250,.22),transparent 62%);
}
.supply-core-visual{
  background:
    radial-gradient(circle at 72% 22%,rgba(96,165,250,.16),transparent 30%),
    radial-gradient(circle at 42% 54%,rgba(255,159,67,.10),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}
.supply-rack{
  position:absolute;
  left:36px;
  top:48px;
  width:min(420px,calc(100% - 72px));
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  transform:perspective(980px) rotateX(52deg) rotateZ(-14deg);
  transform-origin:left top;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.30));
}
.supply-rack span{
  min-height:88px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(147,197,253,.24),rgba(255,214,153,.10)),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  border:1px solid rgba(147,197,253,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 22px rgba(0,0,0,.20);
  color:#eef6ff;
  font-weight:900;
  letter-spacing:.14em;
  font-size:.82rem;
}
.supply-flow-line{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(96,165,250,0),rgba(147,197,253,.96),rgba(255,214,153,.92),rgba(96,165,250,0));
  box-shadow:0 0 26px rgba(96,165,250,.32);
}
.supply-flow-line-a{
  left:16%;
  right:16%;
  bottom:172px;
}
.supply-flow-line-b{
  left:22%;
  right:22%;
  bottom:142px;
  opacity:.68;
}
.supply-core-box{
  position:absolute;
  right:54px;
  bottom:54px;
  width:184px;
  min-height:184px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:22px 18px;
  text-align:center;
  border-radius:40px;
  background:
    linear-gradient(135deg,rgba(255,214,153,.92),rgba(96,165,250,.36)),
    linear-gradient(180deg,rgba(255,191,116,.92),rgba(255,159,67,.86));
  color:#231608;
  box-shadow:0 34px 62px rgba(96,165,250,.16),0 22px 46px rgba(255,159,67,.16),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -18px 24px rgba(32,64,110,.18);
}
.supply-core-box small{
  display:block;
  font-size:.66rem;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  opacity:.76;
  margin-bottom:8px;
}
.supply-core-box strong{
  display:block;
  max-width:10ch;
  font-size:1.28rem;
  line-height:1.02;
  margin-bottom:8px;
}
.supply-core-box span{
  display:block;
  max-width:15ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
.supply-category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.supply-category-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:28px 24px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 94% 8%,rgba(96,165,250,.13),transparent 32%),
    linear-gradient(180deg,rgba(147,197,253,.11),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.16);
}
.supply-category-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.supply-category-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:178px;
  height:178px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(96,165,250,.17),transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.supply-category-card > *{
  position:relative;
  z-index:1;
}
.supply-category-featured{
  background:
    radial-gradient(circle at 94% 8%,rgba(255,159,67,.16),transparent 32%),
    linear-gradient(180deg,rgba(255,193,118,.15),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
}
.supply-category-featured::after{
  background:radial-gradient(circle,rgba(255,159,67,.18),transparent 70%);
}
.supply-category-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(147,197,253,.32),rgba(59,130,246,.12));
  border:1px solid rgba(147,197,253,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 26px rgba(59,130,246,.10),0 0 24px rgba(96,165,250,.07);
  color:#fff7ea;
  font-size:.84rem;
  font-weight:900;
  letter-spacing:.08em;
}
.supply-category-featured .supply-category-icon{
  background:linear-gradient(180deg,rgba(255,214,153,.34),rgba(255,159,67,.12));
  border-color:rgba(255,214,153,.28);
}
.supply-category-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  margin-bottom:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.supply-category-card h3{
  max-width:17ch;
  font-size:1.25rem;
  line-height:1.1;
  margin-bottom:13px;
  color:#fff;
}
.supply-category-card p{
  color:#dce6f2;
  line-height:1.7;
  font-size:.95rem;
}
.supply-category-card ul{
  list-style:none;
  margin:20px 0 0;
  padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.supply-category-card li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.supply-category-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 38%,var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08),0 0 14px rgba(255,159,67,.22);
}
@media (max-width:1120px){
  .supply-category-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:860px){
  .supply-rack{
    left:22px;
    top:42px;
    width:calc(100% - 44px);
    gap:10px;
  }
  .supply-rack span{
    min-height:70px;
    border-radius:15px;
  }
  .supply-core-box{
    right:28px;
    bottom:42px;
    width:154px;
    min-height:160px;
    border-radius:34px;
  }
  .supply-category-grid{
    grid-template-columns:1fr;
  }
  .supply-category-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .supply-core-visual{
    min-height:390px;
  }
  .supply-rack{
    grid-template-columns:repeat(3,1fr);
    transform:perspective(820px) rotateX(50deg) rotateZ(-10deg);
  }
  .supply-rack span{
    min-height:58px;
    font-size:.72rem;
  }
  .supply-core-box{
    width:136px;
    min-height:148px;
    padding:18px 14px;
  }
  .supply-core-box strong{
    font-size:1.05rem;
  }
}

/* ===== PÁGINA INTERNA · PUBLICIDAD Y MARKETING V38 ===== */
.service-detail-hero-marketing::before{
  background:
    radial-gradient(circle at 74% 14%,rgba(45,212,191,.16),transparent 24%),
    radial-gradient(circle at 18% 16%,rgba(255,214,153,.10),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(58,95,185,.12),transparent 26%);
}
.marketing-command{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#0d2a32 0%,#08111f 100%);
}
.marketing-command-glow{
  background:radial-gradient(circle,rgba(45,212,191,.22),transparent 62%);
}
.marketing-core-visual{
  background:
    radial-gradient(circle at 72% 22%,rgba(45,212,191,.15),transparent 30%),
    radial-gradient(circle at 42% 54%,rgba(255,159,67,.10),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}
.marketing-frame{
  position:absolute;
  display:grid;
  align-content:end;
  gap:8px;
  padding:18px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(153,246,228,.12),rgba(255,214,153,.08));
  border:1px solid rgba(153,246,228,.18);
  box-shadow:0 24px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.22));
}
.marketing-frame small{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.marketing-frame strong{
  display:block;
  max-width:12ch;
  color:#fff;
  font-size:1.04rem;
  line-height:1.12;
}
.marketing-frame-a{
  left:42px;
  top:50px;
  width:180px;
  height:142px;
  transform:perspective(850px) rotateX(10deg) rotateY(18deg) rotateZ(-8deg);
}
.marketing-frame-b{
  right:46px;
  top:92px;
  width:190px;
  height:154px;
  transform:perspective(850px) rotateX(8deg) rotateY(-16deg) rotateZ(7deg);
}
.marketing-frame-c{
  left:92px;
  bottom:64px;
  width:218px;
  height:150px;
  transform:perspective(850px) rotateX(12deg) rotateY(12deg) rotateZ(5deg);
}
.marketing-pulse-line{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(45,212,191,0),rgba(153,246,228,.96),rgba(255,214,153,.92),rgba(45,212,191,0));
  box-shadow:0 0 26px rgba(45,212,191,.32);
  opacity:.9;
}
.marketing-pulse-line-a{
  left:20%;
  right:18%;
  bottom:178px;
  transform:rotate(-9deg);
}
.marketing-pulse-line-b{
  left:24%;
  right:26%;
  bottom:142px;
  transform:rotate(8deg);
  opacity:.58;
}
.marketing-core-box{
  position:absolute;
  right:56px;
  bottom:50px;
  width:178px;
  min-height:178px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:22px 18px;
  text-align:center;
  border-radius:40px;
  background:
    linear-gradient(135deg,rgba(153,246,228,.92),rgba(255,214,153,.72)),
    linear-gradient(180deg,rgba(255,191,116,.92),rgba(255,159,67,.86));
  color:#182019;
  box-shadow:0 34px 62px rgba(45,212,191,.15),0 22px 46px rgba(255,159,67,.14),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -18px 24px rgba(20,88,78,.16);
}
.marketing-core-box small{
  display:block;
  font-size:.66rem;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  opacity:.76;
  margin-bottom:8px;
}
.marketing-core-box strong{
  display:block;
  max-width:10ch;
  font-size:1.24rem;
  line-height:1.02;
  margin-bottom:8px;
}
.marketing-core-box span{
  display:block;
  max-width:15ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
.marketing-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.marketing-service-card{
  position:relative;
  overflow:hidden;
  min-height:380px;
  padding:28px 24px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 94% 8%,rgba(45,212,191,.13),transparent 32%),
    linear-gradient(180deg,rgba(153,246,228,.11),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.16);
}
.marketing-service-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.marketing-service-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:178px;
  height:178px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(45,212,191,.18),transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.marketing-service-card > *{
  position:relative;
  z-index:1;
}
.marketing-service-featured{
  background:
    radial-gradient(circle at 94% 8%,rgba(255,159,67,.16),transparent 32%),
    linear-gradient(180deg,rgba(255,193,118,.15),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
}
.marketing-service-featured::after{
  background:radial-gradient(circle,rgba(255,159,67,.18),transparent 70%);
}
.marketing-service-card > span{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(153,246,228,.30),rgba(20,184,166,.11));
  border:1px solid rgba(153,246,228,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 26px rgba(20,184,166,.10),0 0 24px rgba(45,212,191,.07);
  color:#fff7ea;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.06em;
}
.marketing-service-featured > span{
  background:linear-gradient(180deg,rgba(255,214,153,.34),rgba(255,159,67,.12));
  border-color:rgba(255,214,153,.28);
}
.marketing-service-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  margin-bottom:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.marketing-service-card h3{
  max-width:17ch;
  font-size:1.25rem;
  line-height:1.1;
  margin-bottom:13px;
  color:#fff;
}
.marketing-service-card p{
  color:#dce6f2;
  line-height:1.7;
  font-size:.95rem;
}
.marketing-service-card ul{
  list-style:none;
  margin:20px 0 0;
  padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.marketing-service-card li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.marketing-service-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 38%,var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08),0 0 14px rgba(255,159,67,.22);
}
@media (max-width:1120px){
  .marketing-service-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:860px){
  .marketing-frame-a{
    left:24px;
    top:38px;
    width:154px;
    height:126px;
  }
  .marketing-frame-b{
    right:24px;
    top:84px;
    width:154px;
    height:126px;
  }
  .marketing-frame-c{
    left:44px;
    bottom:48px;
    width:178px;
    height:132px;
  }
  .marketing-core-box{
    right:28px;
    bottom:42px;
    width:148px;
    min-height:156px;
    border-radius:34px;
  }
  .marketing-service-grid{
    grid-template-columns:1fr;
  }
  .marketing-service-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .marketing-core-visual{
    min-height:390px;
  }
  .marketing-frame{
    padding:14px;
  }
  .marketing-frame strong{
    font-size:.92rem;
  }
  .marketing-frame-a{
    width:136px;
    height:112px;
  }
  .marketing-frame-b{
    width:136px;
    height:112px;
  }
  .marketing-frame-c{
    width:156px;
    height:118px;
    left:28px;
  }
  .marketing-core-box{
    width:132px;
    min-height:146px;
    padding:18px 14px;
  }
  .marketing-core-box strong{
    font-size:1.02rem;
  }
}

/* ===== PÁGINA INTERNA · TECNOLOGÍA E IA V39 ===== */
.service-detail-hero-tech::before{
  background:
    radial-gradient(circle at 74% 14%,rgba(167,139,250,.17),transparent 24%),
    radial-gradient(circle at 18% 16%,rgba(45,212,191,.12),transparent 24%),
    radial-gradient(circle at 14% 18%,rgba(58,95,185,.14),transparent 26%);
}
.tech-command{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#151c3a 0%,#08111f 100%);
}
.tech-command-glow{
  background:radial-gradient(circle,rgba(167,139,250,.23),transparent 62%);
}
.tech-core-visual{
  background:
    radial-gradient(circle at 72% 22%,rgba(167,139,250,.16),transparent 30%),
    radial-gradient(circle at 42% 54%,rgba(45,212,191,.12),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}
.tech-neural-map{
  position:absolute;
  inset:42px;
  border-radius:30px;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.82;
}
.tech-neural-map::before,
.tech-neural-map::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(167,139,250,0),rgba(196,181,253,.96),rgba(153,246,228,.88),rgba(167,139,250,0));
  box-shadow:0 0 26px rgba(167,139,250,.32);
}
.tech-neural-map::before{
  top:38%;
  transform:rotate(-12deg);
}
.tech-neural-map::after{
  bottom:34%;
  transform:rotate(10deg);
  opacity:.68;
}
.tech-neural-map span{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff,#a78bfa 45%,#2dd4bf 100%);
  box-shadow:0 0 0 8px rgba(167,139,250,.08),0 0 22px rgba(167,139,250,.36);
}
.tech-neural-map span:nth-child(1){left:8%;top:18%}
.tech-neural-map span:nth-child(2){left:28%;top:42%}
.tech-neural-map span:nth-child(3){left:44%;top:20%}
.tech-neural-map span:nth-child(4){left:62%;top:48%}
.tech-neural-map span:nth-child(5){right:12%;top:24%}
.tech-neural-map span:nth-child(6){left:18%;bottom:16%}
.tech-neural-map span:nth-child(7){left:52%;bottom:20%}
.tech-neural-map span:nth-child(8){right:18%;bottom:12%}
.tech-data-panel{
  position:absolute;
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(196,181,253,.13),rgba(153,246,228,.08));
  border:1px solid rgba(196,181,253,.18);
  box-shadow:0 24px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.22));
}
.tech-data-panel small{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.tech-data-panel strong{
  display:block;
  color:#fff;
  font-size:1.08rem;
  line-height:1.12;
}
.tech-data-panel p{
  max-width:18ch;
  font-size:.84rem;
  line-height:1.48;
  color:#dce6f2;
}
.tech-data-panel-a{
  left:42px;
  top:62px;
  width:190px;
  min-height:148px;
  transform:perspective(850px) rotateX(10deg) rotateY(18deg) rotateZ(-7deg);
}
.tech-data-panel-b{
  right:44px;
  top:92px;
  width:194px;
  min-height:154px;
  transform:perspective(850px) rotateX(8deg) rotateY(-16deg) rotateZ(7deg);
}
.tech-pulse-line{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(167,139,250,0),rgba(196,181,253,.96),rgba(153,246,228,.92),rgba(167,139,250,0));
  box-shadow:0 0 26px rgba(167,139,250,.32);
  opacity:.9;
}
.tech-pulse-line-a{
  left:20%;
  right:18%;
  bottom:180px;
  transform:rotate(-8deg);
}
.tech-pulse-line-b{
  left:24%;
  right:26%;
  bottom:144px;
  transform:rotate(8deg);
  opacity:.58;
}
.tech-core-box{
  position:absolute;
  right:56px;
  bottom:50px;
  width:178px;
  min-height:178px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:22px 18px;
  text-align:center;
  border-radius:40px;
  background:
    linear-gradient(135deg,rgba(196,181,253,.92),rgba(153,246,228,.72)),
    linear-gradient(180deg,rgba(255,191,116,.82),rgba(255,159,67,.76));
  color:#171526;
  box-shadow:0 34px 62px rgba(167,139,250,.16),0 22px 46px rgba(45,212,191,.12),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -18px 24px rgba(58,42,108,.16);
}
.tech-core-box small{
  display:block;
  font-size:.66rem;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  opacity:.76;
  margin-bottom:8px;
}
.tech-core-box strong{
  display:block;
  max-width:10ch;
  font-size:1.28rem;
  line-height:1.02;
  margin-bottom:8px;
}
.tech-core-box span{
  display:block;
  max-width:15ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
.tech-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.tech-service-card{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:28px 24px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 94% 8%,rgba(167,139,250,.14),transparent 32%),
    linear-gradient(180deg,rgba(196,181,253,.12),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.16);
}
.tech-service-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.tech-service-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:178px;
  height:178px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(167,139,250,.18),transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.tech-service-card > *{
  position:relative;
  z-index:1;
}
.tech-service-featured{
  background:
    radial-gradient(circle at 94% 8%,rgba(45,212,191,.16),transparent 32%),
    linear-gradient(180deg,rgba(153,246,228,.13),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
}
.tech-service-featured::after{
  background:radial-gradient(circle,rgba(45,212,191,.18),transparent 70%);
}
.tech-service-card > span{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(196,181,253,.30),rgba(139,92,246,.11));
  border:1px solid rgba(196,181,253,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 26px rgba(139,92,246,.10),0 0 24px rgba(167,139,250,.08);
  color:#fff7ea;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.06em;
}
.tech-service-featured > span{
  background:linear-gradient(180deg,rgba(153,246,228,.30),rgba(20,184,166,.11));
  border-color:rgba(153,246,228,.24);
}
.tech-service-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  margin-bottom:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.tech-service-card h3{
  max-width:17ch;
  font-size:1.25rem;
  line-height:1.1;
  margin-bottom:13px;
  color:#fff;
}
.tech-service-card p{
  color:#dce6f2;
  line-height:1.7;
  font-size:.95rem;
}
.tech-service-card ul{
  list-style:none;
  margin:20px 0 0;
  padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.tech-service-card li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.tech-service-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 38%,var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08),0 0 14px rgba(255,159,67,.22);
}
@media (max-width:1120px){
  .tech-service-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:860px){
  .tech-neural-map{
    inset:26px;
  }
  .tech-data-panel-a{
    left:24px;
    top:44px;
    width:158px;
    min-height:132px;
  }
  .tech-data-panel-b{
    right:24px;
    top:92px;
    width:158px;
    min-height:132px;
  }
  .tech-core-box{
    right:28px;
    bottom:42px;
    width:148px;
    min-height:156px;
    border-radius:34px;
  }
  .tech-service-grid{
    grid-template-columns:1fr;
  }
  .tech-service-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .tech-core-visual{
    min-height:390px;
  }
  .tech-data-panel{
    padding:14px;
  }
  .tech-data-panel strong{
    font-size:.94rem;
  }
  .tech-data-panel p{
    font-size:.78rem;
  }
  .tech-data-panel-a,
  .tech-data-panel-b{
    width:136px;
    min-height:118px;
  }
  .tech-core-box{
    width:132px;
    min-height:146px;
    padding:18px 14px;
  }
  .tech-core-box strong{
    font-size:1.02rem;
  }
}

/* ===== PÁGINA INTERNA · EVALUACIÓN DE PROYECTO V40 ===== */
.service-detail-hero-evaluation::before{
  background:
    radial-gradient(circle at 74% 14%,rgba(255,159,67,.17),transparent 24%),
    radial-gradient(circle at 24% 18%,rgba(96,165,250,.12),transparent 25%),
    radial-gradient(circle at 14% 18%,rgba(45,212,191,.10),transparent 26%);
}
.evaluation-command{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032) 22%,rgba(9,17,32,.98) 100%),
    linear-gradient(135deg,#132030 0%,#08111f 100%);
}
.evaluation-command-glow{
  background:radial-gradient(circle,rgba(255,190,117,.22),transparent 62%);
}
.evaluation-core-visual{
  background:
    radial-gradient(circle at 74% 18%,rgba(255,159,67,.14),transparent 32%),
    radial-gradient(circle at 38% 60%,rgba(96,165,250,.12),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
}
.evaluation-scan-grid{
  position:absolute;
  inset:34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  transform:perspective(980px) rotateX(54deg) rotateZ(-18deg);
  transform-origin:left top;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));
}
.evaluation-scan-grid span{
  min-height:88px;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(255,214,153,.22),rgba(96,165,250,.10)),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  border:1px solid rgba(255,214,153,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 22px rgba(0,0,0,.20);
}
.evaluation-axis{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,159,67,0),rgba(255,214,153,.96),rgba(96,165,250,.86),rgba(255,159,67,0));
  box-shadow:0 0 26px rgba(255,159,67,.28),0 0 22px rgba(96,165,250,.10);
}
.evaluation-axis-a{
  left:18%;
  right:18%;
  bottom:174px;
  transform:rotate(-9deg);
}
.evaluation-axis-b{
  left:24%;
  right:22%;
  bottom:138px;
  transform:rotate(8deg);
  opacity:.62;
}
.evaluation-radar{
  position:absolute;
  left:54px;
  bottom:54px;
  width:160px;
  height:160px;
  border-radius:50%;
  border:1px solid rgba(255,214,153,.20);
  background:
    radial-gradient(circle at center,rgba(255,214,153,.16) 0 3px,transparent 4px),
    repeating-radial-gradient(circle at center,rgba(255,255,255,.08) 0 1px,transparent 1px 34px);
  box-shadow:0 0 44px rgba(255,159,67,.10),inset 0 0 24px rgba(255,255,255,.025);
}
.evaluation-radar::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:76px;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(255,214,153,.88),rgba(255,214,153,0));
  animation:rotateRings 7s linear infinite;
}
.evaluation-radar span{
  position:absolute;
  right:34px;
  top:44px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 42%,var(--accent) 100%);
  box-shadow:0 0 0 8px rgba(255,159,67,.08),0 0 22px rgba(255,159,67,.30);
}
.evaluation-check{
  position:absolute;
  width:176px;
  min-height:118px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06);
}
.evaluation-check small{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.66rem;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:10px;
}
.evaluation-check strong{
  display:block;
  color:#fff;
  line-height:1.16;
  font-size:1rem;
}
.evaluation-check-a{
  right:46px;
  top:60px;
  transform:perspective(850px) rotateX(8deg) rotateY(-14deg) rotateZ(6deg);
}
.evaluation-check-b{
  right:78px;
  top:198px;
  transform:perspective(850px) rotateX(8deg) rotateY(-12deg) rotateZ(-4deg);
}
.evaluation-core-box{
  position:absolute;
  right:58px;
  bottom:46px;
  width:176px;
  min-height:176px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:22px 18px;
  text-align:center;
  border-radius:40px;
  background:linear-gradient(145deg,rgba(255,214,153,.96),rgba(255,159,67,.90));
  color:#231608;
  box-shadow:0 34px 62px rgba(255,159,67,.22),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -18px 24px rgba(120,70,20,.18);
}
.evaluation-core-box small{
  display:block;
  font-size:.66rem;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  opacity:.76;
  margin-bottom:8px;
}
.evaluation-core-box strong{
  display:block;
  font-size:1.38rem;
  line-height:1.02;
  margin-bottom:8px;
}
.evaluation-core-box span{
  display:block;
  max-width:15ch;
  font-size:.82rem;
  line-height:1.35;
  font-weight:800;
}
.evaluation-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.evaluation-service-card{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:28px 24px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 94% 8%,rgba(255,159,67,.12),transparent 32%),
    linear-gradient(180deg,rgba(255,214,153,.12),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.16);
}
.evaluation-service-card::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:70px;
  border-radius:29px 29px 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.evaluation-service-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:178px;
  height:178px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,159,67,.18),transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.evaluation-service-card > *{
  position:relative;
  z-index:1;
}
.evaluation-service-featured{
  background:
    radial-gradient(circle at 94% 8%,rgba(96,165,250,.14),transparent 32%),
    linear-gradient(180deg,rgba(147,197,253,.12),rgba(255,255,255,.035) 18%,rgba(10,17,29,.98) 19%,rgba(7,13,22,.99) 100%);
}
.evaluation-service-featured::after{
  background:radial-gradient(circle,rgba(96,165,250,.18),transparent 70%);
}
.evaluation-service-card > span{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(255,214,153,.34),rgba(255,159,67,.12));
  border:1px solid rgba(255,214,153,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 26px rgba(255,159,67,.10),0 0 24px rgba(255,159,67,.07);
  color:#fff7ea;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.06em;
}
.evaluation-service-featured > span{
  background:linear-gradient(180deg,rgba(147,197,253,.30),rgba(59,130,246,.11));
  border-color:rgba(147,197,253,.24);
}
.evaluation-service-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  margin-bottom:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--accent-soft);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.evaluation-service-card h3{
  max-width:17ch;
  font-size:1.25rem;
  line-height:1.1;
  margin-bottom:13px;
  color:#fff;
}
.evaluation-service-card p{
  color:#dce6f2;
  line-height:1.7;
  font-size:.95rem;
}
.evaluation-service-card ul{
  list-style:none;
  margin:20px 0 0;
  padding:17px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:grid;
  gap:10px;
}
.evaluation-service-card li{
  position:relative;
  padding-left:22px;
  color:#edf4ff;
  line-height:1.55;
  font-size:.92rem;
}
.evaluation-service-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff7e7,var(--accent-soft) 38%,var(--accent) 100%);
  box-shadow:0 0 0 6px rgba(255,159,67,.08),0 0 14px rgba(255,159,67,.22);
}
@media (max-width:1120px){
  .evaluation-service-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:860px){
  .evaluation-scan-grid{
    inset:28px;
  }
  .evaluation-check-a{
    right:28px;
    top:54px;
  }
  .evaluation-check-b{
    right:54px;
    top:182px;
  }
  .evaluation-radar{
    left:28px;
    bottom:46px;
    width:132px;
    height:132px;
  }
  .evaluation-core-box{
    right:28px;
    bottom:42px;
    width:148px;
    min-height:156px;
    border-radius:34px;
  }
  .evaluation-service-grid{
    grid-template-columns:1fr;
  }
  .evaluation-service-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .evaluation-core-visual{
    min-height:390px;
  }
  .evaluation-scan-grid{
    inset:22px;
    gap:10px;
  }
  .evaluation-scan-grid span{
    min-height:68px;
    border-radius:14px;
  }
  .evaluation-check{
    width:136px;
    min-height:104px;
    padding:14px;
  }
  .evaluation-check strong{
    font-size:.9rem;
  }
  .evaluation-check-b{
    right:34px;
    top:166px;
  }
  .evaluation-radar{
    width:116px;
    height:116px;
  }
  .evaluation-core-box{
    width:132px;
    min-height:146px;
    padding:18px 14px;
  }
  .evaluation-core-box strong{
    font-size:1.12rem;
  }
}


/* Inicio AXENOR — carrusel fotográfico visible tipo portada */
.hero-home{
  position:relative;
  background:#07111f;
}
.axenor-photo-carousel{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#07111f;
}
.axenor-photo-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  filter:saturate(.96) contrast(1.05) brightness(.78);
  transform:scale(1.055);
  transition:opacity 1.45s ease, transform 8.5s ease;
  will-change:opacity, transform;
}
.axenor-photo-slide.is-active{
  opacity:1;
  transform:scale(1.01);
}
.axenor-photo-slide:nth-child(1){background-position:center right;}
.axenor-photo-slide:nth-child(2){background-position:center center;}
.axenor-photo-slide:nth-child(3){background-position:center center;}
.axenor-photo-slide:nth-child(4){background-position:center center;}
.axenor-photo-slide:nth-child(5){background-position:center center;}
.axenor-photo-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,12,23,.80) 0%,rgba(5,12,23,.58) 39%,rgba(5,12,23,.28) 68%,rgba(5,12,23,.48) 100%),
    linear-gradient(115deg,rgba(7,17,31,.16) 0%,rgba(18,63,115,.30) 48%,rgba(255,159,67,.24) 100%),
    radial-gradient(circle at 10% 78%,rgba(255,159,67,.24),transparent 34%),
    radial-gradient(circle at 78% 22%,rgba(74,135,255,.20),transparent 32%);
}
.hero-home .hero-bg{
  z-index:2;
}
.hero-home::before,
.hero-home::after{
  z-index:2;
}
.hero-home .hero-grid{
  position:relative;
  z-index:3;
}
.hero-home .hero-command,
.hero-home .hero-metric,
.hero-home .hero-eyebrow{
  backdrop-filter:blur(12px);
}
@media (max-width:860px){
  .axenor-photo-slide{
    filter:saturate(.94) contrast(1.04) brightness(.68);
  }
  .axenor-photo-overlay{
    background:
      linear-gradient(180deg,rgba(5,12,23,.82) 0%,rgba(5,12,23,.58) 50%,rgba(5,12,23,.78) 100%),
      linear-gradient(120deg,rgba(18,63,115,.22),rgba(255,159,67,.20)),
      radial-gradient(circle at 18% 74%,rgba(255,159,67,.20),transparent 38%);
  }
}
@media (prefers-reduced-motion:reduce){
  .axenor-photo-slide{
    transition:none;
    transform:none;
  }
  .axenor-photo-slide.is-active{
    transform:none;
  }
}


/* ===== QUIÉNES SOMOS — CARRUSEL SUAVE ===== */
.authority-photo-carousel{
  height:440px;
  isolation:isolate;
}
.authority-photo-carousel .qs-photo-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  filter:saturate(.96) contrast(1.03) brightness(.82);
  transform:scale(1.05);
  transition:opacity 1.5s ease, transform 8s ease;
  will-change:opacity,transform;
}
.authority-photo-carousel .qs-photo-slide.is-active{
  opacity:1;
  transform:scale(1.01);
}
.authority-photo-carousel .qs-photo-slide:nth-child(1){background-position:center center;}
.authority-photo-carousel .qs-photo-slide:nth-child(2){background-position:center center;}
.authority-photo-carousel .qs-photo-slide:nth-child(3){background-position:center center;}
.authority-photo-carousel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(6,11,20,.06), rgba(6,11,20,.24)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 42%),
    radial-gradient(circle at 14% 80%, rgba(28,79,160,.16), transparent 32%);
  pointer-events:none;
}
.authority-photo-carousel::after{
  z-index:2;
}
.authority-float{
  z-index:3;
}
@media (prefers-reduced-motion:reduce){
  .authority-photo-carousel .qs-photo-slide{
    transition:none;
    transform:none;
  }
  .authority-photo-carousel .qs-photo-slide.is-active{
    transform:none;
  }
}


/* ===== QUIÉNES SOMOS — FONDO CORPORATIVO ESTÁTICO ===== */
.page-quienes-somos{
  background:
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.94)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 32%),
    linear-gradient(180deg,#182536 0%,#304763 100%);
}
.page-quienes-somos .site-shell{
  position:relative;
  isolation:isolate;
}
.page-quienes-somos .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:url('assets/quienes-somos/axenor-fondo-corporativo.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.96) contrast(1.06) brightness(.50);
  transform:scale(1.03);
}
.page-quienes-somos .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.62) 0%, rgba(5,12,23,.72) 100%),
    linear-gradient(115deg, rgba(18,63,115,.18) 0%, rgba(255,159,67,.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.16), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.16), transparent 26%);
}
.page-quienes-somos .authority{
  position:relative;
}
.page-quienes-somos .authority-grid{
  padding:30px;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 36px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
@media (max-width:860px){
  .page-quienes-somos .site-shell::before{
    background-position:62% center;
    filter:saturate(.94) contrast(1.04) brightness(.42);
  }
  .page-quienes-somos .authority-grid{
    padding:20px;
    border-radius:28px;
  }
}


/* ===== SERVICIOS — IMÁGENES EN TARJETAS ===== */
.service-media{
  position:relative;
  height:172px;
  margin:0 0 18px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03);
  box-shadow:
    0 16px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.service-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.04);
  transition:transform .55s ease, filter .55s ease;
  filter:saturate(.95) contrast(1.03) brightness(.82);
}
.service-card:hover .service-media img{
  transform:scale(1.09);
  filter:saturate(1) contrast(1.05) brightness(.88);
}
.service-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.08), rgba(5,12,23,.22)),
    linear-gradient(135deg, rgba(255,159,67,.10), transparent 42%);
  pointer-events:none;
}
.service-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:48%;
  z-index:1;
  background:linear-gradient(180deg, rgba(5,12,23,0), rgba(5,12,23,.32));
  pointer-events:none;
}
.service-media-solar img{object-position:center center;}
.service-media-thermal img{object-position:center 58%; filter:saturate(1) contrast(1.02) brightness(.86) hue-rotate(-8deg);}
.service-media-supplies img{object-position:center center;}
.service-media-marketing img{object-position:center 34%;}
.service-media-tech img{object-position:center center;}
.service-media-evaluation img{object-position:center 32%;}
@media (max-width:860px){
  .service-media{
    height:164px;
    border-radius:20px;
  }
}


/* ===== CAPACIDADES — IMÁGENES POR BLOQUE ===== */
.capability-media{
  position:relative;
  height:154px;
  margin:0 0 18px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03);
  box-shadow:0 16px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.capability-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.04);
  filter:saturate(.96) contrast(1.03) brightness(.84);
  transition:transform .55s ease, filter .55s ease;
}
.capability-card:hover .capability-media img{
  transform:scale(1.09);
  filter:saturate(1) contrast(1.05) brightness(.90);
}
.capability-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.08), rgba(5,12,23,.22)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 42%);
  pointer-events:none;
}
.capability-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  z-index:1;
  background:linear-gradient(180deg, rgba(5,12,23,0), rgba(5,12,23,.30));
  pointer-events:none;
}
.capability-media-energy img{object-position:center center;}
.capability-media-tech img{object-position:center 46%;}
.capability-media-auto img{object-position:center center;}
.capability-media-ai img{object-position:center 42%;}
@media (max-width:860px){
  .capability-media{
    height:148px;
    border-radius:20px;
  }
}


/* ===== CAPACIDADES — FONDO CORPORATIVO ESTÁTICO ===== */
.page-capacidades{
  background:
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.94)),
    linear-gradient(135deg, rgba(96,165,250,.08), transparent 34%),
    linear-gradient(180deg, #182536 0%, #304763 100%);
}
.page-capacidades .site-shell{
  position:relative;
  isolation:isolate;
}
.page-capacidades .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:url('assets/capacidades/capacidades-fondo-corporativo.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.06) brightness(.54);
  transform:scale(1.03);
}
.page-capacidades .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.58) 0%, rgba(5,12,23,.70) 100%),
    linear-gradient(115deg, rgba(18,63,115,.14) 0%, rgba(96,165,250,.08) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.20), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.12), transparent 26%);
}
.page-capacidades .capabilities{
  position:relative;
}
.page-capacidades .capabilities-intro,
.page-capacidades .capability-grid{
  position:relative;
}
.page-capacidades .capability-grid{
  padding:14px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 32px 64px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
@media (max-width:860px){
  .page-capacidades .site-shell::before{
    background-position:60% center;
    filter:saturate(.96) contrast(1.05) brightness(.46);
  }
  .page-capacidades .capability-grid{
    padding:10px;
    border-radius:26px;
  }
}


/* ===== DIFERENCIAL — FONDO CARRUSEL ===== */
.page-diferencial{
  background:
    linear-gradient(180deg, rgba(7,17,31,.92), rgba(7,17,31,.95)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 32%),
    linear-gradient(180deg,#182536 0%,#304763 100%);
}
.page-diferencial .site-shell{
  position:relative;
  isolation:isolate;
}
.diferencial-bg-carousel{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
}
.diferencial-bg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.04) brightness(.50);
  transform:scale(1.06);
  transition:opacity 1.7s ease, transform 8.5s ease;
  will-change:opacity,transform;
}
.diferencial-bg-slide.is-active{
  opacity:1;
  transform:scale(1.015);
}
.diferencial-bg-carousel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.62) 0%, rgba(5,12,23,.76) 100%),
    linear-gradient(115deg, rgba(18,63,115,.16) 0%, rgba(255,159,67,.10) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.16), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.14), transparent 26%);
  pointer-events:none;
}
.page-diferencial .split-grid,
.page-diferencial .process-architect-shell{
  position:relative;
  z-index:1;
}
.page-diferencial .split-copy{
  padding:24px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 28px 56px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
.page-diferencial .feature-list article{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(4px);
}
@media (max-width:860px){
  .diferencial-bg-slide{
    background-position:58% center;
    filter:saturate(.96) contrast(1.03) brightness(.42);
  }
  .page-diferencial .split-copy{
    padding:20px;
    border-radius:24px;
  }
}
@media (prefers-reduced-motion:reduce){
  .diferencial-bg-slide{
    transition:none;
    transform:none;
  }
  .diferencial-bg-slide.is-active{
    transform:none;
  }
}


/* ===== DIFERENCIAL — TARJETAS CON IMAGEN ===== */
.differential-mini-media,
.architect-media,
.process-core-media{
  position:relative;
  overflow:hidden;
  margin:0 0 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.differential-mini-media{
  height:118px;
}
.architect-media,
.process-core-media{
  height:110px;
}
.differential-mini-media img,
.architect-media img,
.process-core-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.04);
  filter:saturate(.96) contrast(1.03) brightness(.86);
  transition:transform .55s ease, filter .55s ease;
}
.feature-list article:hover .differential-mini-media img,
.architect-card:hover .architect-media img,
.process-architect-core:hover .process-core-media img{
  transform:scale(1.08);
  filter:saturate(1) contrast(1.05) brightness(.92);
}
.differential-mini-media::before,
.architect-media::before,
.process-core-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(6,11,20,.06), rgba(6,11,20,.22)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 42%);
  pointer-events:none;
}
.differential-mini-media::after,
.architect-media::after,
.process-core-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  z-index:1;
  background:linear-gradient(180deg, rgba(6,11,20,0), rgba(6,11,20,.28));
  pointer-events:none;
}
.feature-list article{
  align-items:start;
}
.feature-list article>div{
  min-width:0;
}
.process-architect-core,
.architect-card{
  overflow:hidden;
}
@media (max-width:560px){
  .differential-mini-media{height:108px;}
  .architect-media,
  .process-core-media{height:100px;}
}


/* ===== IA APLICADA — FONDO CORPORATIVO E IMÁGENES ===== */
.page-ia-aplicada{
  background:
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.95)),
    linear-gradient(135deg, rgba(96,165,250,.08), transparent 34%),
    linear-gradient(180deg,#182536 0%,#304763 100%);
}
.page-ia-aplicada .site-shell{
  position:relative;
  isolation:isolate;
}
.page-ia-aplicada .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:url('assets/ia-aplicada/ia-fondo-corporativo.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(1) contrast(1.07) brightness(.62);
  transform:scale(1.03);
}
.page-ia-aplicada .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.46) 0%, rgba(5,12,23,.62) 100%),
    linear-gradient(115deg, rgba(18,63,115,.14) 0%, rgba(96,165,250,.08) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.20), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.12), transparent 28%);
}
.page-ia-aplicada .intelligence-panel,
.page-ia-aplicada .split-copy{
  position:relative;
  z-index:1;
}
.page-ia-aplicada .split-copy{
  padding:24px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 28px 56px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
.page-ia-aplicada .intelligence-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.024));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 58px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
.intel-media{
  position:relative;
  height:118px;
  margin:0 0 14px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.intel-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.04);
  filter:saturate(.96) contrast(1.03) brightness(.86);
  transition:transform .55s ease, filter .55s ease;
}
.intel-row article:hover .intel-media img{
  transform:scale(1.08);
  filter:saturate(1) contrast(1.05) brightness(.92);
}
.intel-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(6,11,20,.06), rgba(6,11,20,.22)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 42%);
  pointer-events:none;
}
.intel-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  z-index:1;
  background:linear-gradient(180deg, rgba(6,11,20,0), rgba(6,11,20,.28));
  pointer-events:none;
}
.intel-media-analysis img{object-position:center 42%;}
.intel-media-automation img{object-position:center center;}
.intel-media-ai img{object-position:center 46%;}
.intel-media-optimization img{object-position:center 36%;}
.intel-media-control img{object-position:center 38%;}
@media (max-width:860px){
  .page-ia-aplicada .site-shell::before{
    background-position:60% center;
    filter:saturate(.98) contrast(1.06) brightness(.54);
  }
  .page-ia-aplicada .split-copy{
    padding:20px;
    border-radius:24px;
  }
  .intel-media{height:108px;}
}


/* ===== CONTACTO — FONDO CORPORATIVO CON LOGO ===== */
.page-contacto{
  background:
    linear-gradient(180deg, rgba(7,17,31,.92), rgba(7,17,31,.96)),
    linear-gradient(135deg, rgba(255,159,67,.06), transparent 34%),
    linear-gradient(180deg, #182536 0%, #304763 100%);
}
.page-contacto .site-shell{
  position:relative;
  isolation:isolate;
}
.page-contacto .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    radial-gradient(circle at 74% 22%, rgba(255,159,67,.14), transparent 18%),
    radial-gradient(circle at 18% 76%, rgba(74,135,255,.14), transparent 22%),
    url('isotipo_axenor.png');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-size:auto,auto,min(58vw,700px);
  background-position:74% 22%,18% 76%,76% 50%;
  filter:saturate(1.02) contrast(1.08) brightness(.84);
  opacity:.52;
  transform:scale(1.02);
}
.page-contacto .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.48) 0%, rgba(5,12,23,.64) 100%),
    linear-gradient(115deg, rgba(18,63,115,.10) 0%, rgba(255,159,67,.06) 100%),
    radial-gradient(circle at 78% 44%, rgba(255,255,255,.035), transparent 24%);
}
.page-contacto .contact-shell{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
  box-shadow:0 34px 66px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
}
.page-contacto .contact-copy{
  padding-right:8px;
}
.page-contacto .contact-highlights article{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
}
.contact-brand-badge{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  margin-bottom:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
.contact-brand-badge__mark{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.20), rgba(255,255,255,.05)), linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 16px 28px rgba(0,0,0,.18);
}
.contact-brand-badge__mark img{
  width:32px;
  height:32px;
  object-fit:contain;
}
.contact-brand-badge__copy small{
  display:block;
  margin-bottom:4px;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
}
.contact-brand-badge__copy strong{
  color:#fff;
  font-size:1rem;
}
.page-contacto .contact-card{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
}
.page-contacto .contact-card-primary{
  background:linear-gradient(180deg, rgba(255,159,67,.14), rgba(255,255,255,.04));
}
@media (max-width:860px){
  .page-contacto .site-shell::before{
    background-size:auto,auto,min(82vw,520px);
    background-position:78% 18%,16% 82%,50% 26%;
    opacity:.42;
  }
}
@media (max-width:560px){
  .contact-brand-badge{
    padding:12px 14px;
    border-radius:18px;
  }
  .contact-brand-badge__mark{
    width:50px;
    height:50px;
    border-radius:16px;
  }
  .contact-brand-badge__mark img{
    width:28px;
    height:28px;
  }
}


/* ===== SERVICIOS — FONDO ESTÁTICO CORPORATIVO ===== */
.page-servicios{
  background:
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.95)),
    linear-gradient(135deg, rgba(255,159,67,.07), transparent 34%),
    linear-gradient(180deg, #182536 0%, #304763 100%);
}
.page-servicios .site-shell{
  position:relative;
  isolation:isolate;
}
.page-servicios .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:url('assets/fondos/axenor-tecnologia.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.06) brightness(.56);
  transform:scale(1.03);
}
.page-servicios .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.56) 0%, rgba(5,12,23,.70) 100%),
    linear-gradient(115deg, rgba(18,63,115,.14) 0%, rgba(255,159,67,.08) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.16), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.12), transparent 28%);
}
.page-servicios .services-intro,
.page-servicios .services-grid{
  position:relative;
  z-index:1;
}
.page-servicios .services-intro{
  padding:24px 24px 0;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 28px 56px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
@media (max-width:860px){
  .page-servicios .site-shell::before{
    background-position:58% center;
    filter:saturate(.96) contrast(1.05) brightness(.48);
  }
  .page-servicios .services-intro{
    padding:20px 20px 0;
    border-radius:24px;
  }
}


/* ===== AXENOR SUPPLY — INSUMOS ===== */
.page-insumos{
  background:
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.96)),
    linear-gradient(135deg, rgba(255,159,67,.07), transparent 34%),
    linear-gradient(180deg, #182536 0%, #304763 100%);
}
.page-insumos .site-shell{
  position:relative;
  isolation:isolate;
}
.page-insumos .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:url('assets/fondos/axenor-suministros.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.06) brightness(.58);
  transform:scale(1.03);
}
.page-insumos .site-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,12,23,.54) 0%, rgba(5,12,23,.72) 100%),
    linear-gradient(115deg, rgba(18,63,115,.14) 0%, rgba(255,159,67,.09) 100%),
    radial-gradient(circle at 18% 18%, rgba(74,135,255,.16), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255,159,67,.12), transparent 28%);
}
.supply-hero{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  padding:28px;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 66px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
  backdrop-filter:blur(8px);
}
.supply-hero::before{
  content:"";
  position:absolute;
  right:-160px;
  top:-160px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,159,67,.16), transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.supply-copy,
.supply-visual{
  position:relative;
  z-index:1;
}
.supply-copy h1{
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2.3rem,5vw,5.2rem);
  line-height:.95;
  letter-spacing:-.07em;
  color:#fff;
  max-width:10.5ch;
  margin-bottom:22px;
  text-wrap:balance;
}
.supply-copy p{
  color:#d6e0ee;
  line-height:1.72;
  max-width:62ch;
}
.supply-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.supply-visual{
  min-height:360px;
}
.supply-main-photo{
  height:360px;
  margin:0;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 30px 56px rgba(0,0,0,.24);
  background:rgba(255,255,255,.03);
}
.supply-main-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.96) contrast(1.04) brightness(.88);
}
.supply-main-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,11,20,.06), rgba(6,11,20,.28)),
    linear-gradient(135deg, rgba(255,159,67,.11), transparent 42%);
  pointer-events:none;
}
.supply-float-card{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:16px 16px 14px;
  border-radius:22px;
  background:rgba(8,15,26,.86);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 34px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.supply-float-card small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:10px;
}
.supply-float-card strong{
  display:block;
  color:#fff;
  line-height:1.42;
}
.supply-categories{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:24px;
}
.supply-categories article,
.product-card,
.supply-note{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  box-shadow:0 22px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
}
.supply-categories article{
  padding:22px;
  border-radius:26px;
}
.supply-categories span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  margin-bottom:16px;
  color:#1e1307;
  font-weight:900;
  background:linear-gradient(135deg,var(--accent),var(--accent-soft));
  box-shadow:0 14px 28px rgba(255,159,67,.18);
}
.supply-categories strong{
  display:block;
  color:#fff;
  font-size:1.02rem;
  margin-bottom:8px;
}
.supply-categories p{
  color:#d6e0ee;
  line-height:1.6;
  font-size:.94rem;
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}
.product-card{
  border-radius:28px;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,190,117,.18);
  box-shadow:0 28px 52px rgba(0,0,0,.24);
}
.product-card figure{
  position:relative;
  height:178px;
  margin:0;
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
.product-card figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,11,20,.04), rgba(6,11,20,.32)),
    linear-gradient(135deg, rgba(255,159,67,.08), transparent 42%);
  pointer-events:none;
}
.product-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.96) contrast(1.04) brightness(.88);
  transform:scale(1.03);
  transition:transform .55s ease, filter .55s ease;
}
.product-card:hover img{
  transform:scale(1.08);
  filter:saturate(1) contrast(1.06) brightness(.94);
}
.product-body{
  padding:20px;
}
.product-body small{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--accent-soft);
  margin-bottom:12px;
}
.product-body h3{
  color:#fff;
  font-size:1.08rem;
  line-height:1.25;
  margin-bottom:10px;
  text-wrap:balance;
}
.product-body p{
  color:#d6e0ee;
  line-height:1.62;
  font-size:.94rem;
}
.product-status{
  display:inline-flex;
  margin-top:14px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,159,67,.10);
  border:1px solid rgba(255,159,67,.18);
  color:#ffe0b5;
  font-size:.78rem;
  font-weight:800;
}
.product-body a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:16px;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}
.product-body a::after{
  content:"→";
  color:var(--accent-soft);
  font-size:1.1rem;
}
.supply-note{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin-top:28px;
  padding:28px;
  border-radius:32px;
}
.supply-note h2{
  font-size:clamp(1.7rem,3vw,3rem);
  color:#fff;
  line-height:1.02;
  letter-spacing:-.04em;
  margin-bottom:12px;
}
.supply-note p{
  color:#d6e0ee;
  line-height:1.7;
  max-width:72ch;
}
@media (max-width:1120px){
  .supply-hero{
    grid-template-columns:1fr;
  }
  .supply-categories,
  .product-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .supply-copy h1{
    max-width:12ch;
  }
}
@media (max-width:720px){
  .supply-categories,
  .product-grid,
  .supply-note{
    grid-template-columns:1fr;
  }
  .supply-note .btn{
    justify-self:start;
  }
}
@media (max-width:560px){
  .supply-hero{
    padding:18px;
    border-radius:28px;
  }
  .supply-main-photo{
    height:260px;
  }
  .supply-visual{
    min-height:auto;
  }
  .product-card figure{
    height:160px;
  }
}


/* ===== CORRECCIÓN MÓVIL DEFINITIVA — AXENOR V67 ===== */
@media (max-width: 900px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  .container{
    width:min(100% - 28px, var(--container));
  }

  .nav{
    max-height:calc(100vh - 92px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .nav a,
  .nav .btn{
    width:100%;
  }

  .split-grid,
  .intelligence-grid,
  .contact-shell,
  .supply-hero,
  .services-intro,
  .capabilities-intro{
    grid-template-columns:1fr !important;
  }

  .services-grid,
  .product-grid,
  .supply-categories{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 640px){
  .container{
    width:min(100% - 24px, var(--container));
  }

  .header{
    top:10px;
  }

  .nav-bar{
    min-height:64px;
    padding:10px 12px;
    border-radius:22px;
  }

  .brand{
    min-width:0;
  }

  .brand-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    flex:0 0 auto;
  }

  .brand-copy{
    min-width:0;
  }

  .brand-copy strong{
    font-size:1rem;
    white-space:nowrap;
  }

  .menu-toggle{
    width:44px;
    height:44px;
    border-radius:14px;
    flex:0 0 auto;
  }

  .section{
    padding:76px 0;
  }

  .hero{
    padding-top:112px;
  }

  h1,
  .hero-copy h1,
  .supply-copy h1,
  .services-copy h2,
  .section-head h2,
  .split-copy h2,
  .contact-copy h2{
    max-width:100% !important;
    font-size:clamp(2rem, 11vw, 3rem) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
    overflow-wrap:break-word;
  }

  p,
  .statement,
  .service-card p,
  .product-body p,
  .supply-copy p,
  .contact-copy p{
    font-size:.95rem;
    line-height:1.62;
  }

  .services-intro,
  .page-servicios .services-intro,
  .contact-shell,
  .supply-hero,
  .intelligence-panel,
  .page-ia-aplicada .split-copy,
  .page-contacto .contact-shell{
    padding:18px !important;
    border-radius:26px !important;
  }

  .services-grid,
  .product-grid,
  .supply-categories{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .service-card,
  .product-card,
  .supply-categories article,
  .contact-card,
  .contact-highlights article,
  .architect-card,
  .process-architect-core,
  .capability-card{
    border-radius:22px !important;
  }

  .service-card{
    padding:16px !important;
  }

  .service-head{
    gap:8px;
    align-items:flex-start;
  }

  .service-number{
    width:42px;
    height:42px;
    border-radius:14px;
    flex:0 0 auto;
  }

  .service-badge{
    font-size:.68rem;
    line-height:1.15;
    padding:8px 10px;
  }

  .service-media{
    height:150px !important;
    border-radius:18px !important;
  }

  .service-card h3,
  .product-body h3{
    font-size:1.06rem !important;
    line-height:1.28 !important;
  }

  .service-list{
    padding-left:0;
  }

  .service-list li{
    font-size:.92rem;
    line-height:1.5;
  }

  .supply-main-photo{
    height:230px !important;
    border-radius:22px !important;
  }

  .supply-visual{
    min-height:auto !important;
  }

  .supply-float-card{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:14px !important;
  }

  .product-card figure{
    height:150px !important;
  }

  .product-body{
    padding:18px !important;
  }

  .product-body a{
    line-height:1.25;
  }

  .supply-note{
    grid-template-columns:1fr !important;
    padding:20px !important;
    border-radius:24px !important;
  }

  .supply-actions,
  .contact-actions{
    width:100%;
  }

  .supply-actions .btn,
  .contact-actions .btn,
  .supply-note .btn{
    width:100%;
    justify-content:center;
  }

  .contact-panel{
    padding:18px !important;
    border-radius:24px !important;
  }

  .contact-panel-topline{
    font-size:.66rem;
    gap:8px;
  }

  .footer-shell{
    padding:22px !important;
    border-radius:26px !important;
  }

  .footer-top{
    gap:18px;
  }

  .whatsapp-float{
    right:14px !important;
    bottom:14px !important;
  }

  .whatsapp-float__copy{
    display:none !important;
  }

  .whatsapp-float__inner{
    padding:12px !important;
    border-radius:999px !important;
  }
}

@media (max-width: 390px){
  .container{
    width:min(100% - 20px, var(--container));
  }

  h1,
  .hero-copy h1,
  .supply-copy h1,
  .services-copy h2,
  .section-head h2,
  .split-copy h2,
  .contact-copy h2{
    font-size:clamp(1.85rem, 10.5vw, 2.55rem) !important;
  }

  .service-card,
  .product-body,
  .supply-categories article,
  .contact-card{
    padding:16px !important;
  }

  .service-media,
  .product-card figure{
    height:138px !important;
  }

  .supply-main-photo{
    height:210px !important;
  }
}


/* ===== INSUMOS — COTIZACIÓN PRÓXIMAMENTE V68 ===== */
.btn-disabled,
.product-disabled-action{
  cursor:not-allowed;
  user-select:none;
  pointer-events:none;
  opacity:.78;
}

.product-disabled-action{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:16px;
  color:#ffe0b5;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.01em;
}

.product-disabled-action::after{
  content:"⏳";
  color:var(--accent-soft);
  font-size:1rem;
}

.page-insumos .product-status{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.10);
  color:#dce7f6;
}


/* ===== CONTACTO — SOLO WHATSAPP Y CORREO V69 ===== */
.page-contacto .contact-cards{
  grid-template-columns:1fr;
}

.page-contacto .contact-card strong{
  overflow-wrap:anywhere;
}

@media (min-width:861px){
  .page-contacto .contact-card{
    min-height:132px;
  }
}


/* ===== FIX MOBILE INICIO + CAPACIDADES V70 ===== */
@media (max-width: 860px){
  /* INICIO */
  .hero,
  .hero .container,
  .hero-grid,
  .hero-copy,
  .hero-panel{
    max-width:100%;
    min-width:0;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
  }

  .hero-copy{
    padding-right:0 !important;
  }

  .hero-copy h1{
    max-width:100% !important;
    width:100% !important;
    font-size:clamp(2.35rem, 11vw, 4rem) !important;
    line-height:.96 !important;
    letter-spacing:-.065em !important;
    overflow-wrap:break-word !important;
  }

  .hero-copy p{
    max-width:100% !important;
  }

  .hero-actions,
  .hero-meta,
  .hero-tags{
    max-width:100%;
    flex-wrap:wrap !important;
  }

  .hero-panel{
    width:100% !important;
    margin:0 !important;
  }

  /* CAPACIDADES */
  .capabilities-intro{
    grid-template-columns:1fr !important;
    gap:20px !important;
    align-items:start !important;
    max-width:100%;
  }

  .capabilities-copy,
  .capabilities-visual,
  .capabilities-photo{
    max-width:100%;
    min-width:0;
  }

  .capabilities-copy h1,
  .capabilities-copy h2,
  .capabilities .section-head h2{
    max-width:100% !important;
    width:100% !important;
    overflow-wrap:break-word !important;
  }

  .capabilities-mini-pills{
    max-width:100%;
  }

  .capabilities-mini-pills span{
    max-width:100%;
    white-space:normal !important;
  }
}

@media (max-width: 560px){
  /* INICIO — BLOQUE SUPERIOR CONTROLADO */
  .hero{
    padding-top:104px !important;
    padding-bottom:64px !important;
    overflow:hidden !important;
  }

  .hero-grid{
    gap:18px !important;
  }

  .hero-copy h1{
    font-size:clamp(2.1rem, 12vw, 3.05rem) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
    margin-bottom:18px !important;
  }

  .hero-copy p{
    font-size:.96rem !important;
    line-height:1.6 !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-meta,
  .hero-tags{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero-meta > *,
  .hero-tags > *{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-panel{
    padding:18px !important;
    border-radius:24px !important;
  }

  .hero-panel,
  .glass-card,
  .metric-card{
    transform:none !important;
  }

  /* Evita que carrusel/fondos del inicio desborden en celular */
  .axenor-photo-carousel,
  .axenor-photo-slide,
  .hero::before,
  .hero::after{
    max-width:100vw !important;
    overflow:hidden !important;
  }

  /* CAPACIDADES — PARTE SUPERIOR CONTROLADA */
  .capabilities{
    overflow:hidden !important;
  }

  .capabilities-intro{
    padding:18px !important;
    border-radius:26px !important;
    gap:18px !important;
  }

  .capabilities-copy h1,
  .capabilities-copy h2,
  .capabilities .section-head h2{
    font-size:clamp(2rem, 11vw, 2.9rem) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
    max-width:100% !important;
  }

  .capabilities-copy p{
    font-size:.96rem !important;
    line-height:1.62 !important;
    max-width:100% !important;
  }

  .capabilities-mini-pills{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .capabilities-mini-pills span{
    width:100% !important;
    display:block !important;
    text-align:left !important;
  }

  .capabilities-visual{
    min-height:auto !important;
    width:100% !important;
  }

  .capabilities-photo{
    height:220px !important;
    width:100% !important;
    border-radius:22px !important;
  }

  .capabilities-float{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:14px !important;
    border-radius:20px !important;
  }

  .capabilities-grid,
  .capability-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 390px){
  .hero-copy h1,
  .capabilities-copy h1,
  .capabilities-copy h2,
  .capabilities .section-head h2{
    font-size:clamp(1.85rem, 10.5vw, 2.55rem) !important;
  }

  .capabilities-photo{
    height:200px !important;
  }
}


/* ===== AXENOR10 — MENÚ MÓVIL + AXENOR IA CORE REAL FIX ===== */
@media (max-width: 900px){
  html, body{max-width:100%; overflow-x:hidden;}
  body.menu-open{overflow:hidden;}

  /* Menú móvil real */
  .menu-toggle{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    z-index:1002 !important;
  }

  .nav-bar{
    position:relative !important;
  }

  .nav{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    left:0 !important;
    right:0 !important;
    z-index:1001 !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-height:calc(100vh - 110px) !important;
    overflow-y:auto !important;
    padding:14px !important;
    border-radius:24px !important;
    background:rgba(7,17,31,.98) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.42) !important;
    backdrop-filter:blur(18px) !important;
  }

  .nav.nav-open{
    display:grid !important;
  }

  .nav a,
  .nav .btn,
  .nav a[href="index.html"]{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }

  .nav a:not(.btn){
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,255,255,.07) !important;
  }

  .nav a:not(.btn)::after{display:none !important;}
  .nav .nav-cta{justify-content:center !important; margin-top:4px !important;}

  /* Inicio / AXENOR IA CORE: contenedor sin desbordes */
  .page-inicio .hero,
  .page-inicio .hero-home,
  .page-inicio main,
  .page-inicio .site-shell{
    overflow-x:hidden !important;
  }

  .page-inicio .hero .container,
  .page-inicio .hero-grid,
  .page-inicio .hero-copy,
  .page-inicio .hero-visual,
  .page-inicio .hero-command{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .page-inicio .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    align-items:start !important;
  }

  .page-inicio .hero-command{
    padding:16px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    transform:none !important;
  }

  .page-inicio .command-topline{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    text-align:left !important;
  }

  .page-inicio .command-layout,
  .page-inicio .command-footer,
  .page-inicio .command-stack{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    box-sizing:border-box !important;
  }

  .page-inicio .command-layout > *,
  .page-inicio .command-footer > *,
  .page-inicio .command-stack > *,
  .page-inicio .signal-card,
  .page-inicio .command-module,
  .page-inicio .core-stage{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    transform:none !important;
    left:auto !important;
    right:auto !important;
  }

  /* El núcleo central deja de usar elementos absolutos que se montaban en celular */
  .page-inicio .core-stage{
    min-height:auto !important;
    padding:18px !important;
    border-radius:22px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    place-items:stretch !important;
  }

  .page-inicio .core-rings,
  .page-inicio .core-grid{
    display:none !important;
  }

  .page-inicio .core-center{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:112px !important;
    border-radius:22px !important;
    padding:18px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .page-inicio .core-center span{
    max-width:none !important;
  }

  .page-inicio .orbit-tag,
  .page-inicio .orbit-1,
  .page-inicio .orbit-2,
  .page-inicio .orbit-3,
  .page-inicio .orbit-4{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-height:42px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
  }

  .page-inicio .signal-card,
  .page-inicio .command-module{
    padding:14px !important;
    border-radius:18px !important;
  }
}

@media (max-width: 420px){
  .page-inicio .hero .container{width:calc(100% - 22px) !important;}
  .page-inicio .hero-command{padding:14px !important; border-radius:22px !important;}
  .page-inicio .core-stage{padding:14px !important;}
  .page-inicio .core-center{min-height:104px !important; padding:16px !important;}
  .page-inicio .core-center strong{font-size:1.22rem !important;}
}


/* ===== SEO SEMÁNTICO AXENOR — H1 sin cambios visuales ===== */
h1.seo-page-h1{
  font-size:clamp(2.4rem,3.9vw,3.6rem);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 18px;
  max-width:14ch;
}
.page-contacto .contact-copy h1.seo-page-h1{
  max-width:13ch;
}
@media (max-width:640px){
  h1.seo-page-h1{
    max-width:100% !important;
    font-size:clamp(2rem,11vw,3rem) !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
    overflow-wrap:break-word;
  }
}
@media (max-width:560px){
  .page-capacidades .capabilities-copy h1.seo-page-h1{
    font-size:clamp(2rem,11vw,2.9rem) !important;
  }
}
@media (max-width:390px){
  h1.seo-page-h1{
    font-size:clamp(1.85rem,10.5vw,2.55rem) !important;
  }
}