/* Sistema visual tomado de dinvent.tech (Elementor) — paleta, tipografia y ritmo actuales */
:root{
  --petrol:#23404B;        /* footer y secciones oscuras */
  --petrol-deep:#1B323B;
  --navy-a:#102A45;        /* banda CTA */
  --navy-b:#1B4A73;
  --teal:#22707E;          /* boton del header */
  --gold:#C19A6B;          /* acento: subrayados, H2, botones */
  --gold-dark:#A9834F;
  --ink:#333B40;           /* titulos */
  --body:#4F5A61;          /* texto */
  --muted:#7A868D;
  --grey:#EFEFEF;          /* seccion alterna */
  --line:#DFE3E5;
  --white:#fff;
  --font:"Poppins",system-ui,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--body);font-family:var(--font);
  font-weight:400;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;width:100%}
img{max-width:100%;display:block}

h1,h2,h3{font-family:var(--font);color:var(--ink);margin:0 0 18px;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(32px,4.6vw,52px);line-height:1.14;max-width:18ch}
h2{font-size:clamp(26px,3.2vw,40px);line-height:1.18;max-width:20ch}
h3{font-size:18px;line-height:1.35;margin-bottom:10px}
p{margin:0 0 18px;max-width:64ch}
strong{color:var(--ink);font-weight:600}
.lead{font-size:18px;max-width:58ch}

/* eyebrow: mayusculas espaciadas + subrayado dorado corto */
.eyebrow{display:block;font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);margin:0 0 20px;position:relative;padding-bottom:12px}
.eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;background:var(--gold)}
.center .eyebrow::after{left:50%;transform:translateX(-50%)}
.center{text-align:center}
.center h1,.center h2,.center p{margin-left:auto;margin-right:auto}
.gold{color:var(--gold)}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:var(--petrol);border-bottom:1px solid rgba(255,255,255,.08)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.logo,.brandmark{background:url("data:image/png;base64,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") no-repeat center/contain;
  display:block;text-indent:-9999px;overflow:hidden;white-space:nowrap}
