@font-face{font-family:"Newsreader";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/newsreader-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300;font-display:swap;src:url(/assets/fonts/newsreader-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2")}

:root{
  --bg:#0B0B0C;--bg2:#101011;--bg3:#161617;
  --text:#EDE9E0;--muted:#ABA698;--dim:#8C877B;
  --gold:#C5A059;--gold-l:#E2C27A;--gold-d:#8A6A2C;
  --line:rgba(237,233,224,.12);--line-g:rgba(197,160,89,.38);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --max:1200px;--gut:clamp(20px,5vw,56px);
  --cy:26px;--cx:29.5px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#111;padding:8px 14px;z-index:100;font-weight:600}
.skip:focus{left:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 26px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold);transform:rotate(-41.4deg);transform-origin:left center;margin-right:6px}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.01em;line-height:1.08}
h2{font-size:clamp(34px,4.6vw,58px)}
p{margin:0 0 1.2em}
.lead{font-family:var(--serif);font-weight:300;font-size:clamp(20px,2.1vw,26px);line-height:1.5;color:var(--text)}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.brand .mk{width:34px;height:auto}
.brand .wm{width:132px;height:auto}
.nav{display:flex;gap:34px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nav a{padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:var(--text);border-color:var(--gold)}
.lang{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lang a,.lang span{padding:6px 2px;color:var(--dim)}
.lang a:hover{color:var(--text)}
.lang [aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}
.lang i{width:1px;height:12px;background:var(--line)}
@media (max-width:820px){.hd .wrap{padding-top:10px;padding-bottom:10px}.nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px;padding-top:2px}}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(900px 520px at 78% 30%,rgba(197,160,89,.10),transparent 70%),var(--bg)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;min-height:min(64vh,580px);padding-top:56px;padding-bottom:56px}
.hero h1{font-size:clamp(44px,6.4vw,90px);line-height:.98;letter-spacing:-.02em}
.hero .sub{margin:26px 0 0;max-width:30em;font-size:18px;color:var(--muted)}
.hero .sub strong{color:var(--text);font-weight:600}
.hero-art{position:relative;justify-self:center;width:min(100%,300px);aspect-ratio:900/941}
.hero-art img{width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}
.slash{position:absolute;left:32.1%;top:66.8%;width:340%;height:1px;transform:translate(-50%,-50%) rotate(-41.4deg);background:linear-gradient(90deg,transparent 0,rgba(226,194,122,.0) 18%,rgba(226,194,122,.85) 50%,rgba(226,194,122,0) 82%,transparent);pointer-events:none;animation:draw 1.8s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes draw{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
.hero-art{animation:rise 1.1s .1s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:36px;padding-bottom:44px}.hero-art{order:-1;width:min(38%,140px);justify-self:start}}

.principles{border-bottom:1px solid var(--line);background:var(--bg2)}
.principles .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:30px;padding-bottom:30px}
.principles .k{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.principles ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(18px,4vw,48px);flex-wrap:wrap}
.principles li{font-family:var(--serif);font-weight:300;font-size:clamp(24px,3vw,36px)}
.principles .t{font-size:13px;color:var(--muted);letter-spacing:.04em}

/* sections */
section{padding:clamp(56px,7vw,96px) 0}
.purpose .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.purpose p{color:var(--muted);max-width:34em}
.purpose p.lead{color:var(--text)}
.plate{position:relative;overflow:hidden;background:var(--bg3);clip-path:polygon(0 var(--cy),var(--cx) 0,100% 0,100% calc(100% - var(--cy)),calc(100% - var(--cx)) 100%,0 100%)}
.plate img.ph{width:100%;aspect-ratio:16/10;object-fit:cover}
.plate.tall img.ph{aspect-ratio:5/4}
.plate .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 45%,rgba(11,11,12,.78))}
.plate .wmk{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:62%;max-width:420px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.6))}
@media (max-width:860px){.purpose .grid{grid-template-columns:1fr}}

