*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#080808;--red:#CC2200;--red-dark:#991a00;
  --white:#F2F0EB;--g900:#111111;--g850:#161616;--g800:#1C1C1C;
  --g700:#272727;--g600:#363636;--g500:#4A4A4A;--g400:#666;
  --g300:#888;--g200:#AAAAAA;
  --fn:'Bebas Neue',sans-serif;--fs:'Syne',sans-serif;--fb:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
*{cursor:crosshair}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2.5rem;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(8,8,8,0.95);backdrop-filter:blur(20px)}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo img{height:52px;width:auto;mix-blend-mode:screen}
.nav-center{display:flex;gap:2.5rem;list-style:none}
.nav-center a{font-size:.7rem;font-weight:500;letter-spacing:.12em;color:var(--g300);text-decoration:none;text-transform:uppercase;transition:color .2s}
.nav-center a:hover{color:var(--white)}
.nav-right{display:flex;align-items:center;gap:1rem}
.nav-pill{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g500);border:1px solid var(--g700);padding:.3rem .75rem}
.nav-cta{background:var(--red);color:var(--white);padding:.5rem 1.3rem;font-family:var(--fs);font-weight:700;font-size:.72rem;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;transition:background .2s}
.nav-cta:hover{background:var(--red-dark)}

/* HERO */
#hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4.5rem}
#hero::before{content:'';position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.07) 2px,rgba(0,0,0,0.07) 4px);pointer-events:none}
.hero-bg-img{position:absolute;inset:0;background-image:url('assets/img/img-01.jpg');background-size:cover;background-position:center;z-index:0}
.hero-bg-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,8,8,0.45) 0%,rgba(8,8,8,0.7) 60%,rgba(8,8,8,0.95) 100%)}
.hero-deg{position:absolute;inset:0;z-index:0;background-image:url('assets/img/img-02.jpg');background-size:cover;background-position:top right;opacity:.5;mix-blend-mode:screen}
.hero-inner{position:relative;z-index:3;padding:0 2.5rem 0 3.5rem;max-width:1400px;margin:0 auto;width:100%}
.hero-eyebrow{font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--g400);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}
.hero-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--red)}
.hero-eyebrow .sep{color:var(--g700);margin:0 .25rem}
.hero-h1{font-family:var(--fn);font-size:clamp(5rem,14.5vw,15rem);line-height:.87;letter-spacing:.01em;color:var(--white);margin-bottom:1.5rem}
.hero-h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(242,240,235,0.18)}
.hero-h1 .red{color:var(--red)}
.hero-divider{width:100%;height:1px;background:linear-gradient(to right,var(--red) 60px,rgba(255,255,255,0.08) 60px);margin-bottom:2rem}
.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end}
.hero-sub{font-size:1rem;color:var(--g300);font-weight:300;line-height:1.8;max-width:480px}
.hero-sub strong{color:var(--white);font-weight:500}
.hero-sub .tagline{display:block;margin-top:1rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.hero-ctas{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.hero-badge{position:absolute;top:5.5rem;right:2.5rem;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}
.badge-item{font-family:var(--fn);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g600);border-right:1px solid var(--red);padding-right:.6rem}
.badge-item.active{color:var(--red)}

/* BUTTONS */
.btn-primary{display:inline-block;background:var(--red);color:var(--white);padding:.9rem 2.2rem;font-family:var(--fs);font-weight:700;font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;transition:background .2s}
.btn-primary:hover{background:var(--red-dark)}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--g300);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:color .2s}
.btn-secondary:hover{color:var(--white)}
.btn-secondary::before{content:'';display:block;width:16px;height:1px;background:currentColor;transition:width .2s}
.btn-secondary:hover::before{width:24px}
.btn-ghost-red{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--red);text-decoration:none;font-weight:600;letter-spacing:.05em;transition:gap .2s}
.btn-ghost-red:hover{gap:.7rem}
.btn-wa{display:inline-flex;align-items:center;gap:.75rem;background:#25D366;color:#fff;padding:.9rem 2.2rem;font-family:var(--fs);font-weight:700;font-size:.85rem;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;transition:background .2s}
.btn-wa:hover{background:#1da851}
.btn-wa svg{width:22px;height:22px;flex-shrink:0}

/* TICKER */
.ticker{overflow:hidden;border-top:1px solid var(--g800);border-bottom:1px solid var(--g800);padding:.6rem 0;background:var(--g900)}
.t-track{display:flex;width:max-content;animation:tick 38s linear infinite}
.t-track:hover{animation-play-state:paused}
.t-item{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--g400);white-space:nowrap;padding:0 2.5rem;display:flex;align-items:center;gap:2.5rem}
.t-item.red{color:var(--red)}
.t-item::after{content:'◆';font-size:.35rem;color:var(--g700)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* UTILS */
.sec{padding:7rem 2.5rem}
.wrap{max-width:1200px;margin:0 auto}
.eyebrow{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--red);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.eyebrow::before{content:'';display:block;width:18px;height:1px;background:var(--red)}
.h2{font-family:var(--fn);font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:.9;letter-spacing:.02em;color:var(--white);margin-bottom:1.5rem}
.h2 .r{color:var(--red)}
.h2 .outline{color:transparent;-webkit-text-stroke:1px rgba(242,240,235,.2)}
.body-text{font-size:.92rem;color:var(--g300);line-height:1.82;font-weight:300}
.body-text strong{color:var(--white);font-weight:500}
.body-text em{color:var(--red);font-style:normal}

/* SEPARADORES DE IMAGEN — sin texto encima, standalone */
.img-sep{width:100%;display:block;border-top:1px solid var(--g800);border-bottom:1px solid var(--g800)}

/* STATEMENT */
#statement{position:relative;overflow:hidden;padding:5rem 2.5rem}
.statement-bg{position:absolute;inset:0;background-image:url('assets/img/img-03.jpg');background-size:cover;background-position:center;opacity:.35}
.statement-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:2}
.statement-quote{font-family:var(--fn);font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:.02em;color:var(--white);border-left:3px solid var(--red);padding-left:1.5rem}
.statement-quote .r{color:var(--red)}
.s-para{font-size:.9rem;color:var(--g300);line-height:1.8;font-weight:300}
.s-para strong{color:var(--white);font-weight:500}
.s-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.s-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .65rem;border:1px solid var(--g700);color:var(--g500);transition:all .2s}
.s-tag:hover{border-color:var(--red);color:var(--red)}

