/* advent marketing: extensión del sistema de vent (vent.css manda; aquí sólo lo propio) */
.mk-hero{padding:calc(var(--nav-h) + clamp(56px,10vh,120px)) 0 clamp(80px,12vh,140px)}
.mk-t{font-weight:800;font-size:clamp(52px,10.4vw,168px);line-height:.9;letter-spacing:-.055em;margin-left:-.04em;max-width:12ch}
.mk-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;margin-top:clamp(36px,5vw,64px)}
.mk-foot .lead{max-width:36ch}
.mk-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.mk-fases,.mk-sect,.mk-gente,.mk-marca{padding:clamp(100px,14vh,170px) 0}
.mf-l{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--p-14);counter-reset:none}
.mf-l li{padding:22px 22px 6px 0}
.mf-l li+li{padding-left:22px;border-left:1px solid var(--p-14)}
.mf-l span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--neon);color:var(--negro);font-weight:800;font-size:13px}
.mf-l b{display:block;margin-top:16px;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em}
.mf-l p{margin-top:6px;font-size:var(--t-body);color:var(--p-80);max-width:28ch}
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.ms-card{display:flex;flex-direction:column;gap:8px;transition:transform .2s var(--ease-out)}
.ms-card:active{transform:scale(.99)}
.ms-ph{display:block;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:var(--negro);margin-bottom:10px}
.ms-ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
.ms-card b{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em}
.ms-p{font-size:var(--t-body);color:rgba(0,0,0,.72);max-width:44ch}
.ms-proof{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:6px;font-weight:700;font-size:14px;border-bottom:1.5px solid var(--negro);padding:4px 0}
.ms-proof .ic{width:16px;height:16px;transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.ms-card:hover .ms-ph img{transform:scale(1.03)}.ms-card:hover .ms-proof .ic{transform:translateX(4px)}}
.mk-neon{color:var(--neon);font-weight:800}
.mk-gente-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,28px)}
.mk-p{margin:0}
.mk-p1{grid-column:1/9}
.mk-p2{grid-column:5/13}
.mk-p3{grid-column:2/10}
.mk-frame{border-radius:18px;overflow:hidden;background:#000}
.mk-frame img{display:block;width:100%;height:auto}
.mk-bridge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 36px;align-items:center;padding:clamp(22px,3vw,36px);border-radius:20px;background:var(--negro);color:var(--perla);margin-bottom:clamp(72px,10vw,130px);transition:transform .2s var(--ease-out)}
.mk-bridge:active{transform:scale(.99)}
.mk-bridge-w{font-weight:800;font-size:clamp(44px,5vw,76px);letter-spacing:-.05em;line-height:1}
.mk-bridge-t{font-size:var(--t-body);line-height:1.55;color:var(--p-80);max-width:56ch}
.mk-bridge-c{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;background:var(--neon);color:var(--negro);font-weight:700;white-space:nowrap}
.mk-bridge-c .ic{transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.mk-bridge:hover .mk-bridge-c .ic{transform:translateX(4px)}}
.mk-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,28px)}
.mk-fig{margin:0}
.mk-f1{grid-column:1/-1}
.mk-f4{grid-column:1/8}
.mk-f5{grid-column:8/13;align-self:end}
.mk-fin-t{font-size:clamp(52px,9vw,150px);max-width:13ch}
/* revelado de fotos: clip-path que abre (sólo con JS y sin movimiento reducido) */
.mk-js .mk-frame{clip-path:inset(0 0 100% 0 round 18px);transition:clip-path 1.1s var(--ease-out)}
.mk-js .mk-frame[data-wipe=l]{clip-path:inset(0 100% 0 0 round 18px)}
.mk-js .mk-frame[data-wipe=r]{clip-path:inset(0 0 0 100% round 18px)}
.mk-js .mk-frame.is-in{clip-path:inset(0 0 0 0 round 18px)}
@media (max-width:1040px){.mf-l{grid-template-columns:1fr 1fr}.mf-l li:nth-child(3){padding-left:0;border-left:0}.mf-l li:nth-child(n+3){border-top:1px solid var(--p-14)}}
@media (max-width:860px){
  .mk-foot{grid-template-columns:1fr}
  .ms-grid{grid-template-columns:1fr}
  .mk-p1,.mk-p2,.mk-p3,.mk-f4,.mk-f5{grid-column:1/-1}
  .mk-bridge{grid-template-columns:1fr}
  .mk-bridge-c{justify-self:start}
}
@media (max-width:640px){
  .mf-l{grid-template-columns:1fr}
  .mf-l li,.mf-l li+li{padding:18px 0;border-left:0;border-top:1px solid var(--p-14)}
  .mf-l li:first-child{border-top:0}
  .mk-cta .btn{width:100%;justify-content:center;white-space:normal;height:auto;min-height:52px;padding:12px 22px;text-align:center}
  .fin-cta .btn{white-space:normal;height:auto;min-height:60px;padding:14px 22px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.ms-ph img{transition:none}}