/* =========================================================
   Fusion Consultora — sitio web v3
   Fotografía real, bandas a todo el ancho, navy institucional + coral.
   Montserrat (marca) / Figtree (lectura).
   ========================================================= */

/* ---------- tipografías alojadas en el sitio (Montserrat y Figtree) ---------- */
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/figtree-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --navy:#0D162F; --navy-2:#131E3B; --ink:#080D1C; --black:#0B0E17;
  --coral:#ED412C; --coral-2:#D23A20; --coral-3:#A92D17;
  --paper:#F3F4F7; --white:#FFFFFF; --line:#E1E4EB; --line-2:#C9CEDA;
  --text:#0D162F; --muted:#525A71; --faint:#81879B;
  --d-muted:rgba(255,255,255,.74); --d-faint:rgba(255,255,255,.5); --d-line:rgba(255,255,255,.14);
  --wa:#1E8E4E;
  --display:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --max:1320px; --gut:clamp(18px,4vw,48px);
  --ease:cubic-bezier(.16,.84,.3,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
:focus-visible{outline:2.5px solid var(--coral);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.h2{font-size:clamp(34px,4.4vw,62px);font-weight:800;letter-spacing:-.04em;line-height:1.02}
.h2 em,.title em{font-style:italic;font-weight:800}

/* ---------- buttons ---------- */
.btn{--bg:var(--coral-2);--fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 26px;border-radius:999px;background:var(--bg);color:var(--fg);font-family:var(--display);font-weight:700;font-size:14.5px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),border-color .35s}
.btn::before{content:"";position:absolute;inset:0;background:var(--navy);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn svg{flex:none;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn.outline-l{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.7);padding:18px 40px;font-weight:600;font-family:var(--body);font-size:16px}
.btn.outline-l::before{background:#fff}
.btn.outline-l:hover{color:var(--black)}
.btn.outline{--bg:transparent;--fg:var(--navy);border-color:var(--line-2)}
.btn.outline:hover{color:#fff;border-color:var(--navy)}

/* ---------- header ---------- */
.hdr{position:fixed;left:0;right:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);color:#fff;transition:background .4s,color .4s,box-shadow .4s,transform .45s var(--ease)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;transition:height .4s}
.hdr.solid{background:rgba(255,255,255,.95);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:var(--navy);box-shadow:0 1px 0 var(--line)}
.hdr.solid .wrap{height:70px}
.hdr.hide{transform:translateY(-100%)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-family:var(--display);font-weight:900;font-size:21px;letter-spacing:.01em}
.brand .wm span{font-family:var(--display);font-weight:600;font-size:8.2px;letter-spacing:.52em;margin-top:4px;opacity:.75}
.nav{display:flex;align-items:center;gap:2px}
.nav a.l{font-family:var(--display);font-weight:600;font-size:14px;text-decoration:none;padding:10px 13px;border-radius:999px;color:inherit;opacity:.88;transition:opacity .25s,background .25s}
.nav a.l:hover,.nav a.l[aria-current="page"]{opacity:1;background:rgba(127,135,155,.16)}
.nav .btn{margin-left:10px;padding:12px 20px;font-size:14px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:1100px){.nav{display:none}.burger{display:inline-flex}}
.mnav{position:fixed;inset:0;z-index:60;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gut) calc(32px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.mnav .top{display:flex;justify-content:space-between;align-items:center;height:60px}
.mnav nav{margin-top:24px;display:flex;flex-direction:column}
.mnav nav a{font-family:var(--display);font-weight:700;font-size:clamp(26px,7.5vw,38px);letter-spacing:-.02em;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--d-line)}
.mnav .btn{margin-top:28px;align-self:flex-start}

/* ---------- hero ---------- */
.hero{position:relative;min-height:clamp(560px,100svh,980px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 50% 50%,rgba(8,13,28,.45),rgba(8,13,28,.82))}
.hero .wrap{padding-block:120px 96px;display:flex;flex-direction:column;align-items:center;gap:28px}
.hero h1{font-weight:800;font-size:clamp(46px,8.4vw,128px);line-height:.98;letter-spacing:-.045em}
.hero h1 .l1{display:block}
.hero .rot{display:inline-grid;vertical-align:top;overflow:hidden;height:1.06em;text-align:left}
.hero .rot>span{grid-area:1/1;color:var(--coral);font-style:italic;font-weight:800;transform:translateY(105%);transition:transform .9s var(--ease)}
.hero .rot>span.on{transform:none}
.hero .rot>span.out{transform:translateY(-105%)}
.hero .sub{font-size:clamp(16px,1.35vw,19px);color:rgba(255,255,255,.82);line-height:1.55}
/* si no entra en una línea, corta antes de "diseño y talento humano." */
.hero .sub .nw{white-space:nowrap}
.hero .cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:24px;height:38px;border:1.5px solid rgba(255,255,255,.55);border-radius:12px}
.hero .cue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:wheel 1.8s var(--ease) infinite}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,13px)}}