.logo{width:132px;height:34px;text-decoration:none;flex:none}
.brandmark{width:180px;height:46px}
.nav-links{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:15px;align-items:center}
.nav-links a{color:rgba(255,255,255,.88);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current="page"]{color:var(--gold)}
.lang{border:1px solid rgba(255,255,255,.35);padding:5px 11px;font-size:13px;letter-spacing:.08em}
.nav-cta{background:var(--teal);color:#fff!important;padding:11px 22px;border-radius:4px}
.nav-cta:hover{background:var(--gold)}

/* ---------- hero ---------- */
.hero{position:relative;display:flex;align-items:center;min-height:440px;padding:96px 0;
  background:linear-gradient(135deg,var(--petrol-deep),var(--petrol));overflow:hidden}
.hero.tall{min-height:76vh}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(21,42,51,.92) 0%,rgba(21,42,51,.72) 52%,rgba(21,42,51,.5) 100%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{color:#fff;max-width:19ch}
.hero p{color:rgba(255,255,255,.85);font-size:17.5px;max-width:52ch;margin-bottom:16px}
.hero p+p{margin-bottom:26px}
.hero h1{margin-bottom:24px}
.hero .eyebrow{color:rgba(255,255,255,.72)}
/* variantes por disciplina: mismo azul petroleo, distinta textura de nodos */
.hero--pipe .hero-bg{background-image:linear-gradient(120deg,#14313C,#265866)}
.hero--frame .hero-bg{background-image:linear-gradient(120deg,#16343F,#20495A)}
.hero--mesh .hero-bg{background-image:linear-gradient(120deg,#132E3A,#2A5A64)}
.hero--flow .hero-bg{background-image:linear-gradient(120deg,#122C3E,#1E4C6B)}
.hero--signal .hero-bg{background-image:linear-gradient(120deg,#17363F,#28616B)}
.hero--grid .hero-bg{background-image:url("https://dinvent.tech/wp-content/uploads/2024/05/2149057698-1024x683.webp")}
.hero-net{position:absolute;inset:0;z-index:1;opacity:.5}

/* ---------- botones ---------- */
.btn{display:inline-block;font-size:15px;font-weight:500;text-decoration:none;
  padding:13px 30px;border-radius:4px;transition:background .2s,color .2s,border-color .2s;
  background:var(--gold);color:#fff;border:1px solid var(--gold)}
.btn:hover,.btn:focus-visible{background:var(--gold-dark);border-color:var(--gold-dark)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-ghost:hover,.btn-ghost:focus-visible{background:#fff;color:var(--ink);border-color:#fff}
.btn-solid{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ---------- franja de cifras ---------- */
.specs{background:var(--white);border-bottom:1px solid var(--line)}
.specs .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding-top:16px;padding-bottom:16px}
.spec{padding:40px 20px;text-align:center;position:relative}
.spec+.spec::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:56px;background:var(--line)}
.spec-n{font-size:clamp(34px,3.8vw,46px);font-weight:700;color:var(--gold);line-height:1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.spec small{display:block;margin-top:12px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);line-height:1.5}

/* ---------- secciones ---------- */
section{padding:92px 0}
.alt{background:var(--grey)}
.feature{background:var(--petrol)}
.feature h2,.feature h3{color:#fff}
.feature p{color:rgba(255,255,255,.8)}
.feature .eyebrow{color:rgba(255,255,255,.66)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}

/* ---------- tarjetas ---------- */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:30px 28px;
  box-shadow:0 1px 3px rgba(35,64,75,.05)}
.card p{margin:0;font-size:15px;line-height:1.65}
a.card{text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}
a.card p{color:var(--body)}
a.card h3{color:var(--ink)}
a.card:hover,a.card:focus-visible{box-shadow:0 10px 26px rgba(35,64,75,.12);transform:translateY(-3px);
  border-color:var(--gold)}
.card .kicker{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;font-weight:500}
.alt .card{background:var(--white)}
.feature .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.feature .card p{color:rgba(255,255,255,.78)}

/* ---------- listas ---------- */
.caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.caps li{padding:14px 0 14px 18px;border-bottom:1px solid var(--line);font-size:15.5px;
  border-left:2px solid transparent}
.caps li::marker{content:""}
.caps li{position:relative}
.caps li::before{content:"";position:absolute;left:0;top:21px;width:7px;height:1px;background:var(--gold)}
.feature .caps li{border-bottom-color:rgba(255,255,255,.14);color:rgba(255,255,255,.88)}
.codes{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.codes li{font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);
  border-radius:3px;padding:9px 16px;color:var(--body);background:var(--white)}
.feature .codes li{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.86);background:transparent}

/* ---------- proceso ---------- */
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:48px 1fr 230px;gap:24px;align-items:baseline;
  padding:20px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps .n{font-weight:700;color:var(--gold);font-size:15px}
.steps p{margin:0;font-size:15px;line-height:1.6}
.steps .gate{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.55}

/* ---------- caso ---------- */
.case-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.bigstat{font-size:clamp(64px,10vw,124px);font-weight:700;line-height:.9;color:var(--gold);margin:0;letter-spacing:-.03em}
.bigstat small{display:block;font-size:13.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);line-height:1.65;margin-top:18px;max-width:28ch}
.factlist{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--line)}
.factlist li{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:13px 0;
  border-bottom:1px solid var(--line);font-size:15.5px}
.factlist b{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.prose h3{margin-top:34px;color:var(--ink)}
.prose ul{padding-left:20px;max-width:64ch}
.prose li{margin-bottom:7px}

/* ---------- banda CTA ---------- */
.cta{position:relative;text-align:center;padding:96px 0;overflow:hidden;
  background:linear-gradient(120deg,var(--navy-a),var(--navy-b))}
.cta .wrap{position:relative;z-index:2}
.cta h2{color:#fff;margin-left:auto;margin-right:auto;max-width:22ch}
.cta p{color:rgba(255,255,255,.82);margin-left:auto;margin-right:auto;margin-bottom:30px}
.cta-net{position:absolute;inset:0;z-index:1;opacity:.55}

/* ---------- formulario ---------- */
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:740px;margin-top:32px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
input,textarea,select{background:var(--white);border:1px solid var(--line);border-radius:4px;
  color:var(--ink);padding:13px 15px;font-family:var(--font);font-size:15.5px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}
textarea{min-height:130px;resize:vertical}

/* ---------- footer ---------- */
footer{background:var(--petrol);color:rgba(255,255,255,.82);padding:64px 0 34px}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.fgrid h3{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);
  margin-bottom:14px;font-weight:500}
.fgrid p,.fgrid a{font-size:15px;color:rgba(255,255,255,.85);margin:0 0 7px;text-decoration:none;display:block}
.fgrid a:hover{color:var(--gold)}
.legal{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13px;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}

a:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media (max-width:900px){
  .wrap{padding:0 20px}
  section{padding:64px 0}
  .split,.case-inner{grid-template-columns:1fr;gap:34px}
  .specs .wrap{grid-template-columns:repeat(2,1fr);padding-top:8px;padding-bottom:8px}
  .spec{padding:28px 12px}
  .spec:nth-child(2n+1)::before{display:none}
  .spec:nth-child(n+3){border-top:1px solid var(--line)}
  .spec:nth-child(5){grid-column:1 / -1}
  .cards,.cards.three,.caps,.form{grid-template-columns:1fr}
  .steps li{grid-template-columns:34px 1fr;gap:12px}
  .steps .gate{grid-column:2}
  .factlist li{grid-template-columns:1fr;gap:2px}
  .fgrid{grid-template-columns:repeat(2,1fr)}
  .nav-links li:not(.lang-item):not(.cta-item){display:none}
  .hero{min-height:auto;padding:70px 0}
  .hero.tall{min-height:auto}
}

/* ---------- banner de clientes ---------- */
.clients{padding:74px 0;background:var(--white);border-bottom:1px solid var(--line)}
.clients h2{margin-bottom:36px;max-width:30ch}
.client-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;gap:22px 34px}
.client-row li{display:flex;align-items:center;justify-content:center;
  width:150px;height:62px;flex:none}
.client-row img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  opacity:.58;transition:opacity .2s}
.client-row li:hover img{opacity:1}

/* ---------- footer: marca arriba ---------- */
.fbrand{display:flex;flex-direction:column;gap:14px;margin-bottom:44px;
  padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.fbrand .brandmark{margin-bottom:4px}
.fbrand p{margin:0;font-style:italic;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
@media (max-width:900px){
  .client-row{gap:16px 20px}
  .client-row li{width:120px;height:40px}
  .client-row img{width:120px;height:40px}
}

/* ---------- mapa de presencia ---------- */
.worldmap{background:var(--petrol);padding:88px 0 40px;overflow:hidden}
.worldmap h2{color:#fff;max-width:26ch}
.worldmap p{color:rgba(255,255,255,.72);max-width:60ch}
.worldmap .eyebrow{color:rgba(255,255,255,.62)}
.map-holder{max-width:1180px;margin:18px auto 0;padding:0 24px}
.map-holder svg{width:100%;height:auto;display:block;overflow:visible}
.land path{fill:rgba(255,255,255,.10);stroke:rgba(255,255,255,.18);stroke-width:.6}
.pin circle{fill:var(--gold)}
.pin .halo{fill:var(--gold);opacity:.18}
.pin text{fill:#fff;font-family:var(--font);font-size:13px;font-weight:600}
.pin text.sub{fill:rgba(255,255,255,.55);font-size:11px;font-weight:400;letter-spacing:.06em;
  text-transform:uppercase}
.pin .leader{stroke:rgba(255,255,255,.35);stroke-width:1}
text.region{fill:rgba(255,255,255,.45);font-family:var(--font);font-size:11px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase}
@media (max-width:900px){
  .worldmap{padding:64px 0 24px}
  .map-holder{padding:0 8px}
  .pin text{font-size:20px}
  .pin text.sub{font-size:17px}
  .pin circle{r:8}
}

/* ---------- eslogan sobre el titular ---------- */
.hero .slogan{display:block;font-style:normal;font-size:17px;font-weight:500;
  color:var(--gold);margin-bottom:14px;letter-spacing:.01em}

/* ---------- grilla de cinco ---------- */
.cards.five{grid-template-columns:repeat(4,1fr);gap:18px}
.cards.five .card{padding:24px 20px}
.cards.five h3{font-size:16px}
.cards.five p{font-size:14px;line-height:1.55}

/* ---------- canales directos en contacto ---------- */
.direct{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.direct h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  margin-bottom:16px;font-weight:500}
.direct .btn{margin:0 8px 10px 0}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-line:hover,.btn-line:focus-visible{background:var(--petrol);color:#fff;border-color:var(--petrol)}

@media (max-width:1100px){
  .cards.five{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .cards.five{grid-template-columns:1fr}
  .hero .slogan{font-size:15px}
}

/* ---------- paginas de caso: imagenes ---------- */
.case-hero{margin:36px 0 8px}
.case-hero figure,.case-gallery figure{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;
  background:var(--white)}
.case-hero img{width:100%;height:auto;aspect-ratio:3/1;max-height:420px;object-fit:cover}
.case-gallery img{width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}
.case-hero:empty{display:none}
.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:34px 0 8px}
.case-gallery:empty{display:none}
@media (max-width:760px){.case-gallery{grid-template-columns:1fr}.case-hero img{aspect-ratio:2/1}}

/* ---------- renglon de contexto bajo los logos ---------- */
.client-row{gap:22px 28px}
.client-row li{width:150px;height:50px}
.client-row img{width:150px;height:50px;max-width:none;max-height:none}
.client-row li[data-logo="infa"] img{transform:scale(1.3)}
/* ---------- sectores: solo el nombre ---------- */
.sectors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.sectors li{margin:0}
.sectors a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;
  aspect-ratio:3/4;border-radius:6px;overflow:hidden;text-decoration:none;
  background:linear-gradient(160deg,var(--petrol-deep),var(--petrol));
  transition:transform .25s ease, box-shadow .25s ease}
.sectors a:hover,.sectors a:focus-visible{transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(35,64,75,.22)}
.sectors .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.sectors .sec-net{position:absolute;inset:0;width:100%;height:100%;opacity:.42;
  transition:opacity .25s ease}
.sectors a:hover .sec-net{opacity:.7}
.sectors a::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,42,51,.15) 0%,rgba(21,42,51,.82) 100%)}
.sectors .sec-icon{position:relative;z-index:2;width:56px;height:56px;color:var(--gold);opacity:.9;
  transition:transform .25s ease,opacity .25s ease}
.sectors a:hover .sec-icon{transform:translateY(-4px) scale(1.06);opacity:1}
/* entrada: los iconos caen desde arriba del rectangulo, escalonados */
.sectors .sec-icon{opacity:0;transform:translateY(-140px)}
.sectors.in .sec-icon{animation:sec-drop .9s cubic-bezier(.22,1.1,.36,1) forwards}
.sectors.in li:nth-child(2) .sec-icon{animation-delay:.12s}
.sectors.in li:nth-child(3) .sec-icon{animation-delay:.24s}
.sectors.in li:nth-child(4) .sec-icon{animation-delay:.36s}
.sectors.in li:nth-child(5) .sec-icon{animation-delay:.48s}
.sectors.in a:hover .sec-icon{animation:none;opacity:1;transform:translateY(-4px) scale(1.06)}
@keyframes sec-drop{0%{opacity:0;transform:translateY(-140px)}60%{opacity:1}100%{opacity:.9;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.sectors .sec-icon{opacity:.9;transform:none;animation:none!important}}
.sectors h3{position:relative;z-index:2;color:#fff;font-size:17px;margin:0 0 26px;
  text-align:center;padding:0 12px;letter-spacing:.02em}
.sectors h3::after{content:"";display:block;width:0;height:2px;background:var(--gold);
  margin:10px auto 0;transition:width .25s ease}
.sectors a:hover h3::after{width:34px}
@media (max-width:1100px){
  .sectors{grid-template-columns:repeat(3,1fr)}
  .sectors a{aspect-ratio:4/3}
}
@media (max-width:640px){
  .sectors{grid-template-columns:repeat(2,1fr);gap:10px}
  .sectors a{aspect-ratio:1/1}
  .sectors h3{font-size:15px;margin-bottom:18px}
  .sectors .sec-icon{width:40px;height:40px}
}

/* ---------- banner tecnico (estilo plano) ---------- */
.case-banner{margin:36px 0 8px;border-radius:6px;overflow:hidden;background:#1b303a;aspect-ratio:3/1;max-height:420px}
.case-banner svg{width:100%;height:100%;display:block;font-family:inherit}
.case-banner .ln,.case-banner .th,.case-banner .cl,.case-banner .dm,.case-banner .hz,.case-banner .ac,.case-banner .dt,.case-banner .acd{
  fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:3000;stroke-dashoffset:3000;
  animation:cb-draw 1.6s cubic-bezier(.4,0,.2,1) forwards}
.case-banner .ln{stroke:#e2ebf0;stroke-width:2.2}
.case-banner .th{stroke:rgba(226,235,240,.6);stroke-width:1.2}
.case-banner .hz{stroke:rgba(226,235,240,.35);stroke-width:1}
.case-banner .dm{stroke:rgba(226,235,240,.7);stroke-width:1}
.case-banner .dmf{fill:rgba(226,235,240,.7);opacity:0;animation:cb-in .4s 1.6s forwards}
.case-banner .ac{stroke:var(--gold);stroke-width:2}
.case-banner .fl{fill:var(--gold);opacity:0;animation:cb-in .5s 1.7s forwards}
.case-banner .mf{fill:var(--gold);opacity:0;animation:cb-mesh 1s 1.5s forwards}
.case-banner .call{opacity:0;animation:cb-in .5s forwards}
.case-banner .call path{fill:none;stroke:rgba(226,235,240,.6);stroke-width:1}
.case-banner .call circle{fill:var(--gold)}
.case-banner .call text{fill:#fff;font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.case-banner .tag{opacity:0;animation:cb-in .5s forwards}
.case-banner .tag rect{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.28)}
.case-banner .tag text{fill:#e2ebf0;font-size:18px;letter-spacing:.03em}
.case-banner .tb path{fill:none;stroke:rgba(226,235,240,.35);stroke-width:1}
.case-banner .tb text{fill:rgba(226,235,240,.6);font-size:15px;letter-spacing:.14em}
.case-banner .scan{fill:rgba(255,255,255,.12);animation:cb-scan 9s 3s linear infinite}
@keyframes cb-draw{to{stroke-dashoffset:0}}
@keyframes cb-in{to{opacity:1}}
@keyframes cb-scan{0%{transform:translateX(-10px);opacity:0}5%{opacity:1}30%{transform:translateX(1810px);opacity:1}31%{opacity:0}100%{transform:translateX(1810px);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .case-banner .ln,.case-banner .th,.case-banner .cl,.case-banner .dm,.case-banner .hz,.case-banner .ac,.case-banner .dt,.case-banner .acd{stroke-dashoffset:0;animation:none}
  .case-banner .fl,.case-banner .dmf,.case-banner .call,.case-banner .tag{opacity:1;animation:none}
  .case-banner .scan{animation:none;opacity:0}
}
@media (max-width:760px){.case-banner{aspect-ratio:2/1}.case-banner .call text{font-size:28px}.case-banner .tag text{font-size:24px}.case-banner .tb{display:none}}

.case-banner .cl{stroke:rgba(226,235,240,.5);stroke-width:1;animation:cb-draw 1.6s cubic-bezier(.4,0,.2,1) forwards,cb-cl 0s 1.8s forwards}
.case-banner .dt{stroke:rgba(226,235,240,.55);stroke-width:1.2;animation:cb-draw 1.6s cubic-bezier(.4,0,.2,1) forwards,cb-dt 0s 1.8s forwards}
.case-banner .acd{stroke:var(--gold);stroke-width:1.4;animation:cb-draw 1.6s cubic-bezier(.4,0,.2,1) forwards,cb-dt 0s 1.8s forwards}
@keyframes cb-cl{to{stroke-dasharray:24 8 3 8;stroke-dashoffset:0}}
@keyframes cb-dt{to{stroke-dasharray:6 6;stroke-dashoffset:0}}
@keyframes cb-mesh{to{opacity:var(--o,.3)}}
.case-banner .o03{--o:0.03}
.case-banner .o04{--o:0.04}
.case-banner .o05{--o:0.05}
.case-banner .o06{--o:0.06}
.case-banner .o07{--o:0.07}
.case-banner .o08{--o:0.08}
.case-banner .o09{--o:0.09}
.case-banner .o10{--o:0.10}
.case-banner .o11{--o:0.11}
.case-banner .o12{--o:0.12}
.case-banner .o13{--o:0.13}
.case-banner .o14{--o:0.14}
.case-banner .o15{--o:0.15}
.case-banner .o16{--o:0.16}
.case-banner .o17{--o:0.17}
.case-banner .o18{--o:0.18}
.case-banner .o19{--o:0.19}
.case-banner .o20{--o:0.20}
.case-banner .o21{--o:0.21}
.case-banner .o22{--o:0.22}
.case-banner .o23{--o:0.23}
.case-banner .o24{--o:0.24}
.case-banner .o25{--o:0.25}
.case-banner .o26{--o:0.26}
.case-banner .o27{--o:0.27}
.case-banner .o28{--o:0.28}
.case-banner .o29{--o:0.29}
.case-banner .o30{--o:0.30}
.case-banner .o31{--o:0.31}
.case-banner .o32{--o:0.32}
.case-banner .o33{--o:0.33}
.case-banner .o34{--o:0.34}
.case-banner .o35{--o:0.35}
.case-banner .o36{--o:0.36}
.case-banner .o37{--o:0.37}
.case-banner .o38{--o:0.38}
.case-banner .o39{--o:0.39}
.case-banner .o40{--o:0.40}
.case-banner .o41{--o:0.41}
.case-banner .o42{--o:0.42}
.case-banner .o43{--o:0.43}
.case-banner .o44{--o:0.44}
.case-banner .o45{--o:0.45}
.case-banner .o46{--o:0.46}
.case-banner .o47{--o:0.47}
.case-banner .o48{--o:0.48}
.case-banner .o49{--o:0.49}
.case-banner .o50{--o:0.50}

/* ---------- aviso de idioma (solo paginas EN, navegador en espanol) ---------- */
.langnote{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:14px;
  padding:12px 14px 12px 20px;background:var(--petrol-deep);color:#fff;border-radius:8px;box-shadow:0 12px 30px rgba(21,42,51,.35);
  font-size:15px;max-width:calc(100vw - 32px)}
.langnote[hidden]{display:none}
.langnote .btn{padding:8px 14px;font-size:14px}
.langnote button{background:none;border:0;color:rgba(255,255,255,.75);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline}
@media (max-width:600px){.langnote{flex-wrap:wrap;justify-content:center;text-align:center;bottom:12px}}

/* ---------- casos agrupados por industria ---------- */
.cases-group{max-width:none;margin:54px 0 18px;padding-top:18px;border-top:1px solid var(--line,#dfe6ea);font-size:1.15rem;display:flex;align-items:baseline;gap:14px}
.cases-group:first-of-type{margin-top:0;border-top:0;padding-top:0}
.cases-group small{white-space:nowrap;font-size:.8rem;font-weight:400;color:#6b7b85;letter-spacing:.04em}