/* PROBLEMA */
#problema{border-top:1px solid var(--g800);border-bottom:1px solid var(--g800);position:relative;overflow:hidden}
.prob-bg{position:absolute;inset:0;background-image:url('assets/img/img-04.jpg');background-size:cover;background-position:center;opacity:.3}
.prob-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;position:relative;z-index:2}
.prob-items{list-style:none;margin-top:.5rem}
.p-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:.88rem;color:var(--g300);font-weight:300;line-height:1.6;transition:color .2s}
.p-item:first-child{border-top:1px solid rgba(255,255,255,0.04)}
.p-item:hover{color:var(--white)}
.p-n{font-family:var(--fn);font-size:.7rem;color:var(--red);min-width:20px;padding-top:1px}
.prob-verdict{margin-top:2rem;padding:1.75rem;background:rgba(204,34,0,0.04);border:1px solid rgba(204,34,0,0.15);border-left:3px solid var(--red)}
.prob-verdict p{font-size:.88rem;color:var(--g300);line-height:1.75}
.prob-verdict strong{color:var(--white);font-weight:500}

/* DIFERENCIADOR */
#dif{background:var(--black);border-top:1px solid var(--g800)}
.dif-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.three-pillars{list-style:none;margin-top:1.5rem}
.pillar{display:flex;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.pillar:first-child{border-top:1px solid rgba(255,255,255,0.05)}
.pillar-n{font-family:var(--fn);font-size:3.5rem;line-height:1;color:var(--g800);-webkit-text-stroke:1px var(--g700);min-width:3.5rem}
.pillar-title{font-family:var(--fs);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.4rem}
.pillar-text{font-size:.82rem;color:var(--g400);font-weight:300;line-height:1.65}
.manifesto-block{background:var(--g900);border:1px solid var(--g800);padding:3rem;position:relative;overflow:hidden}
.manifesto-block::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--red) 40%,transparent)}
.manifesto-title{font-family:var(--fn);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem}
.manifesto-items{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.manifesto-item{font-size:.88rem;color:var(--g300);line-height:1.65;display:flex;gap:.75rem;align-items:flex-start;font-weight:300}
.manifesto-item::before{content:'→';color:var(--red);flex-shrink:0;font-weight:700}
.manifesto-divider{height:1px;background:var(--g800);margin:1.25rem 0}
.manifesto-claim{font-family:var(--fn);font-size:clamp(1.2rem,2.5vw,2rem);color:var(--g700);line-height:1.1;letter-spacing:.02em;-webkit-text-stroke:.5px var(--g700)}

/* SERVICIOS */
#servicios{background:var(--g850);border-top:1px solid var(--g800)}
.svc-header{margin-bottom:3.5rem}
.svc-mastergrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--g800);border:1px solid var(--g800)}
.svc-card{background:var(--black);padding:3rem 2.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.8rem;transition:background .3s}
.svc-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:width .3s}
.svc-card:hover{background:var(--g900)}
.svc-card:hover::after,.svc-card.hero-svc::after{width:2px}
.svc-card.hero-svc{background:var(--g900)}
.svc-top-bar{position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .3s}
.svc-card:hover .svc-top-bar,.svc-card.hero-svc .svc-top-bar{background:var(--red)}
.svc-kicker{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g500);display:flex;align-items:center;gap:.5rem}
.svc-kicker .badge{background:var(--red);color:var(--white);font-size:.55rem;padding:.15rem .4rem}
.svc-kicker .soon-badge{background:transparent;color:var(--g600);border:1px solid var(--g700);font-size:.55rem;padding:.15rem .4rem;display:flex;align-items:center;gap:.3rem}
.soon-dot{width:5px;height:5px;border-radius:50%;background:var(--g600);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.svc-num{font-family:var(--fn);font-size:4rem;color:var(--g800);line-height:1;-webkit-text-stroke:.5px var(--g700)}
.svc-title{font-family:var(--fs);font-size:1.3rem;font-weight:700;color:var(--white);line-height:1.2}
.svc-tagline{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--red);text-transform:uppercase}
.svc-desc{font-size:.85rem;color:var(--g400);line-height:1.72;font-weight:300;flex:1}
.svc-list{list-style:none;margin-top:.25rem;display:flex;flex-direction:column;gap:.35rem}
.svc-list li{font-size:.78rem;color:var(--g300);display:flex;gap:.5rem;align-items:flex-start}
.svc-list li::before{content:'◆';color:var(--g700);font-size:.4rem;padding-top:4px;flex-shrink:0}
.svc-subclaim{font-family:var(--fn);font-size:clamp(1rem,1.8vw,1.5rem);letter-spacing:.03em;color:var(--g600);-webkit-text-stroke:.5px var(--g600);border-top:1px solid var(--g800);padding-top:.75rem;margin-top:.25rem}
.svc-card.cs .svc-title{color:var(--g500)}
.svc-card.cs .svc-desc{color:var(--g700)}
.svc-card.cs .svc-list li{color:var(--g700)}
.svc-card.cs .svc-list li::before{color:var(--g800)}