/* ---------- nosotros: carrusel automático (quiénes somos <-> cifras) ---------- */
.about{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate;padding-block:clamp(96px,11vw,150px) clamp(56px,6vw,80px)}
.about::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 80% at 92% 10%,rgba(237,65,44,.22),transparent 60%),
  radial-gradient(50% 70% at 0% 100%,rgba(36,49,90,.9),transparent 70%)}
.about::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.about-orb{position:absolute;right:-180px;top:50%;width:720px;height:720px;transform:translateY(-50%);color:rgba(255,255,255,.12);z-index:-1;animation:orb 70s linear infinite}
.about-orb .e1{fill:var(--coral)}
@keyframes orb{to{transform:translateY(-50%) rotate(360deg)}}
.about-stage{overflow:hidden}
.about-track{display:grid;grid-template-columns:100% 100%;transition:transform 1.1s var(--ease)}
.about.at-1 .about-track{transform:translateX(-100%)}
.slide{min-width:0;transition:opacity .8s var(--ease)}
.about.at-0 .s-num,.about.at-1 .s-who{opacity:0}
.s-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.about-title{font-size:clamp(46px,7vw,112px);font-weight:800;letter-spacing:-.05em;line-height:.94}
.about-title em{font-style:italic;color:var(--coral)}
.about-copy{display:flex;flex-direction:column;gap:20px;padding-bottom:.6em}
.about-copy p{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--d-muted);max-width:50ch}
.about-copy strong{color:#fff;font-weight:600}
.s-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.stat{display:flex;flex-direction:column;gap:16px;padding:0 clamp(16px,3vw,48px)}
.stat:first-child{padding-left:0}
.stat+.stat{border-left:1px solid var(--d-line)}
.stat b{font-family:var(--display);font-weight:800;font-size:clamp(72px,10vw,168px);line-height:.85;letter-spacing:-.06em;font-variant-numeric:tabular-nums;display:flex;align-items:flex-start}
.stat b .pl{font-size:.42em;color:var(--coral);margin-top:.12em;margin-right:.04em}
.stat>span{font-size:clamp(15.5px,1.25vw,18px);color:var(--d-muted);line-height:1.5;max-width:22ch}
.about-nav{margin-top:clamp(44px,5vw,72px);display:flex;gap:10px}
.about-nav .dot{width:72px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.about-nav .dot i{display:block;width:100%;height:3px;border-radius:3px;background:var(--d-line);position:relative;overflow:hidden}
.about-nav .dot i::after{content:"";position:absolute;inset:0;background:var(--coral);transform:scaleX(0);transform-origin:left}
.about-nav .dot.on i::after{animation:fillbar var(--dur,7s) linear forwards}
.about.paused .about-nav .dot.on i::after{animation-play-state:paused}
@keyframes fillbar{to{transform:scaleX(1)}}
@media (max-width:860px){
  .s-who{grid-template-columns:minmax(0,1fr);gap:24px}
  .s-num{grid-template-columns:minmax(0,1fr);gap:28px}
  .stat,.stat:first-child{padding:0}
  .stat+.stat{border-left:0;border-top:1px solid var(--d-line);padding-top:24px}
  .stat b{font-size:clamp(72px,22vw,120px)}
  .about-orb{width:520px;height:520px;right:-260px}
}
@media (prefers-reduced-motion:reduce){.about-track{transition:none}}

/* ---------- clientes (3 filas en movimiento) ---------- */
.clients{background:var(--black);color:#fff;padding-block:clamp(72px,8vw,112px);overflow:hidden}
.clients .top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.clients .top p{color:var(--d-muted);max-width:40ch}
.rail{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rail+.rail{margin-top:clamp(20px,2.4vw,36px)}
.rail .track{display:flex;align-items:center;gap:clamp(48px,6vw,96px);width:max-content;animation:marq 48s linear infinite}
.rail.rev .track{animation-direction:reverse;animation-duration:56s}
.rail.slow .track{animation-duration:62s}
.rail:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.rail img{height:clamp(54px,6vw,84px);width:auto;max-width:200px;object-fit:contain;opacity:.82;transition:opacity .3s,transform .4s var(--ease)}
.rail img:hover{opacity:1;transform:scale(1.06)}

/* ---------- servicios (bandas a todo el ancho) ---------- */
.svc-head{padding-block:clamp(88px,10vw,136px) clamp(36px,4vw,56px)}
.svc-head .row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.svc-head p{color:var(--muted);max-width:44ch;font-size:17.5px}
.bands{border-top:1px solid #000}
.band{position:relative;background:var(--black);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.band .bg{position:absolute;inset:0;overflow:hidden}
.band .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.7) contrast(1.05);transform:scale(1.02);transition:filter .7s var(--ease),transform 1.4s var(--ease)}
.band .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,28,.82),rgba(8,13,28,.35) 70%,rgba(8,13,28,.25));transition:background .6s}
.band:hover .bg img,.band.open .bg img{filter:grayscale(0) brightness(.85) contrast(1);transform:scale(1.06)}
.band.open .bg::after{background:linear-gradient(90deg,rgba(8,13,28,.9),rgba(8,13,28,.62) 65%,rgba(8,13,28,.4))}
.band button.toggle{position:relative;z-index:1;width:100%;min-height:clamp(150px,17vw,250px);display:flex;align-items:center;background:none;border:0;color:inherit;cursor:pointer;text-align:left;font:inherit;padding:0}
.band button.toggle .wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.band .title{font-family:var(--display);font-weight:500;font-size:clamp(26px,3.4vw,52px);letter-spacing:-.03em;line-height:1.08;max-width:22ch}
.band .title em{font-weight:800}
.band .pm{flex:none;width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),background .35s,border-color .35s}
.band.open .pm{transform:rotate(45deg);background:var(--coral-2);border-color:var(--coral-2)}
.band .body{position:relative;z-index:1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.band.open .body{grid-template-rows:1fr}
.band .body>div{overflow:hidden;min-height:0}
.band .content{padding-bottom:clamp(36px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.band .content p{font-size:18px;color:rgba(255,255,255,.88);max-width:56ch;margin-bottom:16px}
.band .content ul{display:grid;gap:10px}
.band .content li{display:flex;gap:12px;align-items:baseline;font-size:clamp(17px,1.4vw,20px);font-weight:500}
.band .content li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--coral);transform:translateY(-3px)}
.band .content .btn{white-space:nowrap}
@media (max-width:760px){.band .content{grid-template-columns:minmax(0,1fr)}.band .pm{width:44px;height:44px}}

/* ---------- método (como la web actual) ---------- */
.metodo{padding-block:clamp(96px,11vw,152px);background:var(--white);border-top:1px solid var(--line)}
.metodo .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.metodo .txt{display:flex;flex-direction:column;gap:22px}
.metodo .txt .kick{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-3)}
.metodo .txt p{color:var(--muted);font-size:17.5px;line-height:1.75;max-width:54ch}
.metodo .txt p strong{color:var(--text)}
.metodo figure{width:min(560px,100%);margin-inline:auto}
.metodo figure img{width:100%;height:auto;mix-blend-mode:multiply}
@media (max-width:900px){.metodo .grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- portfolio (proyectos de Behance) ---------- */
.portfolio{background:var(--black);color:#fff;padding-block:clamp(96px,11vw,152px)}
.portfolio .top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:clamp(44px,5vw,72px)}
.portfolio .top p{color:var(--d-muted);max-width:42ch}
/* el embed de Behance tiene un layout interno fijo de 404x316: se dibuja a ese tamaño
   y se escala entero para que entre en la columna (--s lo calcula fusion.js) */
.be-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:clamp(14px,1.6vw,22px)}
.be-item{position:relative;width:100%;max-width:404px;aspect-ratio:404/316;border-radius:14px;overflow:hidden;background:var(--navy-2)}
.be-item iframe{position:absolute;top:0;left:0;width:404px;height:316px;border:0;transform-origin:0 0;transform:scale(var(--s,1))}
.be-cta{display:flex;justify-content:center;margin-top:clamp(36px,4vw,56px)}
@media (max-width:1000px){.be-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.be-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- testimonios (como la web actual) ---------- */
.testis{padding-block:clamp(96px,11vw,152px);background:var(--white);text-align:center}
.testis h2{font-family:var(--display);font-weight:500;font-size:clamp(26px,3vw,40px);letter-spacing:-.025em}
.testis h2 b{font-weight:800}
.testis .rule{width:160px;height:2px;background:var(--coral);margin:24px auto clamp(40px,5vw,64px)}
/* testimonios verticales 9:16: la tarjeta y el video mantienen el formato original */
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);max-width:1080px;margin-inline:auto}
.tcard{position:relative;aspect-ratio:9/16;background:var(--navy);border-radius:20px;overflow:hidden;isolation:isolate;max-width:100%}
.tcard .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.tcard:hover .ph{transform:scale(1.04)}
.tcard button.play{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;color:#fff;font-family:var(--display);font-weight:700;font-size:14px;gap:10px}
.tcard button.play span.i{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease),background .3s,color .3s}
.tcard button.play:hover span.i{transform:scale(1.1);background:var(--coral-2);color:#fff}
.tcard button.play .lb{align-self:center}
.tcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:2}
@media (max-width:820px){.tgrid{grid-template-columns:minmax(0,360px);justify-content:center;gap:18px}}