.eco{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eco-hd{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.eco-hd p{max-width:30em;color:var(--muted);margin:0}
.note{font-size:13px;color:var(--dim);margin-top:30px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--line);color:var(--muted)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dim)}
.pill.on{color:var(--text);border-color:var(--ac,var(--gold))}
.pill.on::before{background:var(--ac,var(--gold));box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.c-systems{--ac:#1CB8EE}.c-capital{--ac:#E5303B}.c-logistics{--ac:#F2B01E}.c-staffing{--ac:#9AA4B1}.c-builds{--ac:#5BC22A}.c-realestate{--ac:#C5A059}
.feat{display:grid;grid-template-columns:1.1fr .9fr;background:var(--bg3);border:1px solid var(--line);border-top:2px solid var(--ac);margin-bottom:28px}
.feat .plate{clip-path:none;height:100%}
.feat .plate img.ph{height:100%;aspect-ratio:auto;min-height:340px}
.feat .body{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:18px;align-items:flex-start}
.feat .logo{width:min(340px,100%)}
.tag{font-family:var(--serif);font-style:italic;font-weight:300;font-size:22px;color:var(--ac);margin:0}
.desc{color:var(--muted);margin:0;max-width:30em}
.visit{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--ac);padding-bottom:4px;margin-top:6px}
.visit:hover{color:var(--ac)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}
.card{grid-column:span 2;background:var(--bg3);border:1px solid var(--line);border-top:2px solid var(--ac);display:flex;flex-direction:column}
.card:nth-child(n+4){grid-column:span 3}
.card .plate{clip-path:none}
.card .plate img.ph{aspect-ratio:16/8}
.card .body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;flex:1}
.card .logo{width:min(250px,100%)}
.card .tag{font-size:19px}
.card .desc{font-size:15px}
.card .pill{margin-top:auto}
@media (max-width:980px){.cards{grid-template-columns:1fr 1fr}.card,.card:nth-child(n+4){grid-column:span 1}.card:last-child{grid-column:span 2}.feat{grid-template-columns:1fr}.feat .plate img.ph{min-height:0;aspect-ratio:16/9}}
@media (max-width:620px){.cards{grid-template-columns:1fr}.card:last-child{grid-column:span 1}}

.story .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,7vw,110px)}
.story h2{position:sticky;top:110px}
.story .txt p{font-family:var(--serif);font-weight:300;font-size:clamp(20px,2vw,25px);line-height:1.6;color:var(--muted)}
.story .txt p.k{color:var(--text)}
.story .close{font-style:italic;color:var(--gold-l)!important;font-size:clamp(26px,3vw,38px)!important;margin-top:1.4em}
.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(56px,8vw,100px);border-top:1px solid var(--line)}
.values div{padding:34px 30px 6px 0}
.values div+div{padding-left:30px;border-left:1px solid var(--line)}
.values b{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--gold);margin-bottom:12px}
.values h3{font-size:30px;margin-bottom:10px}
.values p{color:var(--muted);font-size:15px;margin:0}
@media (max-width:860px){.story .grid{grid-template-columns:1fr}.story h2{position:static}.values{grid-template-columns:1fr}.values div,.values div+div{padding:26px 0 8px;border-left:0}.values div+div{border-top:1px solid var(--line)}}