/* PROCESO */
#proceso{background:var(--black);border-top:1px solid var(--g800)}
.proceso-intro{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-bottom:4rem;align-items:end}
.pasos-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--g800);counter-reset:paso}
.paso{padding:2rem 1.5rem 2rem 1.5rem;border-right:1px solid var(--g800);position:relative;display:flex;flex-direction:column;gap:.5rem;transition:background .3s}
.paso:last-child{border-right:none}
.paso:hover{background:var(--g900)}
.paso-corner-num{font-family:var(--fn);font-size:5.5rem;color:var(--g800);line-height:1;-webkit-text-stroke:.5px var(--g700);display:block;margin-bottom:.5rem;pointer-events:none}
.paso-marker{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem}
.paso-title{font-family:var(--fs);font-size:.92rem;font-weight:700;color:var(--white);margin-bottom:.5rem;line-height:1.3}
.paso-text{font-size:.77rem;color:var(--g400);font-weight:300;line-height:1.6}

/* CASOS */
#casos{border-top:1px solid var(--g800);position:relative;overflow:hidden}
.casos-bg{position:absolute;inset:0;background-image:url('assets/img/img-03.jpg');background-size:cover;background-position:center;opacity:.2}
.casos-intro{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-bottom:4rem;align-items:end;position:relative;z-index:2}
.casos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--g800);border:1px solid var(--g800);position:relative;z-index:2}
.caso{background:rgba(17,17,17,0.9);padding:2rem 1.5rem;transition:background .25s}
.caso:hover{background:rgba(22,22,22,0.95)}
.caso-type{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem}
.caso-type::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--red);flex-shrink:0}
.caso-title{font-family:var(--fs);font-size:.95rem;font-weight:700;color:var(--white);margin-bottom:.4rem;line-height:1.3}
.caso-desc{font-size:.77rem;color:var(--g500);font-weight:300;line-height:1.58}