/* ---------- equipo ---------- */
.team{padding-block:clamp(96px,11vw,152px) clamp(96px,11vw,152px);background:var(--white);border-top:1px solid var(--line)}
.team-hero{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:2/1;isolation:isolate;max-width:100%}
.team-hero img{width:100%;height:100%;object-fit:cover}
.team-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,28,.78),rgba(8,13,28,0) 50%)}
.team-hero h2{position:absolute;left:clamp(20px,3vw,44px);bottom:clamp(20px,3vw,40px);z-index:1;color:#fff;max-width:16ch}
/* en celular la foto grupal se ve entera (16:9) y el título va debajo, sin tapar caras */
@media (max-width:700px){
  .team-hero{aspect-ratio:auto;border-radius:0;overflow:visible}
  .team-hero img{height:auto;aspect-ratio:16/9;border-radius:20px}
  .team-hero::after{display:none}
  .team-hero h2{position:static;margin-top:22px;color:var(--text);max-width:none}
}
.people{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.person figure{border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--paper);max-width:100%}
.person img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s var(--ease),transform 1.1s var(--ease)}
.person:hover img{filter:grayscale(0);transform:scale(1.04)}
.person h3{margin-top:14px;font-size:20px;font-weight:700}
.person p{font-size:14.5px;color:var(--muted);margin-top:2px}
/* en pantallas chicas la última fila queda centrada en vez de pegada a la izquierda */
@media (max-width:1000px){
  .people{display:flex;flex-wrap:wrap;justify-content:center}
  .person{flex:0 0 calc((100% - 32px) / 3);text-align:center}
}
@media (max-width:560px){
  .people{gap:12px}
  .person{flex-basis:calc((100% - 12px) / 2)}
}