/* footer */
.ft{border-top:1px solid var(--line);background:#09090A;padding:64px 0 36px}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.ft .brand .wm{width:150px}
.ft p{color:var(--muted);font-size:14px;max-width:26em;margin:18px 0 0}
.ft h4{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;color:var(--muted)}
.ft ul a:hover{color:var(--text)}
.ft ul .soon{color:var(--dim)}
.ft-bot{border-top:1px solid var(--line);padding-top:26px;font-size:12.5px;color:var(--dim);display:grid;gap:8px;line-height:1.6}
@media (max-width:860px){.ft-top{grid-template-columns:1fr 1fr}.ft-top>:first-child{grid-column:span 2}}

/* chooser */
.choose{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px var(--gut);background:radial-gradient(700px 480px at 50% 38%,rgba(197,160,89,.12),transparent 70%),var(--bg)}
.choose img.mk{width:120px;margin:0 auto 28px}
.choose img.wm{width:min(300px,70vw);margin:0 auto 46px}
.choose .btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;min-width:170px;padding:15px 28px;border:1px solid var(--line-g);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:background .2s,color .2s}
.btn:hover{background:var(--gold);color:#111}

/* legal */
.doc{padding:clamp(56px,8vw,100px) 0 clamp(72px,9vw,120px)}
.doc .wrap{max-width:860px}
.doc h1{font-size:clamp(40px,6vw,72px);margin-bottom:14px}
.doc .meta{color:var(--dim);font-size:14px;margin-bottom:46px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.doc .intro{font-family:var(--serif);font-weight:300;font-size:22px;line-height:1.55;color:var(--text);margin-bottom:46px}
.doc h2{font-size:28px;font-weight:400;margin:52px 0 14px;display:flex;gap:16px;align-items:baseline}
.doc h2 span{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--gold);min-width:28px}
.doc p,.doc li{color:var(--muted);font-size:16px}
.doc ul{padding-left:20px;margin:0 0 1.2em}
.doc li{margin-bottom:.5em}
.doc strong{color:var(--text);font-weight:600}
.doc .caps{font-size:14.5px;letter-spacing:.01em}
.doc a{color:var(--gold-l);border-bottom:1px solid var(--line-g)}
.doc .toc{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 10px;padding:0;list-style:none;font-size:13px}
.doc .toc a{color:var(--muted);border:0}
.doc .toc a:hover{color:var(--gold-l)}
.review{margin-top:60px;padding:22px 26px;border:1px solid var(--line);border-left:2px solid var(--gold);font-size:14px;color:var(--muted)}

/* 404 */
.nf{min-height:calc(100vh - 73px);position:relative;overflow:hidden;display:grid;align-items:center;background:radial-gradient(800px 520px at 70% 45%,rgba(197,160,89,.11),transparent 70%),var(--bg)}
.nf .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:50px}
.nf .num{font-family:var(--serif);font-weight:300;font-size:clamp(120px,22vw,300px);line-height:.85;letter-spacing:-.04em;margin:0;position:relative;display:inline-block;color:var(--text)}
.nf .num .sl{position:absolute;left:15%;top:50%;width:70%;height:1px;transform:rotate(-41.4deg);background:linear-gradient(90deg,transparent,var(--gold-l) 50%,transparent);animation:draw 1.8s .3s cubic-bezier(.2,.7,.2,1) both}
.nf h1{font-size:clamp(32px,4.4vw,54px);margin:28px 0 16px}
.nf p{color:var(--muted);max-width:28em}
.nf .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.door{justify-self:center;position:relative;width:min(100%,300px);aspect-ratio:3/5;border:1px solid var(--line-g);background:linear-gradient(180deg,#121213,#0B0B0C);clip-path:polygon(0 var(--cy),var(--cx) 0,100% 0,100% 100%,0 100%)}
.door::before{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,#1b1b1c,#121213);border-right:1px solid var(--line-g);transform-origin:left;}
.door::after{content:"";position:absolute;top:4%;bottom:0;left:34%;width:3px;background:linear-gradient(180deg,var(--gold-l),var(--gold-d));box-shadow:0 0 40px 10px rgba(226,194,122,.32);animation:glow 3.4s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.5}to{opacity:1}}
html[lang="en"] [data-l="es"],html[lang="es"] [data-l="en"]{display:none!important}
@media (max-width:760px){.nf .wrap{grid-template-columns:1fr}.door{display:none}}

.sp{height:22px}

/* v2: centered cards, uniform logo box, neutral slogans */
.feat .body,.card .body{align-items:center;text-align:center}
.feat .logo,.card .logo{width:210px;height:135px;max-width:100%;object-fit:contain}
.tag{min-height:24px;font-family:var(--sans);font-style:normal;font-weight:600;font-size:14px;letter-spacing:.06em;color:var(--ac);margin:0}
.desc{margin-left:auto;margin-right:auto}
.card .desc{font-size:15px}
.card .pill{margin-top:auto}
.card .body>.desc{margin-bottom:6px}
html[lang="es"] .hero h1{font-size:clamp(40px,5.6vw,80px)}

.hero-art img{filter:drop-shadow(0 20px 36px rgba(0,0,0,.55))}
.feat .body{gap:14px}
.card .body{padding:22px 24px 26px;gap:12px}
.principles .wrap{padding-top:24px;padding-bottom:24px}
.values{margin-top:clamp(44px,6vw,72px)}
@media (max-width:620px){.feat .logo,.card .logo{width:180px;height:115px}.hero h1{line-height:1.02}}

.c-logistics .logo{width:250px}
@media (max-width:620px){.c-logistics .logo{width:215px}}