/* NEURAL */
#neural{background:var(--black);border-top:1px solid var(--g800)}
.neural-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.neural-soon{display:inline-flex;align-items:center;gap:.6rem;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g500);border:1px solid var(--g700);padding:.35rem .8rem;margin-bottom:1.5rem}
.neural-soon .dot{width:7px;height:7px;border-radius:50%;background:transparent;border:1px solid var(--g600);animation:blink 2s infinite}
.neural-features{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.neural-features li{font-size:.83rem;color:var(--g500);display:flex;gap:.75rem;font-weight:300;line-height:1.55}
.neural-features li::before{content:'◆';font-size:.38rem;color:var(--g700);padding-top:4px;flex-shrink:0}
.neural-right{padding:3rem;background:var(--g900);border:1px solid var(--g800);position:relative;overflow:hidden}
.neural-right::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--g700),transparent)}
.neural-big{font-family:var(--fn);font-size:clamp(3rem,6vw,6rem);color:var(--g800);line-height:.9;letter-spacing:.02em;-webkit-text-stroke:.5px var(--g700);margin-bottom:2rem}
.neural-sub{font-size:.82rem;color:var(--g600);line-height:1.7;margin-bottom:1.5rem}

/* CREATIVOS */
#creativos{background:var(--black);border-top:1px solid var(--g800);padding:8rem 2.5rem;position:relative;overflow:hidden}
#creativos::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(204,34,0,0.012) 3px,rgba(204,34,0,0.012) 4px);pointer-events:none}
.creativos-bg{position:absolute;inset:0;background-image:url('assets/img/img-05.jpg');background-size:cover;background-position:center;opacity:.12}
.creativos-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.creativos-pre{font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--g700);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}
.creativos-pre::before{content:'';display:block;width:28px;height:1px;background:var(--g700)}
.creativos-pre .blink{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.2s step-end infinite}
.creativos-h{font-family:var(--fn);font-size:clamp(4rem,10vw,10rem);line-height:.88;letter-spacing:.01em;color:var(--g800);-webkit-text-stroke:1px var(--g700);margin-bottom:2.5rem}
.creativos-h .reveal{color:var(--white);-webkit-text-stroke:0;animation:flicker 4s infinite}
.creativos-h .r{color:var(--red);-webkit-text-stroke:0}
@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,100%{opacity:1}20%,24%,55%{opacity:.4}}
.creativos-body{max-width:520px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}
.creativos-line{font-size:1.05rem;color:var(--g300);font-weight:300;line-height:1.7}
.creativos-line strong{color:var(--white);font-weight:500}
.creativos-line.dim{color:var(--g600);font-size:.9rem}
.creativos-cta-wrap{display:flex;align-items:center;gap:1.5rem}
.btn-signal{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--fn);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--white);text-decoration:none;border:1px solid var(--g700);padding:.8rem 1.8rem;transition:all .3s;position:relative;overflow:hidden;z-index:0}
.btn-signal::before{content:'';position:absolute;inset:0;background:var(--red);transform:translateX(-100%);transition:transform .3s;z-index:-1}
.btn-signal:hover{border-color:var(--red)}
.btn-signal:hover::before{transform:translateX(0)}
.btn-signal .arrow{transition:transform .3s}
.btn-signal:hover .arrow{transform:translateX(4px)}
.creativos-microcopy{font-size:.68rem;color:var(--g700);letter-spacing:.08em;text-transform:uppercase}
.social-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g600);text-decoration:none;border:1px solid var(--g800);padding:.3rem .75rem;transition:all .2s}
.social-badge:hover{border-color:var(--red);color:var(--red)}
.social-badge::before{content:'@';color:var(--red)}
.creativos-ambient{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);font-family:var(--fn);font-size:clamp(5rem,12vw,14rem);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.03);line-height:1;pointer-events:none;text-align:right}

