:root{--ink:#303236;--ink-2:#111820;--brand:#78b6d7;--brand-strong:#4a94bf;--brand-soft:#edf7fb;--paper:#ffffff;--soft:#f5f7f8;--muted:#626b73;--line:#dce3e8;--danger:#8b1e1e;--ok:#155b36;--max:1180px;--radius:18px;--shadow:0 18px 46px rgba(31,55,70,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}:focus-visible{outline:3px solid var(--brand-strong)}.skip{position:fixed;left:-9999px;top:12px;background:#fff;color:#111;padding:10px 14px;border:2px solid var(--brand-strong);z-index:999}.skip:focus{left:12px}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.topbar{background:var(--ink-2);color:#dbe7ed;font-size:.78rem;letter-spacing:.02em}.topbar .container{padding:7px 0;display:flex;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(220,227,232,.9);backdrop-filter:blur(12px)}.navrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{width:158px;height:auto}.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer}.nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.nav a{font-size:.94rem;font-weight:650}.nav a:hover{color:var(--brand-strong)}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:999px;border:1px solid transparent;font-weight:750;line-height:1.2;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.pill{background:var(--ink-2);color:#fff!important}.btn:hover,.pill:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink-2);color:#fff}.btn-primary:hover{background:#26394a}.btn-secondary{background:#fff;color:var(--ink-2);border-color:#b9c7d1}.btn-secondary:hover{border-color:var(--brand-strong)}.hero{position:relative;min-height:700px;display:flex;align-items:flex-end;overflow:hidden;background:#10212c;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,29,.91) 0%,rgba(7,20,29,.73) 43%,rgba(7,20,29,.22) 77%),linear-gradient(0deg,rgba(7,20,29,.64),transparent 44%)}.hero-inner{position:relative;z-index:2;padding:118px 0 80px}.hero-copy{max-width:810px}.eyebrow,.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:850}.eyebrow{color:#bfe8f7}.kicker{color:var(--brand-strong)}h1{font-size:clamp(3rem,6.2vw,5.85rem);line-height:.96;letter-spacing:-.058em;margin:16px 0 24px;max-width:890px}h2{font-size:clamp(2.05rem,4.2vw,3.65rem);line-height:1.04;letter-spacing:-.045em;margin:10px 0 0}h3{letter-spacing:-.025em}.lead{font-size:clamp(1.05rem,1.8vw,1.27rem);max-width:700px;color:#e4eef3}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .btn-secondary{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:42px;color:#dbe9ef;font-size:.88rem}.hero-proof span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:8px}.photo-credit{position:absolute;right:18px;bottom:12px;z-index:3;color:#eef6f8;background:rgba(0,0,0,.48);font-size:.67rem;padding:4px 7px;border-radius:6px}.section{padding:96px 0}.section.soft{background:var(--soft)}.sectionhead{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start;margin-bottom:46px}.sectionhead p{font-size:1.07rem;color:var(--muted);margin:2px 0 0}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:280px;box-shadow:none;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .index{font-size:.73rem;font-weight:850;color:var(--brand-strong);letter-spacing:.14em}.card h3{font-size:1.33rem;line-height:1.2;margin:55px 0 12px}.card p{color:var(--muted);margin:0}.sectors{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.sector{position:relative;min-height:390px;border-radius:22px;overflow:hidden;background:#111;color:#fff;grid-column:span 6}.sector img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sector::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,31,.92),rgba(10,22,31,.1) 75%)}.sector-content{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.sector .tag{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.68);padding:5px 10px;border-radius:999px}.sector h3{font-size:1.75rem;line-height:1.1;margin:13px 0 8px}.sector p{margin:0;color:#e7eff3;max-width:520px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{border-top:2px solid var(--ink-2);padding-top:16px}.step b{font-size:.92rem}.step p{color:var(--muted);font-size:.9rem;margin:.45rem 0 0}.experience{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.metric{font-weight:850;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.07em;margin:18px 0}.experience .statement{font-size:1.35rem;line-height:1.35;max-width:520px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:165px 1fr;gap:20px}.timeline strong{font-size:.88rem}.timeline p{margin:0;color:var(--muted)}.clients{border-block:1px solid var(--line);padding:34px 0}.clients h2{font-size:1.1rem;letter-spacing:0;margin:0 0 22px}.clientgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.client{display:flex;align-items:center;justify-content:center;min-height:84px;padding:16px;border:1px solid var(--line);border-radius:13px;color:#46525a;font-weight:750;text-align:center;background:#fff}.note{font-size:.75rem;color:#7a8288;margin-top:15px}.cta{background:var(--ink-2);color:#fff;border-radius:28px;padding:52px;display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center}.cta h2{font-size:clamp(2rem,4vw,3.4rem)}.cta p{color:#cddce4;max-width:680px}.cta .actions{justify-content:flex-end}.pagehero{padding:92px 0 54px;background:linear-gradient(180deg,var(--brand-soft),#fff)}.pagehero h1{font-size:clamp(2.7rem,5vw,4.7rem);color:var(--ink-2);margin-bottom:18px}.pagehero p{font-size:1.13rem;color:var(--muted);max-width:760px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px}.panel{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:720;font-size:.9rem}.req{color:#8b1e1e}.field input,.field select,.field textarea{width:100%;border:1px solid #bfcbd3;border-radius:11px;background:#fff;color:var(--ink);padding:12px 13px;min-height:48px}.field textarea{min-height:140px;resize:vertical}.field small{color:var(--muted)}.checks{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.86rem}.checks input{margin-top:5px}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.status{margin-bottom:18px;padding:13px 15px;border-radius:10px;display:none}.status.show{display:block}.status.ok{background:#eaf6ef;color:var(--ok)}.status.err{background:#fbebeb;color:var(--danger)}.sidefact{padding:18px 0;border-bottom:1px solid var(--line)}.sidefact:last-child{border:0}.sidefact strong{display:block;margin-bottom:4px}.sidefact span{color:var(--muted);font-size:.91rem}.slotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{position:relative}.slot input{position:absolute;opacity:0;pointer-events:none}.slot label{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;cursor:pointer;background:#fff}.slot input:checked+label{border-color:var(--brand-strong);box-shadow:0 0 0 3px rgba(74,148,191,.18);background:var(--brand-soft)}.prose{max-width:860px}.prose h2{font-size:1.75rem;margin-top:42px}.prose h3{font-size:1.1rem;margin-top:30px}.prose p,.prose li{color:#4f5b64}.notice{border-left:4px solid var(--brand-strong);background:var(--brand-soft);padding:16px 18px;border-radius:8px}.footer{border-top:1px solid var(--line);padding:54px 0 26px}.footgrid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}.footer-logo{width:150px}.footer p,.footer a{color:var(--muted)}.footlegal{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:.8rem;color:var(--muted)}.license-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.license-item{border:1px solid var(--line);border-radius:14px;padding:18px}.license-item strong{display:block}.license-item p{font-size:.85rem;margin:.4rem 0 0}.mobile-only{display:none}@media(max-width:920px){.topbar .right{display:none}.menu-btn{display:inline-grid;place-items:center}.nav{position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);display:none}.site-header.open .nav{display:block}.nav ul{flex-direction:column;align-items:stretch;padding:18px 20px;gap:4px}.nav a{display:block;padding:10px 8px}.sectionhead,.experience,.cta,.content-layout{grid-template-columns:1fr;gap:30px}.cards3{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.clientgrid{grid-template-columns:repeat(2,1fr)}.cta .actions{justify-content:flex-start}.sector{grid-column:span 12}.footgrid{grid-template-columns:1fr}.timeline li{grid-template-columns:130px 1fr}}@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.section{padding:70px 0}.hero{min-height:680px}.hero-inner{padding:92px 0 58px}.hero h1{font-size:clamp(2.75rem,14vw,4.2rem)}.hero-proof{display:grid;gap:7px}.photo-credit{font-size:.58rem;right:8px}.sectionhead{gap:18px}.sectors{gap:12px}.sector{min-height:350px}.process,.formgrid,.slotgrid,.license-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.timeline li{grid-template-columns:1fr;gap:5px}.clientgrid{grid-template-columns:1fr 1fr}.cta{padding:30px 24px}.pagehero{padding:72px 0 40px}.mobile-only{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* 2026-09-14 · refinamiento visual: hero compacto, fotografía real y clientes PRO */
.hero.hero-compact{min-height:0;background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%);color:var(--ink);padding:58px 0 64px;align-items:stretch;overflow:visible;border-bottom:1px solid var(--line)}
.hero.hero-compact::after{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:52px;align-items:center}
.hero.hero-compact .hero-copy{max-width:720px}
.hero.hero-compact .eyebrow{color:var(--brand-strong)}
.hero.hero-compact h1{font-size:clamp(3rem,5.4vw,5.3rem);color:var(--ink-2);margin:14px 0 22px;max-width:720px}
.hero.hero-compact .lead{color:var(--muted);max-width:660px}
.hero.hero-compact .btn-primary{background:var(--ink-2);color:#fff}
.hero.hero-compact .btn-secondary{color:var(--ink-2);border-color:#b9c7d1;background:#fff}
.hero.hero-compact .hero-proof{color:#42515c;margin-top:30px;gap:9px 20px}
.hero-photo{position:relative;margin:0;border-radius:30px;overflow:hidden;min-height:510px;background:#dbeaf2;box-shadow:0 26px 70px rgba(21,48,66,.15)}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,44,64,.02) 50%,rgba(9,34,51,.54) 100%)}
.hero-photo figcaption{position:absolute;z-index:3;left:18px;right:18px;bottom:13px;color:#f4f8fa;font-size:.68rem;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero-float{position:absolute;z-index:4;left:24px;top:24px;max-width:330px;padding:16px 18px;border:1px solid rgba(255,255,255,.75);border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(23,50,67,.14)}
.hero-float strong{display:block;color:var(--ink-2);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.hero-float span{display:block;color:#4a5a65;font-size:.82rem}

.clients-pro{background:#fff}
.clients-head{margin-bottom:34px}
.clientgrid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.client-card{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}
.client-card::before{content:"";position:absolute;right:-42px;top:-46px;width:125px;height:125px;border-radius:50%;background:rgba(104,181,222,.08)}
.client-card:hover{transform:translateY(-3px);border-color:#b5d4e5;box-shadow:0 18px 44px rgba(25,58,78,.10)}
.client-card.featured{background:linear-gradient(145deg,#f2f8fc 0%,#fff 72%);border-color:#c5deec}
.client-mark{position:relative;z-index:1;width:max-content;min-width:58px;max-width:150px;padding:9px 11px;border-radius:10px;background:var(--ink-2);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em;line-height:1;text-align:center}
.client-card.featured .client-mark{background:var(--brand-strong)}
.client-sector{display:inline-block;margin-top:27px;color:var(--brand-strong);font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.client-card h3{font-size:1.06rem;line-height:1.15;margin:7px 0 8px;color:var(--ink-2)}
.client-card p{font-size:.84rem;line-height:1.45;color:var(--muted);margin:0}
.client-note{margin-top:22px;max-width:920px}

/* coherencia fotográfica: misma lectura cromática en todas las imágenes reales */
.sector img,.hero-photo>img{filter:saturate(.88) contrast(1.03)}
.sector::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(21,91,132,.14),transparent 44%);pointer-events:none}
.sector-content,.sector .photo-credit{z-index:3}

@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:30px}
  .hero-photo{min-height:460px}
  .clientgrid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .hero.hero-compact{padding:44px 0 52px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-photo{min-height:390px;order:-1;border-radius:22px}
  .hero.hero-compact h1{font-size:clamp(2.65rem,10vw,4.5rem)}
  .clientgrid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .hero-photo{min-height:320px}
  .hero-float{left:14px;top:14px;right:14px;max-width:none}
  .clientgrid-pro{grid-template-columns:1fr}
  .client-card{min-height:190px}
}