:root{--noche:#0A0F24;--noche2:#121936;--linea:#252C4A;--fluo:#D7FF1F;--lav:#C3B6FF;--blanco:#F2F4FA;--niebla:#8A93B2;--papel:#EEF0F4;--tinta:#6B7390;
--display:"Archivo",Arial,sans-serif;--body:"Plus Jakarta Sans",system-ui,sans-serif;--hand:"Caveat",cursive;--w:1160px;--pad:clamp(16px,5vw,48px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:var(--noche);color:var(--blanco);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
section{position:relative;padding:clamp(72px,11vw,128px) 0}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .6 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}
.papel{background:var(--papel);color:var(--noche)}
.papel.grain::after{mix-blend-mode:multiply;opacity:.4}
.lav{background:var(--lav);color:var(--noche)}
.grid-bg{background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:96px 96px;background-position:center top}
.wrap,.wrap *{position:relative;z-index:1}

/* tipografía */
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.papel .eyebrow,.lav .eyebrow{color:var(--tinta)}
.lav .eyebrow{color:#4A4380}
.eyebrow b{color:var(--fluo)}.papel .eyebrow b,.lav .eyebrow b{color:var(--noche)}
h1,h2,h3{font-family:var(--display);font-stretch:116%;font-weight:800;letter-spacing:-.025em;line-height:1.02}
h1{font-size:clamp(40px,7.4vw,92px)}
h2{font-size:clamp(32px,5vw,60px)}
h3{font-size:clamp(20px,2.2vw,26px);line-height:1.15}
.lead{font-size:clamp(18px,2vw,22px);line-height:1.45;font-weight:500;max-width:640px}
.muted{color:var(--niebla)}.papel .muted{color:var(--tinta)}
.k{color:var(--fluo)}
.hl{background:var(--fluo);color:var(--noche);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hlb{background:var(--noche);color:var(--fluo);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hand{font-family:var(--hand);font-weight:600;color:#C2412F;font-size:clamp(24px,2.6vw,32px);line-height:1}
.hand.f{color:var(--fluo)}
.firma{font-family:var(--display);font-stretch:118%;font-weight:900;font-size:17px;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:1px;width:2.6em;height:2.6em;border-radius:50%;background:var(--blanco);color:var(--noche);text-decoration:none;flex:none}
.firma i{width:.32em;height:.32em;margin-top:.28em;background:var(--fluo);display:inline-block}
.papel .firma,.lav .firma,form .firma{background:var(--noche);color:var(--blanco)}

/* botones */
.btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-weight:700;font-size:16px;padding:16px 26px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chk input:focus-visible+span{outline:3px solid var(--lav);outline-offset:3px}
.btn-wa{background:var(--fluo);color:var(--noche)}
.btn-line{border-color:currentColor;background:transparent;color:inherit}

.ic{width:20px;height:20px;flex:none;color:var(--fluo)}
.papel .ic,.lav .ic{color:var(--noche)}
.wa-card .ic{color:var(--fluo)}
.pic{width:30px;height:30px;color:var(--fluo)}
.plat .n{align-items:center}
.wa-ic{width:22px;height:22px;flex:none}
/* hero */
.hero{padding-top:clamp(56px,9vw,104px);padding-bottom:clamp(64px,9vw,112px);overflow:hidden}
.hero .grid-bg{position:absolute;inset:0;opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}
.hero h1{margin:28px 0 26px;max-width:15ch}
.hero h1 .no{color:var(--niebla)}
.hero .lead{margin-bottom:36px}
.hero .micro{margin-top:56px;display:flex;gap:28px;flex-wrap:wrap;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--niebla)}
.hero .micro span{display:flex;gap:8px;align-items:center}
.hero .micro span::before{content:"";width:6px;height:6px;background:var(--fluo)}

/* problema */
.prob{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.prob h2{margin-top:20px}
.checks{list-style:none;display:grid;gap:14px;margin-top:8px}
.checks li{background:#fff;border-radius:14px;padding:20px 22px 20px 58px;position:relative;font-weight:600;font-size:17px;box-shadow:0 10px 24px rgba(10,15,36,.06)}
.checks li::before{content:"";position:absolute;left:20px;top:22px;width:22px;height:22px;border:2px solid var(--noche);border-radius:6px}
.checks li::after{content:"";position:absolute;left:25px;top:24px;width:9px;height:14px;border:solid #C2412F;border-width:0 3px 3px 0;transform:rotate(40deg)}
.prob .hand{display:block;margin-top:22px;transform:rotate(-2deg)}
@media(max-width:820px){.prob{grid-template-columns:1fr}}

/* qué hago */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.head h2{margin-top:18px}
.plat{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea)}
.plat article,.plat-card{padding:28px 24px 32px;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.plat-card:last-child,.plat article:last-child{border-right:0}
.plat .n{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--niebla);text-transform:uppercase;display:flex;justify-content:space-between}
.plat .bar{display:block;width:44px;height:6px;background:var(--fluo);margin:26px 0 18px}
.plat h3{margin-bottom:10px}
.plat p{color:var(--niebla);font-size:16px}
.solo{margin-top:26px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
@media(max-width:960px){.plat{grid-template-columns:repeat(2,1fr)}.plat-card:nth-child(2){border-right:0}}
@media(max-width:560px){.plat{grid-template-columns:1fr}.plat article,.plat-card{border-right:0}}

/* por qué */
.why{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,88px);align-items:center}
.photo{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;background:var(--noche)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:grayscale(1) contrast(1.05);mix-blend-mode:luminosity;opacity:.92}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,15,36,.75))}
.photo .cap{position:absolute;z-index:2;left:18px;bottom:16px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blanco)}
.photo-wrap{position:relative}
.photo-wrap .tag{position:absolute;z-index:3;right:-12px;top:28px;background:var(--fluo);color:var(--noche);font-weight:700;font-size:15px;padding:8px 16px;border-radius:8px;transform:rotate(4deg);box-shadow:0 8px 18px rgba(10,15,36,.2)}
.why h2{margin:18px 0 34px}
.nums{list-style:none;display:grid;gap:28px}
.nums li{display:grid;grid-template-columns:52px 1fr;gap:6px 14px}
.nums .d{font-family:var(--display);font-stretch:118%;font-weight:900;font-size:40px;line-height:1}
.nums h3{font-size:clamp(20px,2.3vw,27px)}
.nums p{grid-column:2;color:var(--tinta);font-weight:500}
.why .close{margin-top:34px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta)}
@media(max-width:820px){.why{grid-template-columns:1fr}.photo-wrap{max-width:420px}}

/* auditoría */
.aud{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.aud h2{margin:18px 0 22px}
.aud .lead{margin-bottom:30px}
.steps{list-style:none;display:grid;gap:14px;counter-reset:s}
.steps li{background:var(--papel);border-radius:16px;padding:24px 24px 24px 84px;position:relative;box-shadow:0 14px 30px rgba(10,15,36,.10);counter-increment:s}
.steps li:nth-child(2){transform:rotate(.6deg)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:24px;top:22px;font-family:var(--display);font-stretch:118%;font-weight:900;font-size:30px}
.steps h3{font-size:21px;margin-bottom:6px}
.steps p{color:var(--tinta);font-size:16px}
.aud .note{margin-top:18px;font-size:14px;color:#3B3670}
@media(max-width:820px){.aud{grid-template-columns:1fr}}

/* clientes */
.cli{padding:clamp(56px,8vw,88px) 0}
.cli .row{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,5vw,64px);flex-wrap:wrap;margin-top:34px;padding-top:34px;border-top:1px solid var(--linea)}
.cli .logos{display:flex;align-items:center;gap:clamp(32px,6vw,80px);flex-wrap:wrap}
.cli .logos img{height:52px;width:auto;opacity:.9}
.cli .logos img.tall{height:78px}
.cli p{max-width:330px;font-size:15px}

/* contacto */
.cto{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.cto h2{margin:18px 0 22px}
.cto .lead{margin-bottom:30px}
.wa-card{background:var(--noche);color:var(--blanco);border-radius:20px;padding:26px;margin-top:8px}
.wa-card .bubble{background:#1B2447;border-radius:14px 14px 14px 4px;padding:14px 16px;font-size:15px;margin:14px 0 20px;max-width:340px}
.wa-card .eyebrow{color:var(--niebla)}
form{background:#fff;border-radius:20px;padding:clamp(22px,4vw,36px);box-shadow:0 18px 40px rgba(10,15,36,.08);display:grid;gap:18px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:560px){.f2{grid-template-columns:1fr}}
label,.lbl{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta);margin-bottom:8px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:inherit;font-size:16px;color:var(--noche);background:var(--papel);border:1.5px solid #D6DAE4;border-radius:12px;padding:13px 14px;appearance:none;-webkit-appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230A0F24' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--noche);outline:none}
.chks{display:flex;flex-wrap:wrap;gap:10px}
.chk{position:relative;margin:0;font-size:inherit;letter-spacing:0;text-transform:none;color:var(--noche)}
.chk input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chk span{display:inline-block;padding:10px 16px;border-radius:999px;border:1.5px solid #D6DAE4;background:var(--papel);font-weight:600;font-size:15px;cursor:pointer;user-select:none}
.chk input:checked+span{background:var(--noche);color:var(--fluo);border-color:var(--noche)}
form .btn{justify-content:center;width:100%;font-size:17px;background:var(--noche);color:var(--blanco)}
form .btn[disabled]{opacity:.6;cursor:wait;transform:none}
.legal{font-size:13px;color:var(--tinta)}
.hp{position:absolute!important;left:-9999px!important}
.ok{display:none;text-align:center;padding:20px 6px}
.ok h3{font-size:30px;margin:10px 0 12px}
.ok p{color:var(--tinta);margin-bottom:22px}
form.sent>*:not(.ok){display:none}
form.sent .ok{display:block}
.err{display:none;background:#FDECEA;color:#8A2418;border-radius:10px;padding:12px 14px;font-size:15px}
.err.on{display:block}
@media(max-width:860px){.cto{grid-template-columns:1fr}}

/* botón flotante en celular */
.float{position:fixed;right:16px;bottom:16px;z-index:60;display:none;box-shadow:0 12px 28px rgba(0,0,0,.35)}
@media(max-width:860px){.float{display:inline-flex;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s}.float.on{opacity:1;pointer-events:auto;transform:none}}

@media(max-width:560px){.hero .eyebrow b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* ===== web multipágina ===== */
html{scroll-padding-top:84px}
/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(10,15,36,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.brand .who{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla);white-space:nowrap}
.brand .who b{color:var(--fluo)}
.menu{display:flex;gap:6px;align-items:center}
.menu a{text-decoration:none;color:var(--blanco);font-size:15px;font-weight:600;padding:10px 14px;border-radius:999px;opacity:.78;transition:opacity .15s,background .15s}
.menu a:hover{opacity:1;background:rgba(242,244,250,.06)}
.menu a[aria-current=page]{opacity:1;color:var(--fluo)}
.hdr-cta{display:flex;align-items:center;gap:10px}
.hdr-cta .btn{padding:11px 20px;font-size:14px}
.burger{display:none;background:none;border:1.5px solid var(--linea);color:var(--blanco);width:46px;height:46px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}.burger .b-close{display:none}
.burger[aria-expanded=true] .b-open{display:none}.burger[aria-expanded=true] .b-close{display:block}
@media(max-width:1100px){.brand .who{display:none}}
@media(max-width:900px){
  .burger{display:inline-flex}
  header.site .menu{position:fixed;z-index:60;left:0;right:0;top:72px;height:calc(100vh - 72px);height:calc(100dvh - 72px);overflow-y:auto;background:var(--noche);flex-direction:column;align-items:stretch;gap:0;padding:12px var(--pad) 32px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-top:1px solid var(--linea)}
  header.site .menu.open{opacity:1;transform:none;pointer-events:auto}
  .menu a{font-family:var(--display);font-stretch:116%;font-weight:800;font-size:30px;letter-spacing:-.02em;padding:18px 0;border-radius:0;border-bottom:1px solid var(--linea);opacity:1}
  .menu a:hover{background:none}
  body.menu-open{overflow:hidden}
}
@media(max-width:420px){.hdr-cta .btn{display:none}}

/* hero de página interna */
.phero{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px);overflow:hidden}
.phero .grid-bg{position:absolute;inset:0;opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}
.phero h1{margin:24px 0 22px;max-width:16ch;font-size:clamp(40px,6.4vw,80px)}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,6vw,80px);align-items:center}
.about .photo-wrap{max-width:400px;justify-self:end;width:100%}
@media(max-width:820px){.about{grid-template-columns:1fr}.about .photo-wrap{justify-self:start;max-width:360px}}

/* links y botones */
.arr{width:18px;height:18px;flex:none;transition:transform .15s}
a:hover>.arr{transform:translateX(3px)}
.link{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--fluo);padding-bottom:2px}
.btn-dark{background:var(--noche);color:var(--blanco)}
.plat-card{text-decoration:none;color:inherit;display:block;transition:background .15s}
.plat-card:hover{background:var(--noche2)}
.plat-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:700;color:var(--fluo)}

/* servicios */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc article{background:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:22px;box-shadow:0 12px 28px rgba(10,15,36,.06);scroll-margin-top:96px}
.svc-ic{width:56px;height:56px;border-radius:50%;background:var(--noche);display:flex;align-items:center;justify-content:center}
.svc-ic .pic{width:28px;height:28px}
.svc-sub{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);margin-bottom:6px}
.svc h3{margin-bottom:10px}
.svc p{color:#3A4160}
.svc-when{margin-top:14px;padding-top:14px;border-top:1px dashed #CDD2DE;font-size:15px}
.svc-when b{background:var(--fluo);color:var(--noche);padding:1px 6px;border-radius:4px;margin-right:4px}
@media(max-width:820px){.svc{grid-template-columns:1fr}.svc article{grid-template-columns:1fr}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:18px;overflow:hidden}
.card{background:var(--noche);padding:30px 28px 34px}
.card .ic{width:30px;height:30px;margin-bottom:22px}
.card h3{margin-bottom:10px}
.card p{color:var(--niebla);font-size:16px}
.card .d{display:block;font-family:var(--display);font-stretch:118%;font-weight:900;font-size:44px;color:var(--fluo);line-height:1;margin-bottom:20px}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid3{grid-template-columns:1fr}}
.steps4{grid-template-columns:repeat(4,1fr)}
.steps4 li{padding:74px 24px 26px}.steps4 li::before{top:22px}
.steps4 li:nth-child(2){transform:rotate(-.6deg)}.steps4 li:nth-child(3){transform:rotate(.5deg)}
@media(max-width:960px){.steps4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps4{grid-template-columns:1fr}}
.steps.dark li{background:var(--noche2);color:var(--blanco);box-shadow:none;border:1px solid var(--linea)}
.steps.dark li::before{color:var(--fluo)}
.steps.dark p{color:var(--niebla)}

/* auditoría */
.audit{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audit li{background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 28px rgba(10,15,36,.06)}
.audit .d{display:inline-block;font-family:var(--display);font-stretch:118%;font-weight:900;font-size:16px;background:var(--noche);color:var(--fluo);padding:6px 10px;border-radius:8px;margin-bottom:18px}
.audit h3{margin-bottom:8px}
.audit p{color:#3A4160;font-size:16px}
@media(max-width:900px){.audit{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.audit{grid-template-columns:1fr}}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.faq-wrap h2{margin-top:18px}
.faq details{background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 10px 24px rgba(10,15,36,.05)}
.faq summary{list-style:none;cursor:pointer;padding:22px 24px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq .chev{width:22px;height:22px;flex:none;transition:transform .2s}
.faq details[open] .chev{transform:rotate(180deg)}
.faq details p{padding:0 24px 22px;color:#3A4160}
@media(max-width:820px){.faq-wrap{grid-template-columns:1fr}}

/* sobre mí */
.timeline{list-style:none;display:grid;gap:0;border-left:2px solid var(--noche);margin-left:8px}
.timeline li{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:0 0 38px 34px;position:relative}
.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;background:var(--fluo);border:2px solid var(--noche)}
.timeline li:last-child{padding-bottom:0}
.t-year{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);padding-top:6px}
.timeline h3{margin-bottom:8px}
.timeline p{color:#3A4160;max-width:620px}
@media(max-width:640px){.timeline li{grid-template-columns:1fr;gap:6px}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px)}
@media(max-width:820px){.two{grid-template-columns:1fr}}
.plain{list-style:none;margin-top:22px;display:grid;gap:12px}
.plain li{background:#fff;border-radius:12px;padding:16px 18px;font-weight:600}
.cli-light .logos{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-top:30px}
.cli-light .logos img{height:46px;width:auto}
.cli-light .logos img.tall{height:70px}

/* contacto */
.next{margin-top:22px;background:#fff;border-radius:20px;padding:26px}
.next ol{margin:16px 0 0 20px;display:grid;gap:10px;font-weight:600}

/* banda de cierre */
.band{padding:clamp(64px,9vw,104px) 0;border-top:1px solid var(--linea)}
.band-in{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.band h2{margin-bottom:14px}

/* footer */
footer.site{border-top:1px solid var(--linea);padding:56px 0 32px;font-size:15px;color:var(--niebla)}
footer.site .wrap:first-child{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.f-brand{display:flex;gap:18px;align-items:flex-start}
.f-brand b{color:var(--blanco)}
.f-col{display:flex;flex-direction:column;gap:10px}
.f-col a{text-decoration:none}.f-col a:hover{color:var(--blanco)}
.f-t{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blanco);margin-bottom:4px}
.f-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--linea);font-size:13px}
@media(max-width:760px){footer.site .wrap:first-child{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
@media(max-width:860px){footer.site{padding-bottom:110px}}

/* datos de experiencia */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.stats div{padding:30px 24px;border-right:1px solid var(--linea)}
.stats div:last-child{border-right:0}
.stats b{display:block;font-family:var(--display);font-stretch:118%;font-weight:900;font-size:clamp(40px,5vw,60px);line-height:1;color:var(--fluo);letter-spacing:-.03em;margin-bottom:10px}
.stats span{font-size:15px;color:var(--niebla);font-weight:500}
.papel .stats,.papel .stats div{border-color:#CDD2DE}
.papel .stats b{color:var(--noche)}
.papel .stats span{color:var(--tinta)}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--linea)}}
.stats-sec{padding:0}
.stats-sec .stats{border-top:0}
.links-row{display:flex;gap:28px;flex-wrap:wrap}
.links-row .link{margin-top:30px}

/* pauta + CRM */
.crm{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center}
.crm h2{margin:18px 0 22px}
.crm-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.crm-tags span{background:var(--noche);color:var(--blanco);font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px}
.funnel{list-style:none;display:grid;gap:10px}
.funnel li{background:#fff;border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 10px 24px rgba(10,15,36,.06)}
.funnel li:nth-child(2){margin:0 4%}.funnel li:nth-child(3){margin:0 8%}.funnel li:nth-child(4){margin:0 12%}
.funnel b{font-family:var(--display);font-stretch:116%;font-weight:800;font-size:20px}
.funnel span{font-size:14px;color:var(--tinta);text-align:right}
.funnel li.win{background:var(--noche);color:var(--blanco)}
.funnel li.win b{color:var(--fluo)}.funnel li.win span{color:var(--niebla)}
@media(max-width:820px){.crm{grid-template-columns:1fr}}
.noche .funnel li{background:var(--noche2);border:1px solid var(--linea);box-shadow:none}
.noche .funnel span{color:var(--niebla)}
.noche .funnel li.win{background:var(--fluo);color:var(--noche)}.noche .funnel li.win b{color:var(--noche)}.noche .funnel li.win span{color:var(--noche)}
.noche .crm-tags span{background:var(--blanco);color:var(--noche)}
.crm-tags.dark span{background:var(--noche);color:var(--blanco)}

/* ===== animaciones (assets/motion.js) ===== */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.motion:not(.motion-on) .hero .wrap>*,.motion:not(.motion-on) .phero .wrap>*{visibility:hidden}
/* resaltador: la marca se pasa de izquierda a derecha cuando la frase entra en pantalla */
.motion .hl,.motion .hlb{background:linear-gradient(var(--fluo),var(--fluo)) no-repeat 0 0/0% 100%;color:inherit;transition:background-size .7s cubic-bezier(.65,0,.35,1),color .25s ease .3s}
.motion .hlb{background-image:linear-gradient(var(--noche),var(--noche))}
.motion .hl.on{background-size:100% 100%;color:var(--noche)}
.motion .hlb.on{background-size:100% 100%;color:var(--fluo)}