:root{--bg:#0e1116;--bg2:#090b0e;--panel:#141a21;--panel2:#10151b;--line:#2a333f;--text:#f5f7fa;--muted:#aeb6c2;--yellow:#ffcc00;--yellow2:#ffd82f;--max:1420px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg2);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 88px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,11,14,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:82px;display:flex;align-items:center;gap:38px}.brand{display:flex;width:170px}.brand img{width:100%;height:auto;display:block}.desktop-nav{display:flex;gap:34px;margin-left:auto;font-size:13px;color:#c8ced7}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--yellow);transition:.25s}.desktop-nav a:hover:after,.desktop-nav .active:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border-radius:5px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--yellow);color:#0b0d10;box-shadow:0 8px 30px rgba(255,204,0,.1)}.button-primary:hover{background:var(--yellow2)}.button-ghost{border-color:#58616d;background:rgba(11,14,18,.5)}.nav-cta{margin-left:10px}.menu-btn,.mobile-nav{display:none}.hero{border-bottom:1px solid rgba(255,255,255,.08)}.section-grid{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:40px 40px}.hero-grid{display:grid;grid-template-columns:1.05fr 1.25fr;min-height:650px}.hero-copy{padding:92px 40px 62px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.23em;font-weight:800;color:#c4cad2;display:flex;align-items:center;gap:13px}.eyebrow span{width:24px;height:4px;background:var(--yellow);display:inline-block}.hero h1{font-size:clamp(64px,6.3vw,106px);line-height:.9;margin:24px 0 26px;letter-spacing:-.055em}.hero-copy>p{font-size:20px;max-width:590px;color:#d2d7df;margin:0}.hero-actions{display:flex;gap:14px;margin-top:34px}.hero-meta{display:flex;align-items:center;gap:17px;font-size:10px;letter-spacing:.18em;color:#87909c;margin-top:54px}.hero-meta i{display:block;width:250px;max-width:20vw;height:1px;background:#424b56}.hero-visual{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(circle at 67% 36%,rgba(255,204,0,.12),transparent 22%),linear-gradient(135deg,#161c23 0%,#0a0d11 45%,#030405 100%);border-left:1px solid rgba(255,255,255,.06)}.hero-visual:before{content:"";position:absolute;width:82%;height:82%;right:-7%;top:5%;border-radius:48% 20% 12% 45%;background:linear-gradient(145deg,#141a20 0%,#020303 55%);box-shadow:-30px 30px 90px #000;transform:skewX(-9deg)}.car-silhouette{position:absolute;inset:0}.tail-light{position:absolute;right:6%;top:39%;width:41%;height:18px;border-radius:50%;background:linear-gradient(90deg,transparent,#ff3b17 22%,#ff8b42 48%,#ff2600 72%,transparent);filter:blur(.2px);box-shadow:0 0 18px rgba(255,53,12,.5);transform:rotate(-3deg)}.tail-light-2{width:20%;right:13%;top:44%;opacity:.75}.car-line{position:absolute;border-top:2px solid rgba(255,255,255,.15);transform-origin:right}.line-a{width:55%;right:4%;top:26%;transform:rotate(13deg)}.line-b{width:45%;right:10%;top:60%;transform:rotate(-14deg)}.line-c{height:44%;right:18%;top:17%;border-left:1px solid rgba(255,255,255,.1);border-top:0}.visual-label{position:absolute;right:7%;bottom:92px;text-align:right;color:#c4cad2;font-size:10px;letter-spacing:.18em}.visual-label span{display:block;width:30px;height:4px;background:var(--yellow);margin-left:auto;margin-bottom:10px}.visual-foot{position:absolute;left:8%;bottom:28px;font-size:10px;letter-spacing:.22em;color:#737d8a}.ecosystem{padding:90px 0 96px;background:#0c0f13}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:44px}.section-head h2,.connect h2{font-size:clamp(46px,4.7vw,76px);line-height:.98;letter-spacing:-.045em;margin:18px 0 0}.section-head>p{color:#c0c7d0;font-size:18px;max-width:480px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.eco-card{position:relative;min-height:420px;border:1px solid #343e49;border-radius:8px;background:linear-gradient(180deg,#151b22,#0c1015);overflow:hidden;padding:18px 18px 22px}.card-no{position:absolute;top:18px;left:18px;z-index:3;font-size:14px}.card-art{height:180px;margin:-18px -18px 28px;background:linear-gradient(145deg,#252c33,#0a0c0f);position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,10,13,.88))}.card-art i,.engine-art:after,.team-visual:after{position:absolute;content:"";display:block}.garage i{width:70%;height:55%;border:6px solid #262d34;border-bottom:0;left:15%;top:35%;box-shadow:inset 0 0 0 2px #111}.tools i{width:150%;height:3px;background:#59606a;transform:rotate(-28deg);left:-20%;top:50%;box-shadow:0 22px 0 #242b32}.cockpit i{width:180px;height:180px;border:14px solid #222a32;border-radius:50%;left:24%;top:14%}.warehouse i{width:86%;height:18px;background:#303741;left:7%;top:32%;box-shadow:0 38px 0 #20262d,0 76px 0 #191f25}.card-icon{font-size:32px;font-weight:500;margin-bottom:8px}.eco-card h3{font-size:26px;margin:3px 0 8px}.eco-card p{color:#c2c9d3;margin:0;max-width:220px}.eco-card>a{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border:1px solid #505a66;display:grid;place-items:center;border-radius:4px;font-size:22px}.eco-card:hover{border-color:#666f78;transform:translateY(-2px);transition:.2s}.statement{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.statement-grid{min-height:320px;display:grid;grid-template-columns:1fr 1.1fr .45fr;gap:70px;align-items:center}.engine-art{height:100%;min-height:320px;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 60%,#1e252c,transparent 52%)}.engine-ring{position:absolute;border:10px solid #242c33;border-radius:50%}.r1{width:230px;height:230px;left:0;top:54px}.r2{width:150px;height:150px;left:180px;top:100px}.engine-core{position:absolute;width:110px;height:90px;background:#242b31;transform:skew(-12deg);left:92px;top:118px;box-shadow:88px -36px 0 #151b20}.statement-copy h2{font-size:40px;line-height:1.05;font-weight:400;margin:10px 0 18px}.statement-copy strong{font-weight:800}.statement-copy p{color:#c6cdd6}.statement-list{font-size:10px;letter-spacing:.18em;line-height:2;text-align:right;color:#89929d;border-left:1px solid #333c46;padding-left:28px}.connect{padding:70px 0;background:#090c10}.connect-panel{min-height:380px;border:1px solid #2d3640;border-radius:9px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:linear-gradient(110deg,#11171d 0%,#0b0e12 55%,#151a20)}.connect-copy{padding:58px 60px}.connect-copy p{font-size:18px;color:#d1d6dd;margin:20px 0 30px;max-width:500px}.team-visual{position:relative;background:radial-gradient(circle at 50% 18%,#242b32,#07090b 65%);overflow:hidden}.team-visual:before{content:"";position:absolute;width:220px;height:330px;border-radius:48% 48% 12% 12%;background:linear-gradient(#181d22,#080a0c);left:35%;top:55px;box-shadow:0 0 100px #000}.jacket-logo{position:absolute;z-index:2;left:49%;top:170px;width:100px;height:100px}.jacket-logo img{width:100%;height:100%;object-fit:contain}.team-lines{position:absolute;right:34px;bottom:44px;width:60px;border-top:4px solid var(--yellow)}footer{border-top:1px solid #26303a;background:#07090c;padding:34px 0 16px}.footer-grid{display:grid;grid-template-columns:240px 1fr 280px;align-items:center;gap:30px}.footer-logo{width:170px}.footer-links{display:flex;justify-content:center;gap:34px;color:#aeb6c0;font-size:13px}.footer-contact{text-align:right;display:flex;flex-direction:column;font-size:13px}.footer-contact span{color:#78818d;margin-top:4px}.legal{border-top:1px solid #202832;margin-top:24px;padding-top:15px;color:#616a76;font-size:11px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.shell{width:min(100% - 34px,var(--max))}.desktop-nav,.nav-cta{display:none}.menu-btn{display:flex;margin-left:auto;width:42px;height:42px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px}.menu-btn span{width:24px;height:2px;background:#fff;margin-left:auto}.mobile-nav{display:none;position:absolute;left:0;right:0;top:82px;padding:20px 18px 28px;background:#0b0e12;border-bottom:1px solid #303944;flex-direction:column;gap:16px}.mobile-nav.open{display:flex}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:72px 0 54px}.hero-copy>p{font-size:17px}.hero-actions{width:100%;flex-direction:column}.hero-actions .button{width:100%}.hero-meta i{flex:1;max-width:none}.hero-visual{min-height:310px;border-left:0;border-top:1px solid #242d36;margin:0 -17px}.visual-label{bottom:60px}.section-head{grid-template-columns:1fr;gap:12px}.section-head>p{font-size:16px}.ecosystem{padding:70px 0}.cards{grid-template-columns:1fr}.eco-card{min-height:150px;padding:18px 64px 18px 82px}.card-art{display:none}.card-icon{position:absolute;left:18px;top:32px}.eco-card h3{font-size:20px}.eco-card>a{top:50%;bottom:auto;transform:translateY(-50%)}.statement-grid{grid-template-columns:1fr;gap:0}.engine-art{min-height:210px;margin:0 -17px}.statement-copy{padding:42px 0}.statement-list{display:none}.connect-panel{grid-template-columns:1fr}.connect-copy{padding:42px 28px}.team-visual{min-height:250px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-contact{text-align:left}.brand{width:145px}.nav-wrap{height:72px}.mobile-nav{top:72px}.hero h1{font-size:64px}.section-head h2,.connect h2{font-size:43px}}@media(max-width:430px){.hero h1{font-size:54px}.section-head h2,.connect h2{font-size:38px}.hero-copy{padding-top:54px}.eco-card p{font-size:14px}.brand{width:128px}.button{min-height:50px}}

/* V1.1 UX cleanup */
.eco-card{cursor:default}
.eco-card>a{display:none}
.statement{padding:72px 0}
.statement-grid{min-height:auto;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.statement-copy h2{font-size:clamp(42px,4vw,66px);line-height:.98;letter-spacing:-.045em;margin:18px 0}
.statement-copy p{max-width:620px;font-size:18px}
.statement-pill-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #303944;border-radius:8px;overflow:hidden;background:#0c1015}
.statement-pill-grid>div{min-height:112px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #303944;border-bottom:1px solid #303944}
.statement-pill-grid>div:nth-child(2n){border-right:0}.statement-pill-grid>div:nth-child(n+3){border-bottom:0}
.statement-pill-grid span{font-size:11px;letter-spacing:.16em;color:#747f8b}.statement-pill-grid strong{font-size:21px}
.contact{padding:78px 0;background:#0c0f13;border-top:1px solid #26303a}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}
.contact h2{font-size:clamp(48px,4.8vw,76px);line-height:.98;letter-spacing:-.045em;margin:18px 0 16px}
.contact p{color:#bec6d0;font-size:18px;max-width:500px;margin:0}
.contact-actions{display:grid;gap:14px}
.contact-card{position:relative;border:1px solid #38424e;border-radius:8px;background:linear-gradient(180deg,#151b22,#0d1116);padding:22px 62px 22px 24px;display:flex;flex-direction:column;transition:.2s}
.contact-card:hover{border-color:#626d79;transform:translateY(-1px)}
.contact-card small{color:#8d97a3;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:6px}
.contact-card strong{font-size:20px}.contact-card>span{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--yellow)}
@media(max-width:900px){.statement{padding:54px 0}.statement-grid{grid-template-columns:1fr;gap:32px}.statement-copy{padding:0}.statement-pill-grid>div{min-height:94px;padding:20px}.contact{padding:58px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact p{font-size:16px}.eco-card{padding-right:20px}}


/* V1.3 — Ecosistema editorial: sin placeholders ni imágenes falsas */
.ecosystem .cards{align-items:stretch}
.ecosystem .eco-card{
  min-height:278px;
  padding:22px 22px 26px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),transparent 44%),
    linear-gradient(180deg,#151b22 0%,#0c1015 100%);
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.ecosystem .eco-card:before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-74px;
  bottom:-70px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.012);
  pointer-events:none;
}
.ecosystem .eco-card:hover{
  border-color:#596573;
  transform:translateY(-2px);
  background:
    linear-gradient(145deg,rgba(255,204,0,.025),transparent 44%),
    linear-gradient(180deg,#171d24 0%,#0c1015 100%);
}
.card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.ecosystem .card-no{
  position:static;
  font-size:12px;
  letter-spacing:.16em;
  color:#8c96a2;
}
.card-kicker{
  font-size:9px;
  letter-spacing:.19em;
  font-weight:800;
  color:#69737f;
}
.card-accent{
  width:34px;
  height:4px;
  border-radius:999px;
  background:var(--yellow);
  margin-bottom:28px;
}
.card-icon-wrap{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid #3a4551;
  border-radius:12px;
  background:#10151b;
  color:var(--yellow);
  margin-bottom:26px;
  box-shadow:inset 0 0 24px rgba(255,204,0,.025);
}
.card-icon-wrap svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ecosystem .eco-card h3{
  font-size:28px;
  line-height:1.05;
  margin:0 0 10px;
  letter-spacing:-.025em;
}
.ecosystem .eco-card p{
  max-width:245px;
  color:#b8c0ca;
  font-size:15px;
}
.ecosystem .card-art,.ecosystem .card-icon{display:none!important}

@media(max-width:900px){
  .ecosystem .cards{grid-template-columns:1fr}
  .ecosystem .eco-card{
    min-height:0;
    padding:20px 20px 22px 92px;
  }
  .ecosystem .eco-card:before{width:110px;height:110px;right:-58px;bottom:-54px}
  .ecosystem .card-top{margin-bottom:12px}
  .ecosystem .card-kicker{display:none}
  .ecosystem .card-accent{width:24px;height:3px;margin-bottom:12px}
  .card-icon-wrap{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    margin:0;
  }
  .card-icon-wrap svg{width:25px;height:25px}
  .ecosystem .eco-card h3{font-size:21px}
  .ecosystem .eco-card p{font-size:14px;max-width:none}
}


/* V1.4 — Ecosistema con imágenes aprobadas */
.ecosystem .cards{
  align-items:stretch;
}
.ecosystem .eco-card.eco-card-photo{
  padding:0;
  min-height:0;
  overflow:hidden;
  background:#0d1218;
  border-color:#3a4550;
  display:flex;
  flex-direction:column;
}
.ecosystem .eco-card.eco-card-photo:before{
  display:none;
}
.ecosystem .eco-card.eco-card-photo:hover{
  transform:translateY(-3px);
  border-color:rgba(255,204,0,.55);
  background:#0d1218;
}
.eco-card-photo .card-top{
  min-height:50px;
  padding:0 18px;
  margin:0;
  background:#0f141a;
  border-bottom:1px solid #28313a;
}
.eco-card-photo .card-no{
  color:var(--yellow);
  font-size:13px;
  font-weight:800;
  letter-spacing:.10em;
}
.eco-card-photo .card-kicker{
  color:#c2c9d1;
  font-size:9px;
  letter-spacing:.14em;
}
.eco-media{
  position:relative;
  aspect-ratio: .78 / 1;
  overflow:hidden;
  background:#090d11;
}
.eco-media:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:36%;
  background:linear-gradient(180deg,transparent,rgba(5,8,11,.42));
  pointer-events:none;
}
.eco-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.03);
  transition:transform .35s ease,filter .35s ease;
}
.eco-card-photo:hover .eco-media img{
  transform:scale(1.018);
  filter:saturate(1) contrast(1.05);
}
.eco-copy{
  min-height:132px;
  padding:20px 22px 24px;
  background:linear-gradient(180deg,#11171d 0%,#0a0f14 100%);
}
.ecosystem .eco-card.eco-card-photo h3{
  font-size:28px;
  margin:0 0 8px;
}
.ecosystem .eco-card.eco-card-photo p{
  margin:0;
  font-size:15px;
  line-height:1.45;
  color:#bdc4cc;
}
.eco-card-photo .card-accent,
.eco-card-photo .card-icon-wrap{
  display:none!important;
}

@media(max-width:900px){
  .ecosystem .cards{
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .ecosystem .eco-card.eco-card-photo{
    padding:0;
  }
  .eco-card-photo .card-top{
    padding:0 14px;
    min-height:44px;
  }
  .eco-card-photo .card-kicker{
    display:block;
    font-size:8px;
  }
  .eco-media{
    aspect-ratio:1.1 / 1;
  }
  .eco-copy{
    min-height:110px;
    padding:16px;
  }
  .ecosystem .eco-card.eco-card-photo h3{
    font-size:21px;
  }
  .ecosystem .eco-card.eco-card-photo p{
    font-size:13px;
  }
}
@media(max-width:580px){
  .ecosystem .cards{
    grid-template-columns:1fr;
  }
  .eco-media{
    aspect-ratio:1.45 / 1;
  }
  .eco-copy{
    min-height:0;
  }
}