:root{
  --bg:#0E2030; --bg-deep:#081421;
  --accent:#22B6CB; --accent-strong:#159AAC;
  --hpaper:#EAF1F4;
  --dim:rgba(234,241,244,.74); --dim-2:rgba(234,241,244,.5);
  --line:rgba(234,241,244,.16);
  --font-display:'Newsreader', Georgia, serif;
  --font-body:'Hanken Grotesk', sans-serif;
  --font-mono:'Space Mono', ui-monospace, monospace;
}
body{ font-family:var(--font-body); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
section[id], header[id]{ scroll-margin-top:84px; }

/* ===== HERO ===== */
.vhero{ position:relative; min-height:100svh; min-height:100vh; display:flex; flex-direction:column; isolation:isolate; overflow:hidden; background:var(--bg-deep); }
.hero__photo{ position:absolute; inset:0; z-index:-4; }
.layer{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1.1s ease; filter:saturate(.92); transform:scale(1.04); }
.layer.show{ opacity:1; animation:slowZoom 30s ease-in-out infinite alternate; }
@keyframes slowZoom{ from{transform:scale(1.02)} to{transform:scale(1.1)} }
.hero__scrim{ position:absolute; inset:0; z-index:-3; pointer-events:none;
  background:
    radial-gradient(70% 60% at 88% 16%, rgba(34,182,203,.10) 0%, transparent 58%),
    linear-gradient(180deg, rgba(8,20,33,.82) 0%, rgba(8,20,33,.1) 20%, rgba(8,20,33,0) 60%, rgba(8,20,33,.55) 100%),
    linear-gradient(98deg, rgba(8,20,33,.96) 0%, rgba(12,28,44,.82) 42%, rgba(14,32,48,.45) 72%, rgba(14,32,48,.35) 100%);
}
.hero__grain{ position:absolute; inset:0; z-index:-2; pointer-events:none; opacity:.04; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* ===== AURORA ===== */
.hero__aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora-a,.aurora-b,.aurora-c{position:absolute;border-radius:50%;will-change:transform;mix-blend-mode:screen}
.aurora-a{
  width:min(900px,130vw);height:min(900px,130vw);
  top:-20%;left:-15%;
  background:radial-gradient(circle,rgba(34,182,203,.55) 0%,rgba(34,182,203,.18) 40%,transparent 68%);
  filter:blur(48px);
  animation:auroraA 24s ease-in-out infinite alternate;
}
.aurora-b{
  width:min(780px,120vw);height:min(780px,120vw);
  bottom:-22%;right:-10%;
  background:radial-gradient(circle,rgba(14,140,200,.50) 0%,rgba(14,140,200,.16) 40%,transparent 68%);
  filter:blur(56px);
  animation:auroraB 30s ease-in-out infinite alternate;
}
.aurora-c{
  width:min(560px,90vw);height:min(560px,90vw);
  top:10%;left:50%;
  background:radial-gradient(circle,rgba(0,210,160,.38) 0%,rgba(0,210,160,.12) 40%,transparent 68%);
  filter:blur(52px);
  animation:auroraC 19s ease-in-out infinite alternate;
}
@keyframes auroraA{from{transform:translate(0,0) scale(1)}to{transform:translate(150px,100px) scale(1.18)}}
@keyframes auroraB{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-130px,-85px) scale(1)}}
@keyframes auroraC{from{transform:translate(0,0) scale(1)}to{transform:translate(-110px,65px) scale(1.14)}}
@media(min-width:641px) and (max-width:1024px){
  .aurora-a{opacity:.38}
  .aurora-b{opacity:.32}
  .aurora-c{opacity:.25}
  .hero__aurora::after{content:"";position:absolute;inset:0;background:rgba(8,20,33,.38);pointer-events:none;z-index:-1}
  /* Reduce hero height so scroll indicator and nav are always visible */
  .vhero{min-height:100vh;min-height:100svh}
}
@media(max-width:640px){
  .aurora-a{filter:blur(38px);opacity:.35}
  .aurora-b{filter:blur(44px);opacity:.3}
  .aurora-c{display:none}
  .hero__aurora::after{content:"";position:absolute;inset:0;background:rgba(8,20,33,.55);pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .aurora-a,.aurora-b,.aurora-c{animation:none}
}

/* ===== HERO CONTENIDO ===== */
.hero__body{ flex:1; display:flex; align-items:center; padding-top:67px; }
.vwrap{ max-width:1320px; width:100%; margin:0 auto; padding:0 clamp(20px,5vw,56px) clamp(40px,6vh,70px); }
.content{ max-width:780px; }
.veyebrow{ display:inline-flex; align-items:center; gap:13px; font-family:var(--font-mono); font-size:.74rem; font-weight:400; letter-spacing:.22em;
  text-transform:uppercase; color:var(--accent); margin-bottom:26px; }
.veyebrow::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--accent); flex:none}
.headline{ font-family:var(--font-display); font-weight:500; font-size:clamp(2.3rem,4.8vw,3.9rem); line-height:1.05;
  letter-spacing:-.015em; color:#fff; margin-bottom:24px; max-width:18ch; text-wrap:balance; }
.headline .hl{ color:var(--accent); font-style:italic; font-weight:400; }
.subline{ font-size:clamp(1.02rem,1.45vw,1.18rem); line-height:1.62; color:var(--dim); max-width:54ch; margin-bottom:38px; }
.actions{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.cta{ font-family:var(--font-body); font-weight:600; font-size:.96rem; background:var(--accent); color:#06141f; border:none; cursor:pointer;
  padding:13px 24px; border-radius:999px; text-decoration:none; white-space:nowrap; display:inline-flex; align-items:center; gap:8px;
  transition:transform .2s, background .2s, box-shadow .2s; box-shadow:0 14px 32px -12px rgba(34,182,203,.6); }
.cta:hover{ transform:translateY(-2px); background:#3fcfe1; box-shadow:0 20px 40px -12px rgba(34,182,203,.75); }
.cta svg{transition:transform .25s} .cta:hover svg{transform:translateX(3px)}
.btn-ghost{ font-family:var(--font-body); font-weight:600; font-size:.96rem; color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:9px;
  padding:12px 22px; border:1px solid var(--line); border-radius:999px; transition:gap .25s, border-color .25s, background .25s; }
.btn-ghost:hover{ gap:13px; border-color:var(--accent); background:rgba(34,182,203,.08); }

.hero__foot{ position:relative; z-index:5; border-top:1px solid var(--line); }
.foot-wrap{ max-width:1320px; margin:0 auto; padding:18px clamp(20px,5vw,56px); display:flex; align-items:center; justify-content:space-between; gap:18px; }
.switcher{ display:flex; align-items:center; gap:16px; }
.sw-label{ font-family:var(--font-mono); font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--dim-2); }
.dots{ display:flex; align-items:center; gap:6px; }
.dots button{ position:relative; width:7px;height:7px;border-radius:50%;border:none;cursor:pointer;padding:0;background:rgba(234,241,244,.22);transition:all .3s; }
.dots button::after{ content:""; position:absolute; inset:-9px; }
.dots button[aria-current="true"]{ background:var(--accent); width:20px; border-radius:4px; }
.dots button:hover{ background:rgba(234,241,244,.6); }
.arrow{ width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--hpaper); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.arrow:hover{ border-color:var(--accent); color:var(--accent); background:rgba(34,182,203,.08); }
.caps{ font-family:var(--font-mono); font-size:.74rem; letter-spacing:.04em; color:var(--dim-2); display:flex; gap:18px; flex-wrap:wrap; }
.caps span{ position:relative; } .caps span:not(:last-child)::after{ content:"·"; position:absolute; right:-11px; }

.fade{animation:fade .8s both} @keyframes fade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.vrv{opacity:0; transform:translateY(20px); animation:rise .65s both cubic-bezier(.2,.7,.2,1)}
.d1{animation-delay:0s}.d2{animation-delay:.07s}.d3{animation-delay:.14s}.d4{animation-delay:.21s}
@keyframes rise{to{opacity:1;transform:none}}

/* ===== brecha: layout 2 col ===== */
.brecha-head{display:grid !important; grid-template-columns:1fr 1fr; align-items:center; gap:60px}
.brecha-r{display:flex; flex-direction:column; gap:0; padding-top:0; position:relative; z-index:1; justify-content:center}
.brecha-chips{display:flex; flex-wrap:wrap; gap:10px}
.brecha-chips>span{font-family:var(--font-mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--accent); border:1px solid rgba(34,182,203,.28); border-radius:100px; padding:8px 16px;
  transition:background .22s, color .22s}
.brecha-chips>span:hover{background:rgba(34,182,203,.12); color:#fff}
@media(max-width:760px){.brecha-head{grid-template-columns:1fr !important}}

/* ===== Brecha Opción B: connector + pilares ===== */
#brecha{position:relative;overflow:hidden;background:#081421 !important} #brecha .wrap{position:relative}
.brecha-three{position:absolute;right:40px;top:33%;font-family:var(--font-display);font-size:320px;font-weight:500;color:rgba(255,255,255,.05);line-height:1;letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:0}

.brecha-r .entendemos{font-family:var(--font-body);font-style:italic;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.65;color:var(--dim);border-left:2px solid var(--accent);padding-left:24px;margin:0;max-width:44ch}
.sol-connector{position:relative;z-index:1;display:flex;align-items:center;margin:36px 0 28px}
.sol-connector::before,.sol-connector::after{content:'';flex:1;height:1px}
.sol-connector::before{background:linear-gradient(90deg,transparent 0%,rgba(34,182,203,.7) 100%)}
.sol-connector::after{background:linear-gradient(90deg,rgba(34,182,203,.7) 0%,transparent 100%)}
.sol-label{padding:6px 20px;border:1px solid var(--accent);border-radius:100px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:#081421;flex-shrink:0;margin:0}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}
.pillar-card{background:rgba(255,255,255,.03);border:1px solid rgba(234,241,244,.16);border-top:2px solid var(--accent);border-radius:12px;padding:24px 26px}
.pillar-card .pn{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:12px}
.pillar-card h3{font-family:var(--font-display);font-weight:500;font-size:1.35rem;color:#fff;margin-bottom:10px;letter-spacing:-.01em}
.pillar-card p{font-size:.85rem;color:rgba(234,241,244,.6);line-height:1.55}
@media(max-width:760px){.pillar-grid{grid-template-columns:1fr}}

@media (max-width:900px){ .caps{display:none} .foot-wrap{justify-content:flex-start} }
/* ===== impact card (dark) ===== */
.impact-card{background:transparent;border-radius:0;padding:0;position:relative;overflow:hidden}
.impact-card::after{content:"";position:absolute;top:-180px;right:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(34,182,203,.09),transparent 60%);pointer-events:none}
.impact-hd{max-width:600px;margin-bottom:clamp(40px,5.5vw,64px)}
.impact-hd .eyebrow{margin-bottom:18px}
.impact-ttl{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.015em;color:#fff;text-wrap:balance;margin:0 0 16px}
.impact-ttl em{font-style:italic;color:var(--brand-2)}
.impact-sub{color:var(--dim);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.6;max-width:52ch}
.impact-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border-top:1px solid var(--hair-d);padding-top:clamp(36px,5vw,52px)}
.istat{text-align:center;padding:0 clamp(16px,3vw,48px)}
.istat-vr{width:1px;height:110px;background:var(--hair-d);align-self:center}
.istat-num{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,6vw,5rem);color:var(--brand-2);line-height:1;letter-spacing:-.02em;margin-bottom:16px}
.istat-label{font-family:var(--sans);font-weight:700;font-size:1rem;color:#fff;margin-bottom:10px;letter-spacing:-.01em}
.istat-desc{font-size:.9rem;color:var(--dim);line-height:1.52;max-width:26ch;margin:0 auto}
.impact-foot{margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--hair-d);padding-top:18px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--dim-2);text-align:right}
#impact{position:relative;overflow:hidden;background:#081421 !important}
#impact .wrap{position:relative}
.imp-zero{position:absolute;right:40px;bottom:60px;font-family:var(--font-display);font-size:400px;font-weight:500;color:rgba(255,255,255,.05);line-height:1;letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:0}
.imp-stat{padding:22px 0}
.imp-num{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,4vw,3.2rem);color:var(--accent);line-height:1;letter-spacing:-.02em;margin-bottom:10px}
.imp-lbl{font-family:var(--font-body);font-weight:700;font-size:.96rem;color:#fff;margin-bottom:7px}
.imp-ds{font-size:.88rem;color:var(--dim);line-height:1.52}
@media(max-width:860px){
  .impact-stats{grid-template-columns:1fr;gap:36px;padding-top:32px}
  .istat-vr{display:none}
  .istat{text-align:left;padding:0}
  .istat-desc{max-width:none;margin:0}
}
@media (max-width:760px){
  .vhero{ min-height:100svh; }
  .hero__scrim{ background:
    radial-gradient(80% 40% at 80% 8%, rgba(34,182,203,.14) 0%, transparent 60%),
    linear-gradient(180deg, rgba(8,20,33,.7) 0%, rgba(8,20,33,.35) 40%, rgba(8,20,33,.78) 100%); }
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important} .vrv{opacity:1 !important;transform:none !important} }
/* WhatsApp FAB */
.wa-wrap{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:8px;animation:waFabIn .6s cubic-bezier(.2,.7,.2,1) 2.2s both}
.wa-fab{width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 24px -6px rgba(37,211,102,.65);transition:transform .25s,background .2s,box-shadow .2s}
.wa-fab:hover{transform:scale(1.07);background:#20c05c;box-shadow:0 12px 32px -8px rgba(37,211,102,.75)}
.wa-menu{display:flex;flex-direction:column;gap:6px;transform:translateY(10px) scale(.95);opacity:0;pointer-events:none;transition:.22s cubic-bezier(.2,.7,.2,1);transform-origin:bottom right}
@media(hover:hover){.wa-wrap:hover .wa-menu{transform:none;opacity:1;pointer-events:auto}}
.wa-wrap.wa-open .wa-menu{transform:none;opacity:1;pointer-events:auto}
.wa-menu-item{display:flex;align-items:center;gap:9px;padding:9px 16px;background:rgba(6,20,31,.88);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:500;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .15s}
.wa-menu-item:hover{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.5);transform:translateX(-3px)}
@keyframes waFabIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
/* Language toggle */
.lang-btn{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(234,241,244,.45);background:rgba(234,241,244,.06);border:1px solid rgba(234,241,244,.14);border-radius:999px;padding:5px 12px;cursor:pointer;transition:color .2s,background .2s,border-color .2s;white-space:nowrap;line-height:1}
.lang-btn:hover{color:#fff;background:rgba(234,241,244,.1);border-color:rgba(234,241,244,.22)}
html.lang-en .l-es{display:none!important}
html:not(.lang-en) .l-en{display:none!important}


/* ===== Testimonial cards ===== */
.tcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.tcard{background:rgba(255,255,255,.04);border:1px solid var(--hair-d);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;transition:background .25s,border-color .25s}
.tcard:hover{background:rgba(255,255,255,.07);border-color:rgba(34,182,203,.2)}
.tcard-accent{width:32px;height:2px;background:var(--brand-2);border-radius:2px;margin-bottom:22px;flex:none}
.tcard-q{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.58;color:#EAF1F4;flex:1;margin-bottom:22px;text-wrap:pretty}
.tcard-div{height:1px;background:var(--hair-d);margin-bottom:18px;flex:none}
.tcard-who{display:flex;align-items:center;gap:12px;flex:none}
.tcard-av{width:38px;height:38px;border-radius:50%;background:rgba(34,182,203,.12);border:1px solid rgba(34,182,203,.25);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:500;color:var(--brand-2);flex:none;font-size:1rem}
.tcard-name{font-family:var(--sans);font-weight:600;font-size:.88rem;color:#fff;display:block}
.tcard-co{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim-2);display:block;margin-top:3px}
@media(max-width:900px){.tcard-grid{grid-template-columns:1fr;gap:16px}}


/* enfoque-headline: horizontal, misma línea */
.enfoque-headline{display:flex;align-items:baseline;gap:clamp(24px,4vw,56px);flex-wrap:nowrap;margin-bottom:clamp(22px,3vw,36px)}
.enfoque-headline .concept-name{margin:0;font-size:clamp(2.8rem,5.5vw,4.6rem);white-space:nowrap;flex:none;line-height:1}
.enfoque-headline .eq-cluster{flex:0 0 auto;display:flex;flex-direction:column}
.enfoque-headline .eq{flex-wrap:nowrap;gap:clamp(14px,2.5vw,36px);align-items:baseline;margin-bottom:8px}
.enfoque-headline .eq .vr{align-self:center;height:1.8em;margin:0}
.enfoque-headline .eq .num{font-size:clamp(2.8rem,5.5vw,4.6rem);line-height:1}
.enfoque-headline .eq .word{font-size:clamp(1.1rem,2vw,1.8rem)}
.enfoque-headline .eq-formula{align-self:flex-end}
.enfoque-card>.eyebrow{display:inline-flex}

/* ===== Testimonial 2026 (legacy) ===== */
.tn-wrap{max-width:740px;margin:0 auto;text-align:center}
.tn-accent{width:36px;height:3px;background:var(--brand);margin:0 auto clamp(32px,4vw,48px);border-radius:2px}
.tn-quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.3;color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0 0 clamp(28px,4vw,44px)}
.tn-rule{width:100%;max-width:320px;height:1px;background:var(--hair);margin:0 auto clamp(24px,3vw,36px)}
.tn-who{display:inline-flex;align-items:center;gap:14px}
.tn-av{width:44px;height:44px;border-radius:50%;background:var(--paper-3);border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:500;font-size:1.1rem;color:var(--brand);flex:none}
.tn-info{text-align:left}
.tn-name{font-family:var(--sans);font-weight:600;font-size:.92rem;color:var(--ink);display:block}
.tn-company{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-top:4px}

/* ===== Tender360 Section ===== */
.tender-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:0;align-items:center}
.tender-brand{display:flex;align-items:baseline;gap:3px;margin:18px 0 10px}
.tb-name{font-family:var(--font-body);font-weight:800;font-size:2.4rem;letter-spacing:-.02em;color:#0E2030}
.tb-360{font-family:var(--font-body);font-weight:800;font-size:2.4rem;letter-spacing:-.02em;color:var(--accent)}
.tender-tag{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.tender-desc{font-size:clamp(1rem,1.35vw,1.1rem);color:#43525C;line-height:1.6;max-width:46ch;margin-bottom:24px}
.tender-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:30px}
.tender-feats li{font-size:.93rem;color:#43525C;display:flex;align-items:center;gap:10px}
.tender-feats li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.tender-acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tender-avail{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#6C7A82}

/* App mockup */
.tender-mock{perspective:1200px}
.tmock{border-radius:12px;overflow:hidden;border:1px solid rgba(32,187,207,.25);box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(32,187,207,.08);background:#09131F;transform:rotateY(-4deg) rotateX(2deg);transition:transform .4s}
.tender-mock:hover .tmock{transform:rotateY(-1deg) rotateX(1deg)}
.tmock-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#061018;border-bottom:1px solid #13314A}
.tmock-dots{display:flex;gap:5px}
.tmock-dots i{width:9px;height:9px;border-radius:50%;background:#13314A}
.tmock-dots i:first-child{background:#FF8A80}
.tmock-dots i:nth-child(2){background:#FFC857}
.tmock-dots i:last-child{background:#3DDC97}
.tmock-url{font-family:var(--font-mono);font-size:10px;color:#6C7A82;flex:1;text-align:center}
.tmock-app{display:grid;grid-template-columns:148px 1fr}
.tmock-side{background:#0B1A28;border-right:1px solid #13314A;padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.tmock-logo{font-weight:800;font-size:16px;letter-spacing:-1px;padding:0 6px 2px;color:#fff}
.tmock-v{color:#20BBCF}
.tmock-pname{font-family:var(--font-mono);font-size:7.5px;letter-spacing:4px;color:#20BBCF;padding:0 6px 10px;border-bottom:1px solid #13314A;margin-bottom:10px}
.tmock-nav{display:flex;flex-direction:column;gap:1px}
.tmock-ni{padding:6px 8px;border-radius:5px;color:#9AA6AC;font-size:10.5px}
.tmock-on{background:rgba(32,187,207,.12);color:#EAF1F4}
.tmock-main{display:flex;flex-direction:column}
.tmock-topbar{padding:8px 14px;border-bottom:1px solid #13314A;background:rgba(14,32,48,.5);font-size:10px;color:#9AA6AC}
.tmock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 14px}
.tmock-kpi{background:#0E2030;border:1px solid #13314A;border-radius:7px;padding:8px 10px}
.tmock-kl{font-size:8.5px;text-transform:uppercase;letter-spacing:.8px;color:#9AA6AC;margin-bottom:4px}
.tmock-kn{font-size:19px;font-weight:800;letter-spacing:-1px;color:#EAF1F4}
.tmock-unit{font-size:9px;opacity:.55;font-weight:400}
.tmock-cyan{color:#20BBCF}.tmock-ok{color:#3DDC97}
.tmock-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:7px 14px;border-bottom:1px solid rgba(19,49,74,.45);font-size:10.5px;color:#EAF1F4;align-items:center}
.tmock-th{font-size:8.5px;text-transform:uppercase;letter-spacing:.8px;color:#6C7A82;padding-top:4px}
.tmock-mono{font-family:monospace;font-size:9.5px;color:#9AA6AC}
.tmock-muted{color:#9AA6AC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmock-pill{font-size:9px;font-weight:600;padding:2px 7px;border-radius:99px;border:1px solid;white-space:nowrap}
.tmock-pcy{color:#20BBCF;border-color:#0E7A88;background:rgba(32,187,207,.08)}
.tmock-pok{color:#3DDC97;border-color:rgba(61,220,151,.4);background:rgba(61,220,151,.07)}
.tmock-pwa{color:#FFC857;border-color:rgba(255,200,87,.4);background:rgba(255,200,87,.07)}
.tmock-dim{opacity:.45}
@media(max-width:960px){.tender-grid{grid-template-columns:1fr}.tmock{transform:none}}
@media(max-width:600px){.tmock-kpis{grid-template-columns:repeat(2,1fr)}.tmock-row{grid-template-columns:1fr auto}}

/* ===== Capabilities 2026 ===== */
.capv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.capv-card{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(234,241,244,.07);border-radius:16px;padding:36px 32px 32px;overflow:hidden;transition:border-color .3s,background .3s,transform .3s;text-decoration:none;color:#EAF1F4;display:flex;flex-direction:column}
.capv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .3s}
.capv-card:hover::before{background:linear-gradient(90deg,var(--accent),transparent 70%)}
.capv-card:hover{border-color:rgb(7 142 158 / 22%);background:rgba(34,182,203,.04);transform:translateY(-2px)}
.capv-anchor{background:rgba(34,182,203,.06);border-color:rgba(34,182,203,.16)}
.capv-anchor::before{background:linear-gradient(90deg,var(--accent),rgba(34,182,203,.25) 70%)!important}
.capv-n{font-family:var(--font-display);font-size:6rem;font-weight:500;color:rgba(34,182,203,.07);position:absolute;bottom:-8px;right:20px;line-height:1;letter-spacing:-.02em;pointer-events:none;user-select:none;transition:color .3s}
.capv-card:hover .capv-n{color:rgba(34,182,203,.14)}
.capv-anchor .capv-n{color:rgba(34,182,203,.11)}
.capv-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}
.capv-label::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.capv-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.18rem,1.6vw,1.5rem);line-height:1.1;letter-spacing:-.015em;color:#fff;margin:0 0 12px}
.capv-desc{font-size:.93rem;line-height:1.6;color:rgba(234,241,244,.6);flex:1;margin:0}
.capv-cta{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:24px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.capv-card:hover .capv-cta{opacity:1;transform:none}
@media(max-width:960px){.capv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.capv-grid{grid-template-columns:1fr}}
/* ===== Cap Section: "6" watermark + strip list ===== */
#cap{position:relative;overflow:hidden;background:#081421 !important}
#cap .wrap{position:relative}
.cap-six{position:absolute;right:40px;top:5%;font-family:var(--font-display);font-size:320px;font-weight:500;color:rgba(255,255,255,.05);line-height:1;letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:0}
.strip-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,5vw,60px);position:relative;z-index:1} .strip-list::before{content:"";display:block;grid-column:1/-1;height:1px;background:linear-gradient(90deg,rgba(234,241,244,.18) 0%,rgba(234,241,244,.08) 50%,transparent 100%);margin-bottom:0}
.strip-row{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(234,241,244,.1);text-decoration:none;color:#EAF1F4;transition:opacity .22s}
.strip-row:hover{opacity:.8}
.strip-num{font-family:var(--font-display);font-size:2.2rem;font-weight:500;color:rgba(34,182,203,.25);line-height:1;letter-spacing:-.02em;padding-top:4px}
.strip-lbl{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}
.strip-nm{font-family:var(--font-display);font-weight:500;font-size:1.15rem;color:#fff;margin-bottom:7px;letter-spacing:-.01em;display:block}
.strip-ds{font-size:.84rem;color:rgba(234,241,244,.65);line-height:1.55}
.strip-badge{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#081421;background:var(--accent);border-radius:100px;padding:4px 11px;font-weight:700}
@media(max-width:760px){.strip-list{grid-template-columns:1fr}}

/* ===== Ideas Bento Grid ===== */
.ideas-bento{ display:grid; grid-template-columns:1.15fr 1fr; gap:14px; align-items:stretch; }
.ib{ position:relative; border-radius:18px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; color:#fff; transition:transform .3s ease, box-shadow .3s ease; }
.ib:hover{ transform:translateY(-3px); box-shadow:0 28px 60px -16px rgba(0,0,0,.55); }
.ib--left{ min-height:480px; background:var(--bg-deep); }
.ib--right{ flex:1; background:var(--bg-deep); }
.ib__photo{ position:absolute; inset:0; background-size:cover; background-position:center; z-index:0; filter:saturate(.85); transition:transform .5s ease; }
.ib:hover .ib__photo{ transform:scale(1.04); }
.ib__scrim{ position:absolute; inset:0; z-index:1; background:linear-gradient(0deg, rgba(6,14,22,.92) 0%, rgba(6,14,22,.55) 45%, rgba(6,14,22,.18) 100%); }
.ib__visual{ position:absolute; inset:0; z-index:1; pointer-events:none; }
.ib__body{ position:relative; z-index:2; padding:clamp(24px,3.5vw,40px); }
.ib__eye{ font-family:var(--font-mono); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:8px; display:block; }
.ib__meta{ display:flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(234,241,244,.42); margin-bottom:14px; }
.ib__meta-sep{ opacity:.5 }
.ib__title{ font-family:var(--font-display); font-weight:500; font-size:clamp(1.5rem,2.4vw,2.1rem); line-height:1.1; letter-spacing:-.015em; color:#fff; text-wrap:balance; margin:0 0 22px; max-width:22ch; }
.ib--right .ib__title{ font-size:clamp(1.25rem,1.9vw,1.7rem); margin-bottom:18px; }
.ib__cta{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font-body); font-weight:600; font-size:.84rem; background:var(--accent); color:#06141f; padding:11px 20px; border-radius:999px; transition:background .22s, gap .22s; letter-spacing:.01em; }
.ib:hover .ib__cta{ background:#3fcfe1; gap:13px; }
.ib__cta svg{ transition:transform .22s; }
.ib:hover .ib__cta svg{ transform:translateX(2px); }
/* Decorative visuals for dark blocks */
.ib__nodes{ position:absolute; inset:0; overflow:hidden; }
.ib__lines{ position:absolute; inset:0; overflow:hidden; }
@media(max-width:860px){ .ideas-bento{ grid-template-columns:1fr; } .ib--left{ min-height:380px; } .ib--right{ min-height:200px; } }

/* ===== Tech Partners Bar ===== */
.partners{padding:clamp(36px,5vw,56px) 0;background:#F3F7F8;border-top:1px solid #E0E7E9;border-bottom:1px solid #E0E7E9}
.partners-inner{display:flex;flex-direction:column;gap:28px}
.partners-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#9AA6AC;text-align:center}
.partners-groups{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.partners-group{display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:0 clamp(20px,3.5vw,52px)}
.partners-group+.partners-group{border-left:1px solid #E0E7E9}
.partners-group-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#159AAC;white-space:nowrap;margin-right:4px}
.plg{font-family:var(--font-body);font-weight:700;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#B0BAC0;transition:color .25s;white-space:nowrap;cursor:default}
.plg:hover{color:#43525C}
.plg.accent{color:rgba(21,154,172,.6)}.plg.accent:hover{color:#159AAC}
@media(max-width:860px){.partners-groups{flex-direction:column;gap:20px}.partners-group+.partners-group{border-left:none;border-top:1px solid #E0E7E9;padding-top:20px}}


/* ================================================================
   ADDITIONS: Page Loader · Scroll Indicator · CTA Form
   ================================================================ */

/* ===== PAGE LOADER ===== */
#v360-loader{
  position:fixed;inset:0;z-index:9999;
  background:#06111d;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  transition:opacity .55s cubic-bezier(.4,0,.2,1) .05s, visibility .55s .05s;
}
#v360-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}

.ld-logo{
  display:inline-flex;align-items:center;gap:13px;
  margin-bottom:28px;
  opacity:0;animation:ldIn .45s cubic-bezier(.2,.7,.2,1) .1s forwards;
}
.ld-v3{font-family:var(--font-body);font-weight:800;font-size:2rem;letter-spacing:-1.4px;color:#fff;line-height:1}
.ld-v3 .v{color:var(--accent)}
.ld-sep{width:2px;height:24px;background:rgb(32,187,207)}
.ld-ex{font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:.34em;text-transform:uppercase;color:#8bdae4}

/* ring "0" animado en el loader */
.ld-v3 .o0{position:relative;display:inline-block}
.ld-v3.ring0 .o0{color:transparent;width:.6em;animation:ldChar 0s linear 1.12s forwards}
@keyframes ldChar{to{color:#fff}}
.ld-v3.ring0 .o0::before{
  content:"";position:absolute;left:0;top:50%;
  width:.6em;height:.72em;
  border:.13em solid #fff;border-radius:50%;box-sizing:border-box;
  animation:ldRing .5s cubic-bezier(.4,0,.2,1) .12s 2 alternate both;
  transform:translateY(-50%);
}

.ld-track{
  width:120px;height:1px;background:rgba(234,241,244,.1);
  border-radius:1px;overflow:hidden;
  opacity:0;animation:ldIn .3s ease .3s forwards;
}
.ld-fill{
  height:100%;background:var(--accent);width:0;
  border-radius:1px;animation:ldFill .7s cubic-bezier(.4,0,.2,1) .35s forwards;
}

@keyframes ldIn{to{opacity:1}}
@keyframes ldRing{
  0%  {transform:translateY(-50%) rotate(-90deg) scale(.5);opacity:0;border-color:var(--accent)}
  35% {opacity:1}
  100%{transform:translateY(-50%) rotate(270deg) scale(1);border-color:#fff}
}
@keyframes ldFill{to{width:100%}}

/* ===== SCROLL INDICATOR ===== */
.scroll-ind{
  position:absolute;bottom:86px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  z-index:6;pointer-events:none;
  opacity:0;animation:ldIn .6s ease 1.2s forwards;
  transition:opacity .5s ease;
}
.scroll-ind.hide{opacity:0!important}
.si-lbl{
  font-family:var(--font-mono);font-size:.56rem;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(234,241,244,.35);
}
.si-track{width:1px;height:36px;background:rgba(234,241,244,.12);position:relative;overflow:hidden}
.si-dot{
  position:absolute;top:-12px;left:-1px;width:3px;height:12px;
  background:linear-gradient(180deg,transparent,var(--accent));
  border-radius:2px;
  animation:siDrop 1.9s cubic-bezier(.4,0,.2,1) 1.5s infinite;
}
@keyframes siDrop{
  0%  {top:-12px;opacity:0}
  15% {opacity:1}
  80% {opacity:1}
  100%{top:100%;opacity:0}
}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.scroll-ind{bottom:72px}}

/* ===== CTA FORM ===== */
.cta-form{
  position:relative;z-index:2;
  flex:0 0 auto;width:min(390px,100%);
  display:flex;flex-direction:column;gap:10px;
}
.cta-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta-field{
  width:100%;background:rgba(255,255,255,.055);
  border:1px solid rgba(234,241,244,.14);
  border-radius:10px;padding:13px 16px;
  color:#fff;font-family:var(--font-body);font-size:.9rem;
  outline:none;transition:border-color .2s,background .2s;
  appearance:none;-webkit-appearance:none;
}
.cta-field::placeholder{color:rgba(234,241,244,.38)}
.cta-field:focus{border-color:var(--accent);background:rgba(34,182,203,.07)}
select.cta-field{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='rgba(234,241,244,.45)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:38px;cursor:pointer;
}
select.cta-field option{background:#0c2030;color:#fff}
.cta-submit{
  width:100%;background:var(--accent);color:#06141f;
  font-family:var(--font-body);font-weight:700;font-size:.96rem;
  border:none;border-radius:999px;padding:14px 24px;margin-top:2px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;
  transition:background .2s,transform .2s,box-shadow .2s;
  box-shadow:0 14px 32px -12px rgba(34,182,203,.55);
}
.cta-submit:hover{background:#3fcfe1;transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(34,182,203,.7)}
.cta-submit:disabled{background:#1a8a9a;transform:none;box-shadow:none;cursor:default}
.cta-submit svg{transition:transform .25s;flex:none}
.cta-submit:hover:not(:disabled) svg{transform:translateX(3px)}
.cta-note{font-family:var(--font-mono);font-size:.59rem;letter-spacing:.08em;color:rgba(234,241,244,.26);margin-top:2px;white-space:nowrap;align-self:center}
.cta-success{display:none;text-align:center;padding:20px 0}
.cta-success .cs-icon{width:42px;height:42px;border-radius:50%;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#3DDC97}
.cta-success .cs-ttl{font-family:var(--font-display);font-weight:500;font-size:1.2rem;color:#fff;margin-bottom:8px}
.cta-success .cs-sub{font-size:.88rem;color:rgba(234,241,244,.6);line-height:1.5}
.cta-form.sent .cta-form-row,.cta-form.sent .cta-field,.cta-form.sent .cta-submit,.cta-form.sent .cta-note{display:none}
.cta-form.sent .cta-success{display:block}

@media(max-width:860px){.cta-form{width:100%}.cta-form-row{grid-template-columns:1fr}}
@media(max-width:720px){.ctaband .in{flex-direction:column!important;align-items:flex-start!important}}

/* ── Impact ─────────────────────────────────────────────── */
.imp-head{position:relative;z-index:1;margin-bottom:40px}
.imp-title{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.08;letter-spacing:-.02em;color:#fff;
  margin:0 0 16px;
}
.imp-title em{font-style:italic;color:var(--accent)}
.imp-sub{font-size:.96rem;color:var(--dim);line-height:1.65;max-width:52ch}
.imp-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  position:relative;z-index:1;
  border-top:1px solid var(--line);
}
.imp-row .imp-stat{
  padding:28px clamp(16px,3vw,32px) 28px 0;
  border-bottom:none;
  border-right:1px solid var(--line);
}
.imp-row .imp-stat:first-child{padding-left:0}
.imp-row .imp-stat:last-child{border-right:none;padding-right:0}
@media(max-width:640px){
  .imp-row{grid-template-columns:1fr;border-top:none}
  .imp-row .imp-stat{
    border-right:none;
    border-top:1px solid var(--line);
    padding:20px 0;
  }
  .imp-zero{font-size:180px!important;right:8px;bottom:16px}
}

/* ── Talent steps grid ───────────────────────────────────── */
.talent-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}
.talent-line{
  position:absolute;top:32px;left:12.5%;right:12.5%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,182,203,.3) 20%,rgba(34,182,203,.3) 80%,transparent);
  pointer-events:none;
}
@media(max-width:760px){
  .talent-steps{grid-template-columns:repeat(2,1fr);gap:32px 0}
  .talent-line{display:none}
}
@media(max-width:400px){
  .talent-steps{grid-template-columns:1fr;gap:28px}
}

@media(max-width:480px){
  /* Hero mobile: centrado, solo antetítulo + título */
  .content{text-align:center}
  .veyebrow{display:flex;width:fit-content;margin-left:0;text-align:left}
  .headline{font-size:clamp(1.95rem,8.5vw,2.6rem)}
  .subline{display:none}
  .actions{display:none}
  /* Hero stats: 2-column at small screens */
  .hero .stats{grid-template-columns:repeat(2,1fr);gap:1px}
  /* Foot-wrap: compact arrow buttons */
  .arrow{width:28px;height:28px}
  .sw-label{display:none}
  /* Section headers: stack vertically */
  .shead{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}
  /* Strip list number: smaller */
  .strip-num{font-size:1.6rem;line-height:1}
  /* Ideas bento: reduce min-heights */
  .ib--left{min-height:300px}
  .ib--right{min-height:160px}
  /* CTA band: tighter padding */
  .ctaband{padding:28px 20px}
  .ctaband h2{font-size:clamp(1.7rem,6vw,2.2rem)}
  /* Pillar grid gap */
  .pillar-card{padding:20px 18px}
  /* Brecha chip wrapping */
  .brecha-chips{gap:8px}
  .brecha-chips>span{font-size:.66rem;padding:6px 12px}
}
@media(max-width:360px){
  .headline{font-size:1.85rem}
  .hero .stats{grid-template-columns:1fr}
  .istat-num{font-size:2.6rem}
  .foot-wrap{gap:10px}
  .dots{display:none}
}

/* ===== COOKIE CONSENT ===== */
#cookie-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:rgba(6,17,29,.97);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-top:1px solid rgba(34,182,203,.22);
  padding:14px clamp(20px,5vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  transform:translateY(100%);opacity:0;
  transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .42s;
}
#cookie-bar.ck-show{transform:translateY(0);opacity:1}
.ck-text{font-size:.82rem;color:var(--dim-2);line-height:1.55;flex:1;min-width:180px}
.ck-text a{color:var(--accent);text-decoration:none}
.ck-text a:hover{text-decoration:underline}
.ck-btns{display:flex;gap:9px;flex-shrink:0}
.ck-reject{
  font-family:var(--font-body);font-size:.82rem;font-weight:600;
  color:rgba(234,241,244,.55);background:rgba(234,241,244,.05);
  border:1px solid rgba(234,241,244,.16);border-radius:999px;
  padding:8px 18px;cursor:pointer;white-space:nowrap;
  transition:background .2s,border-color .2s,color .2s;
}
.ck-reject:hover{background:rgba(234,241,244,.09);border-color:rgba(234,241,244,.28);color:#fff}
.ck-accept{
  font-family:var(--font-body);font-size:.82rem;font-weight:600;
  color:#06141f;background:var(--accent);
  border:none;border-radius:999px;
  padding:8px 18px;cursor:pointer;white-space:nowrap;
  transition:background .2s;
}
.ck-accept:hover{background:var(--accent-strong)}

/* ── Case carousel ──────────────────────────────────── */
.case-carousel { position: relative; }
.case-carousel .case { display: none; }
.case-carousel .case.active { display: grid; }
.case-nav {
  display: flex; align-items: center; justify-content: center;
  gap: 16px; margin-top: 28px;
}
.case-nav button {
  background: none; border: 1px solid rgba(8,20,33,.2);
  border-radius: 50%; width: 40px; height: 40px;
  cursor: pointer; color: var(--navy);
  display: flex; align-items: center; justify-content: center;
  transition: background .2s, border-color .2s;
}
.case-nav button:hover { background: rgba(8,20,33,.06); border-color: rgba(8,20,33,.4); }
.case-dots { display: flex; gap: 8px; align-items: center; }
.case-dots button {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(8,20,33,.2); border: none; cursor: pointer;
  padding: 0; transition: background .22s, transform .22s;
}
.case-dots button[aria-current="true"] {
  background: var(--navy); transform: scale(1.35);
}