/* CTA FINAL */
#cta-final{position:relative;overflow:hidden;padding:8rem 2.5rem}
.cta-bg{position:absolute;inset:0;background-image:url('assets/img/img-06.jpg');background-size:cover;background-position:center}
.cta-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,8,0.92) 0%,rgba(8,8,8,0.75) 100%)}
#cta-final::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--red) 200px,rgba(255,255,255,0.05) 200px);z-index:2}
.cta-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:6rem;align-items:end;position:relative;z-index:2}
.cta-h{font-family:var(--fn);font-size:clamp(3rem,9vw,10rem);line-height:.88;color:var(--white);letter-spacing:.01em}
.cta-h .r{color:var(--red)}
.cta-h .ghost{color:transparent;-webkit-text-stroke:1.5px rgba(242,240,235,0.12)}
.cta-sub{font-size:.9rem;color:var(--g400);margin-top:1.5rem;max-width:440px;line-height:1.75}
.cta-right{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;flex-shrink:0}
.cta-micro{font-size:.7rem;color:var(--g600);letter-spacing:.04em}

/* FOOTER */
footer{background:var(--g900);border-top:1px solid var(--g800);padding:3.5rem 2.5rem;position:relative;overflow:hidden}
.foot-bg{position:absolute;inset:0;background-image:url('assets/img/img-04.jpg');background-size:cover;background-position:center;opacity:.15}
.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;position:relative;z-index:2}
.foot-logo-wrap{display:flex;align-items:center;margin-bottom:.5rem}
.foot-logo-img{height:56px;width:auto;mix-blend-mode:screen}
.foot-descriptor{font-size:.65rem;color:var(--g600);text-transform:uppercase;letter-spacing:.12em}
.foot-claim{font-size:.85rem;color:var(--g500);line-height:1.7;margin-top:.9rem;font-weight:300;max-width:200px}
.foot-claim strong{color:var(--g300);font-weight:500}
.foot-socials{display:flex;gap:.4rem;margin-top:1rem;flex-wrap:wrap}
.foot-social-link{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g600);text-decoration:none;border:1px solid var(--g800);padding:.25rem .6rem;transition:all .2s;display:flex;align-items:center;gap:.3rem}
.foot-social-link:hover{border-color:var(--red);color:var(--red)}
.foot-col-label{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.foot-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.foot-links a{font-size:.82rem;color:var(--g500);text-decoration:none;transition:color .2s}
.foot-links a:hover{color:var(--white)}
.foot-links .soon{font-size:.58rem;color:var(--g700);border:1px solid var(--g800);padding:.1rem .3rem;margin-left:.3rem}
.foot-bottom{max-width:1200px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--g800);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.foot-copy{font-size:.72rem;color:var(--g700)}
.foot-mark{font-family:var(--fn);font-size:.9rem;letter-spacing:.1em;color:var(--g800)}

/* MOBILE */
@media(max-width:960px){
  nav{padding:.9rem 1.25rem}.nav-center,.nav-pill{display:none}
  .sec{padding:4.5rem 1.25rem}
  #statement,#cta-final,#creativos{padding:4rem 1.25rem}
  .hero-inner{padding:0 1.25rem}
  .hero-h1{font-size:clamp(3.8rem,18vw,5.5rem)}
  .hero-badge{display:none}
  .hero-bottom,.statement-inner,.prob-layout,.dif-layout,.proceso-intro,.casos-intro,.neural-layout,.cta-layout{grid-template-columns:1fr;gap:2.5rem}
  .svc-mastergrid,.casos-grid{grid-template-columns:1fr}
  .pasos-rail{grid-template-columns:1fr}
  .paso{border-right:none;border-bottom:1px solid var(--g800)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .creativos-ambient{display:none}
}