/* ---------- cierre (estilo La Idea) ---------- */
.close{background:var(--black);color:#fff}
.close .band-img{position:relative;height:clamp(220px,26vw,360px);overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center}
.close .band-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42);z-index:-1}
.close .band-img h2{font-size:clamp(32px,4.6vw,68px);font-weight:800;letter-spacing:-.04em}
.close .band-img h2 em{font-style:italic;color:var(--coral)}
.close .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,40px);padding-block:clamp(64px,8vw,104px)}
.ftr{background:#12151F;color:#fff;padding-block:clamp(56px,6vw,80px) 28px;text-align:center}
.ftr .big{display:inline-flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:#fff}
.ftr .big .wm{display:flex;flex-direction:column;align-items:center;line-height:1}
.ftr .big .wm b{font-family:var(--display);font-weight:900;font-size:clamp(54px,8vw,104px);letter-spacing:-.01em}
.ftr .big .wm span{font-family:var(--display);font-weight:600;font-size:clamp(11px,1.3vw,16px);letter-spacing:.62em;margin-top:10px;padding-left:.62em;opacity:.8}
.ftr .soc{display:flex;justify-content:center;gap:10px;margin-top:32px}
.ftr .soc a{width:46px;height:46px;border-radius:50%;border:1px solid var(--d-line);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .3s,border-color .3s}
.ftr .soc a:hover{background:var(--coral-2);border-color:var(--coral-2)}
.ftr .info{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;font-size:14.5px;color:var(--d-muted)}
.ftr .info a{color:var(--d-muted);text-decoration:none}
.ftr .info a:hover{color:#fff}
.ftr .base{margin-top:40px;padding-top:22px;border-top:1px solid var(--d-line);font-size:13px;color:var(--d-faint)}
.wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:45;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(0,0,0,.28);transition:transform .35s var(--ease)}
.wa:hover{transform:scale(1.08)}

/* ---------- página del método ---------- */
.phero{position:relative;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);z-index:-2}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,13,28,.94),rgba(8,13,28,.6))}
.phero .wrap{padding-top:clamp(150px,16vw,210px);padding-bottom:clamp(56px,6vw,88px);display:flex;flex-direction:column;gap:20px}
.phero h1{font-size:clamp(44px,6.6vw,100px);font-weight:800;letter-spacing:-.045em;line-height:.98}
.phero p{max-width:640px;font-size:clamp(17px,1.4vw,20px);color:rgba(255,255,255,.85)}
.crumbs{display:flex;gap:10px;font-family:var(--display);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.crumbs a{color:rgba(255,255,255,.85);text-decoration:none}
.sec{padding-block:clamp(88px,10vw,144px)}
.head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(44px,5vw,72px)}
.head p{color:var(--muted);font-size:17.5px;line-height:1.7;max-width:46ch}
.dark{background:var(--navy);color:#fff}
.dark .head p{color:var(--d-muted)}
@media (max-width:860px){.head{grid-template-columns:minmax(0,1fr)}}
.wheel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.wheel{width:min(540px,100%);aspect-ratio:1/1;margin-inline:auto;max-width:100%}
.wheel svg{width:100%;height:100%;overflow:visible}
.wheel .seg{cursor:pointer;transition:fill .35s}
.wheel .hit:focus-visible{outline:none}
.wheel .hit:focus-visible .seg{stroke:var(--navy);stroke-width:2.5}
.wheel .lbl{font-family:var(--display);font-weight:800;font-size:11.5px;letter-spacing:.14em;fill:var(--text)}
.wheel .lbl.on{fill:var(--coral-3)}
.wheel .num{font-family:var(--display);font-weight:800;font-size:15px;fill:#fff;pointer-events:none}
.wheel .vals{font-family:var(--display);font-weight:600;font-size:7.4px;letter-spacing:.2em;fill:rgba(255,255,255,.66)}
.spanel{display:flex;flex-direction:column;gap:16px}
.spanel .bd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.spanel .k{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-3)}
.spanel .k b{width:42px;height:42px;border-radius:50%;background:var(--coral-2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:0}
.spanel h2{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.035em}
.spanel p{color:var(--muted);font-size:17.5px;line-height:1.7}
.spanel ul{display:grid;gap:12px;margin-top:6px}
.spanel li{display:flex;gap:12px;font-weight:600}
.spanel li svg{flex:none;margin-top:5px;color:var(--coral-2)}
.ib{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);background:#fff;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ib:hover{border-color:var(--navy)}
@media (max-width:900px){.wheel-grid{grid-template-columns:minmax(0,1fr)}}
.etapas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.etapa{border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:14px;background:#fff}
.etapa .top{display:flex;justify-content:space-between;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.etapa .top b{color:var(--coral-3)}
.etapa .top span{color:var(--faint)}
.etapa h3{font-size:24px;font-weight:800}
.etapa .o{color:var(--muted);font-size:15.5px}
.etapa h4{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:6px}
.etapa ul{display:grid;gap:7px;font-size:15px;color:var(--muted)}
.etapa li{display:flex;gap:10px}
.etapa li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-top:10px}
.etapa .r{margin-top:auto;padding:14px 16px;border-radius:14px;background:#FDEDEA;color:var(--coral-3);font-weight:600;font-size:15px}
@media (max-width:980px){.etapas{grid-template-columns:minmax(0,1fr)}}
.scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--d-line);border:1px solid var(--d-line);border-radius:24px;overflow:hidden}
.scope div{background:var(--navy);padding:28px;display:flex;flex-direction:column;gap:8px}
.scope b{font-family:var(--display);font-size:17px}
.scope span{color:var(--d-muted);font-size:15px}
@media (max-width:860px){.scope{grid-template-columns:minmax(0,1fr)}}
.fine{margin-top:28px;font-size:14.5px;color:var(--d-faint);max-width:760px}

/* ---------- reveal ---------- */
.js .rv{transition:transform 1.1s var(--ease)}
.js .rv.pre{transform:translateY(40px)}
.js .rv.d1{transition-delay:.08s}.js .rv.d2{transition-delay:.16s}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- panel Sumate a nuestro team ---------- */
.tdlg{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}
.tdlg-bg{position:absolute;inset:0;background:rgba(8,13,28,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tdlg-box{position:relative;width:min(520px,100%);background:#fff;color:var(--text);border-radius:24px;padding:clamp(28px,4vw,40px);display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:tdlg .45s var(--ease)}
@keyframes tdlg{from{transform:translateY(16px) scale(.98)}to{transform:none}}
.tdlg-box h2{font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.03em}
.tdlg-box p{color:var(--muted);font-size:16px}
.tdlg-x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tdlg-mail{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.tdlg-mail .val{font-family:var(--display);font-weight:700;font-size:clamp(14px,1.6vw,17px);user-select:all;word-break:break-all}
.tdlg-copy{flex:none;border:0;background:var(--navy);color:#fff;font-family:var(--display);font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px;cursor:pointer}
.tdlg-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.tdlg-acts .btn{padding:13px 20px;font-size:14px}
button.lnk{background:none;border:0;padding:0;font:inherit;color:var(--d-muted);cursor:pointer}
button.lnk:hover{color:#fff}

/* ---------- logos reales ---------- */
.brand .iso,.brand .wmk{position:relative;display:block}
.brand .iso img{height:40px;width:auto}
.brand .wmk img{height:30px;width:auto}
.hdr .brand .n{display:none}
.hdr.solid .brand .w{display:none}
.hdr.solid .brand .n{display:block}
.hdr.solid .brand .iso img{height:36px}.hdr.solid .brand .wmk img{height:27px}
.mnav .brand{display:flex;align-items:center;gap:10px}
.mnav .brand img:first-child{height:36px;width:auto}.mnav .brand img:last-child{height:28px;width:auto}
.ftr .big img{width:clamp(150px,16vw,210px);height:auto}

/* ---------- hero: palabra rotativa (una sola, sin duplicados) ---------- */
.hero .rot{display:inline-block;overflow:hidden;height:auto;vertical-align:bottom;padding-bottom:.08em}
.hero .rot .word{display:inline-block;color:var(--coral);font-style:italic;font-weight:800;transform:none;opacity:1}
.hero .rot .word.leave{animation:wleave .45s var(--ease) forwards}
.hero .rot .word.enter{animation:wenter .6s var(--ease) both}
@keyframes wleave{to{transform:translateY(-60%);opacity:0}}
@keyframes wenter{from{transform:translateY(60%);opacity:0}to{transform:none;opacity:1}}

/* ---------- nosotros: textura de marca sutil ---------- */
.about-tex{position:absolute;inset:-10%;z-index:-1;background:url(../img/brand/textura.png) 0 0/520px auto repeat;opacity:.055;animation:texdrift 90s linear infinite;-webkit-mask-image:radial-gradient(80% 90% at 85% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(80% 90% at 85% 40%,#000 20%,transparent 75%)}
@keyframes texdrift{to{background-position:520px 431px}}
.about::after{display:none}

.ftr .loc{margin-top:14px;font-size:14px;color:var(--d-faint)}

/* fondo con textura (Qué incluye la consultoría) */
.tex-bg{position:relative;overflow:hidden;isolation:isolate}
.tex-bg::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 80% at 92% 10%,rgba(237,65,44,.2),transparent 60%),
  radial-gradient(50% 70% at 0% 100%,rgba(36,49,90,.9),transparent 70%)}
.tex-bg .scope{background:rgba(255,255,255,.1)}
.tex-bg .scope div{background:rgba(13,22,47,.86);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}

/* servicios: subgrupos con chips */
.band .groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.band .grp h4{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FF8B78;margin-bottom:14px}
.band .content ul.chips{display:flex;flex-wrap:wrap;gap:10px}
.band .content ul.chips li{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.06);font-size:clamp(15px,1.2vw,17px);font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.band .content ul.chips li::before{display:none}
@media (max-width:760px){.band .groups{grid-template-columns:minmax(0,1fr)}}
.stat b .suf{margin-left:.04em;margin-right:0}

.band .groups.one{grid-template-columns:minmax(0,1fr)}
.band .content p+.groups{margin-top:6px}
.s-num.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;width:100%;margin-inline:auto;align-self:center;align-items:start}
.s-num.two .stat,.s-num.two .stat:first-child{align-items:center;text-align:center;padding-inline:clamp(16px,3vw,48px)}
@media (max-width:860px){.s-num.two{grid-template-columns:minmax(0,1fr)}.s-num.two .stat,.s-num.two .stat:first-child{padding-inline:0}}