/* ════════════════════════════════════════════════════════
   banca.css — Yeapdata® · Banca & Finanzas v3
   LAYOUT: Todo vertical centrado. Sin splits 2 columnas.
   PALETA: Manual de Marca Yeapdata®
════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');
@import url('../master.css');

:root {
  --pink:        #E61667;
  --pink-l:      #F0397E;
  --pink-06:     rgba(230,22,103,.06);
  --pink-12:     rgba(230,22,103,.12);
  --pink-20:     rgba(230,22,103,.20);
  --teal:        #6DC0AA;
  --teal-d:      #4BA891;
  --teal-08:     rgba(109,192,170,.08);
  --teal-16:     rgba(109,192,170,.16);
  --teal-30:     rgba(109,192,170,.30);
  --purple:      #4B509C;
  --purple-08:   rgba(75,80,156,.08);
  --purple-16:   rgba(75,80,156,.16);
  --dark:        #0B0A16;
  --dark-80:     rgba(11,10,22,.80);
  --dark-20:     rgba(11,10,22,.20);
  --dark-10:     rgba(11,10,22,.10);
  --dark-06:     rgba(11,10,22,.06);
  --bg-w:        #FFFFFF;
  --bg-ice:      #F5F7FB;
  --bg-slate:    #EEF1F8;
  --bg-deep:     #1A1F3A;
  --t1:          #0B0A16;
  --t2:          #3A4260;
  --t3:          #6B7799;
  --t4:          #A0AABF;
  --brd:         #E2E8F4;
  --brd-2:       #CDD5E6;
  --brd-pink:    rgba(230,22,103,.18);
  --brd-teal:    rgba(109,192,170,.25);
  --brd-purple:  rgba(75,80,156,.18);
  --sh-sm:  0 2px 8px rgba(11,10,22,.06);
  --sh-md:  0 6px 24px rgba(11,10,22,.08),0 2px 6px rgba(11,10,22,.04);
  --sh-lg:  0 14px 48px rgba(11,10,22,.10),0 4px 14px rgba(11,10,22,.05);
  --sh-xl:  0 24px 72px rgba(11,10,22,.12),0 6px 20px rgba(11,10,22,.05);
  --sh-pink: 0 8px 32px rgba(230,22,103,.22);
  --ease:  cubic-bezier(.22,1,.36,1);
  --snap:  cubic-bezier(.76,0,.24,1);
  --max:   1100px;
}

html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg-w);color:var(--t1);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--pink);color:#fff}

/* ─── WRAP ─── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 2.5rem}

/* ─── SEC-HEAD — siempre vertical centrado ─── */
.sec-head{
  text-align:center;
  max-width:640px;
  margin:0 auto 4rem;
}

.sec-title{
  font-family:'Poppins',sans-serif;
  font-size:clamp(22px,2.8vw,40px);font-weight:800;line-height:1.08;
  color:var(--t1);margin-bottom:1rem;
}
.sec-sub{
  font-size:.9rem;font-weight:300;color:var(--t3);line-height:1.88;
}



/* ─── REVEALS ─── */
.reveal-up{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal-up.vis{opacity:1;transform:none}
.reveal-scale{opacity:0;transform:scale(.94) translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal-scale.vis{opacity:1;transform:none}
.reveal-dfr{opacity:0;transform:translateX(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal-dfr.vis{opacity:1;transform:none}


/* ════════════════════════════════════════════════════════
   §1  HERO
════════════════════════════════════════════════════════ */
.bk-hero{
  position:relative;min-height:100vh;
  background:linear-gradient(160deg,#fff 0%,#f5f7fb 50%,#edf1f8 100%);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.bk-hero::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(var(--dark-06) 1px,transparent 1px),linear-gradient(90deg,var(--dark-06) 1px,transparent 1px);
  background-size:56px 42px;pointer-events:none;z-index:0;
}
.bk-hero::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(255,255,255,.75) 0%,transparent 100%);
  pointer-events:none;z-index:0;
}
.bk-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.bk-atm{position:absolute;border-radius:50%;pointer-events:none;z-index:2}
.bk-atm-1{width:700px;height:700px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(230,22,103,.05) 0%,transparent 65%)}
.bk-atm-2{width:500px;height:500px;bottom:-100px;left:-80px;background:radial-gradient(circle,rgba(109,192,170,.06) 0%,transparent 65%)}

/* línea top */
.hero-line{position:absolute;top:0;left:0;right:0;height:3px;z-index:10;background:linear-gradient(90deg,var(--purple),var(--pink),var(--teal),var(--pink),var(--purple));background-size:300% 100%;animation:lineFlow 6s linear infinite}
@keyframes lineFlow{0%{background-position:0%}100%{background-position:300%}}

/* HUD corners */
.bvhud{position:absolute;width:22px;height:22px;z-index:6;pointer-events:none}
.bvh-tl{top:1.8rem;left:1.8rem;border-top:1.5px solid rgba(230,22,103,.35);border-left:1.5px solid rgba(230,22,103,.35);animation:hudPls 3s ease-in-out infinite}
.bvh-tr{top:1.8rem;right:1.8rem;border-top:1.5px solid rgba(230,22,103,.35);border-right:1.5px solid rgba(230,22,103,.35);animation:hudPls 3s ease-in-out infinite .5s}
.bvh-bl{bottom:1.8rem;left:1.8rem;border-bottom:1.5px solid rgba(109,192,170,.3);border-left:1.5px solid rgba(109,192,170,.3);animation:hudPls 3s ease-in-out infinite 1.5s}
.bvh-br{bottom:1.8rem;right:1.8rem;border-bottom:1.5px solid rgba(109,192,170,.3);border-right:1.5px solid rgba(109,192,170,.3);animation:hudPls 3s ease-in-out infinite 2s}
@keyframes hudPls{0%,100%{opacity:1}50%{opacity:.18}}

/* badge top-left */
.bk-badge{position:absolute;top:2rem;left:2.5rem;z-index:7;display:flex;align-items:center;gap:.55rem;opacity:0;animation:fuUp .6s var(--ease) .1s forwards}
.bkb-icon{width:30px;height:30px;border-radius:9px;background:var(--pink-06);border:1px solid var(--brd-pink);display:flex;align-items:center;justify-content:center;color:var(--pink)}
.bkb-txt{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--t3)}
.bkb-sep{color:var(--brd-2)}
.bkb-sub{font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}

/* ticker */
.bk-ticker{position:absolute;top:2rem;right:2.5rem;z-index:7;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.92);border:1px solid var(--brd);border-radius:9px;padding:.32rem .9rem;font-family:'Courier New',monospace;font-size:.55rem;letter-spacing:.08em;color:var(--t4);box-shadow:var(--sh-sm);backdrop-filter:blur(8px);opacity:0;animation:fuUp .6s var(--ease) .3s forwards}
.bkt-item{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--t2)}
.bkt-item span{color:var(--t3)}
.bkt-green{color:#22C55E !important}
.bkt-div{color:var(--brd-2)}

/* ── BLOQUE CENTRAL HERO — todo vertical centrado ── */
.bk-body{
  position:relative;z-index:5;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:140px 2rem 200px;
  max-width:820px;width:100%;margin:0 auto;
}
.bk-overline{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;opacity:0;animation:fuUp .55s var(--ease) .2s forwards}
.bko-line{width:36px;height:1px}
.bko-line:first-child{background:linear-gradient(90deg,transparent,rgba(230,22,103,.4))}
.bko-line:last-child{background:linear-gradient(90deg,rgba(230,22,103,.4),transparent)}
.bko-txt{font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--pink)}

/* título hero */

.bt-row{display:block;overflow:hidden; padding: 5px;}
.bt-clip{display:block;clip-path:inset(0 0 100% 0);animation:clipUp .9s var(--snap) forwards}
.bt-row:nth-child(1) .bt-clip{animation-delay:.3s}
.bt-row:nth-child(2) .bt-clip{animation-delay:.52s}
.bt-row:nth-child(3) .bt-clip{animation-delay:.74s}
@keyframes clipUp{to{clip-path:inset(0 0 0% 0)}}
.bt-hollow{display:block;font-style:normal;color:transparent;-webkit-text-stroke:2px rgba(11,10,22,.18);padding-bottom:6px}
.bt-thin{display:block;font-weight:300;font-size:.38em;color:var(--t3);letter-spacing:.04em;padding:10px 0;font-family:'Poppins',sans-serif}
.bt-accent{display:block;font-style:normal;color:var(--pink)}

.bk-sub{font-family:var(--font-primary);font-size:var(--hero-desc-size);font-weight:400;color:var(--t2);line-height:var(--hero-desc-line-height);max-width:520px;margin:0 auto 2.4rem;opacity:0;animation:fuUp .75s var(--ease) 1.1s forwards}

.bk-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fuUp .7s var(--ease) 1.28s forwards;margin-bottom:2.8rem}
.bcta-main{padding:14px 36px;background:var(--pink);color:#fff;font-weight:700;letter-spacing:.12em;box-shadow:var(--sh-pink);position:relative;overflow:hidden;transition:all .38s var(--ease)}
.bcta-main::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .35s}
.bcta-main:hover{box-shadow:0 20px 52px rgba(230,22,103,.35)}
.bcta-main:hover::before{opacity:1}
.bcta-main svg{transition:transform .3s}
.bcta-main:hover svg{transform:translateX(4px)}
.bcta-ghost{padding:14px 28px;border:1.5px solid var(--brd-2);color:var(--t2);font-weight:500;transition:all .3s;background:rgba(255,255,255,.7);backdrop-filter:blur(4px)}
.bcta-ghost:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px)}

/* KPIs hero */
.bk-kpis{display:flex;align-items:center;justify-content:center;margin: 15px 0px 25px 0px;flex-wrap:wrap;gap:0;background:rgba(255,255,255,.92);border:1px solid var(--brd);border-radius:16px;padding:.9rem 1.8rem;box-shadow:var(--sh-md);backdrop-filter:blur(12px);opacity:0;animation:fuUp .7s var(--ease) 1.48s forwards}
.bkk-item{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem}
.bkk-val{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:800;color:var(--pink);line-height:1}
.bkk-lbl{font-size:.48rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t4);margin-top:.22rem}
.bkk-sep{width:1px;height:28px;background:var(--brd);flex-shrink:0}

/* scroll */
.bk-scroll{position:absolute;bottom:2.5rem;right:2.5rem;z-index:6;display:flex;flex-direction:column;align-items:center;gap:.4rem;opacity:0;animation:fuUp .6s var(--ease) 1.65s forwards}
.bks-track{width:1px;height:44px;background:var(--brd);overflow:hidden;position:relative}
.bks-fill{width:100%;height:50%;background:linear-gradient(180deg,var(--pink),var(--teal));position:absolute;top:-50%;animation:scrFall 2.4s ease-in-out infinite}
@keyframes scrFall{0%{top:-50%;opacity:0}20%{opacity:1}80%{opacity:.4}100%{top:100%;opacity:0}}
.bk-scroll span{font-size:.48rem;letter-spacing:.22em;text-transform:uppercase;color:var(--t4)}
@keyframes fuUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}


/* ════════════════════════════════════════════════════════
   §2  MODELO — fondo blanco, centrado + grid pilares
════════════════════════════════════════════════════════ */
.bk-model{background:var(--bg-w);padding:100px 0;border-bottom:1px solid var(--brd);position:relative;overflow:hidden}
.bk-model::before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;top:-200px;right:-100px;background:radial-gradient(circle,var(--pink-06) 0%,transparent 65%);pointer-events:none}

.bkmt-acc{color:var(--pink)}

.bkm-model-badge{background:var(--bg-ice);border:1px solid var(--brd);border-radius:14px;padding:.9rem 1.6rem;margin:3rem auto;display:flex;flex-direction:column;align-items:center;gap:.65rem;width:fit-content;max-width:100%}
.bkmb-label{font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--t4)}
.bkmb-items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}
.bkmb-items span{font-size:.74rem;font-weight:600;color:var(--t1);background:var(--bg-w);border:1px solid var(--brd);border-radius:50px;padding:.25rem .8rem}
.bkmb-plus{color:var(--pink)!important;background:none!important;border:none!important;font-size:1rem!important;font-weight:700!important}

.bkm-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.bkm-pillar{background:var(--bg-ice);border:1px solid var(--brd);border-radius:18px;padding:2rem 1.8rem;opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.bkm-pillar.vis{opacity:1;transform:none}
.bkm-pillar:hover{box-shadow:var(--sh-lg);border-color:var(--brd-pink);transform:translateY(-5px)}
.bkm-pillar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.bkm-pillar:hover::after{transform:scaleX(1)}
.bkp-num{font-family:'Poppins',sans-serif;font-size:2.4rem;font-weight:900;color:var(--dark-10);line-height:1;margin-bottom:.9rem;transition:color .3s}
.bkm-pillar:hover .bkp-num{color:rgba(230,22,103,.15)}
.bkp-content h3{margin-bottom:.5rem;transition:color .3s}
.bkm-pillar:hover .bkp-content h3{color:var(--pink)}
.bkp-content p{font-size:.76rem;font-weight:300;color:var(--t2);line-height:1.68;margin-bottom:.9rem}
.bkp-metric{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem .85rem;background:var(--bg-w);border:1px solid var(--brd-pink);border-radius:50px}
.bkpm-v{font-family:'Poppins',sans-serif;font-size:.84rem;font-weight:800;color:var(--pink)}
.bkpm-l{font-size:.53rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}

.bkm-link-wrap{text-align:center;margin-top:3rem}
.bkm-link{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);transition:gap .3s,color .2s}
.bkm-link:hover{gap:12px;color:var(--dark)}


/* ════════════════════════════════════════════════════════
   §3  DESAFÍOS — fondo ice, centrado + grid 3 col
════════════════════════════════════════════════════════ */
.bk-des{background:var(--bg-ice);padding:100px 0;border-bottom:1px solid var(--brd);position:relative;overflow:hidden}
.bk-des::before{content:'';position:absolute;top:-80px;right:4%;width:360px;height:360px;border:1px solid var(--brd);border-radius:50%;pointer-events:none;opacity:.4}
.sec-title.bkd-title em{font-style:italic;color:var(--pink);font-weight:400}

.bkd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bkd-card{background:var(--bg-w);border:1px solid var(--brd);border-radius:16px;padding:1.8rem 1.6rem;position:relative;overflow:hidden;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .65s var(--ease),transform .65s var(--ease),box-shadow .3s}
.bkd-card.vis{opacity:1;transform:none}
.bkd-card:hover{box-shadow:var(--sh-lg);transform:translateY(-6px)}
.bkd-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--pink),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.bkd-card:hover::after{transform:scaleX(1)}
.bkdc-ico{width:44px;height:44px;border-radius:12px;background:var(--bg-ice);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;transition:all .3s var(--ease)}
.bkdc-ico svg{width:17px;height:17px;color:var(--t3);transition:color .3s}
.bkd-card:hover .bkdc-ico{background:var(--pink);border-color:var(--pink);transform:scale(1.1) rotate(-3deg)}
.bkd-card:hover .bkdc-ico svg{color:#fff}
.bkd-card h3{margin-bottom:.45rem;transition:color .3s}
.bkd-card:hover h3{color:var(--pink)}
.bkd-card p{font-size:.76rem;font-weight:300;color:var(--t2);line-height:1.68}


/* ════════════════════════════════════════════════════════
   §4  CAPACIDADES — fondo blanco, grid 3 col
════════════════════════════════════════════════════════ */
.bk-cap{background:var(--bg-w);padding:100px 0;border-top:1px solid var(--brd)}
.bkcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bkcp-card{background:var(--bg-w);border:1px solid var(--brd);border-radius:18px;padding:2.2rem 2rem;position:relative;overflow:hidden;transition:all .38s var(--ease)}
.bkcp-card:hover{border-color:var(--brd-pink);box-shadow:var(--sh-xl);transform:translateY(-7px)}
.bkcp-card::before{content:'';position:absolute;top:0;left:1.8rem;right:1.8rem;height:2px;background:linear-gradient(90deg,transparent,rgba(230,22,103,.2),transparent);transition:background .3s}
.bkcp-card:hover::before{background:linear-gradient(90deg,transparent,var(--pink),transparent)}
.bkcc-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}
.bkcc-ico{width:42px;height:42px;border-radius:12px;background:var(--bg-ice);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s var(--ease)}
.bkcc-ico svg{width:16px;height:16px;color:var(--t3);transition:color .3s}
.bkcp-card:hover .bkcc-ico{background:var(--pink);border-color:var(--pink);transform:scale(1.12);box-shadow:0 4px 12px rgba(230,22,103,.35)}
.bkcp-card:hover .bkcc-ico svg{color:#fff}
.bkcc-label{font-size:.57rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);background:var(--pink-06);border:1px solid var(--brd-pink);padding:.18rem .65rem;border-radius:50px}
.bkcp-card h3{margin-bottom:.5rem;transition:color .3s}
.bkcp-card:hover h3{color:var(--pink)}
.bkcp-card p{font-size:.77rem;font-weight:300;color:var(--t2);line-height:1.68;margin-bottom:1rem}
.bkcc-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.bkcc-tags span{font-size:.55rem;font-weight:500;letter-spacing:.07em;border:1px solid var(--brd);border-radius:50px;padding:.18rem .6rem;color:var(--t3);transition:all .25s}
.bkcp-card:hover .bkcc-tags span{border-color:var(--brd-pink);color:var(--pink)}
.bkcc-bar{position:absolute;bottom:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--pink),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.bkcp-card:hover .bkcc-bar{transform:scaleX(1)}


/* ════════════════════════════════════════════════════════
   §5  JOURNEY — fondo slate, 5 pasos
════════════════════════════════════════════════════════ */
.bk-journey{background:var(--bg-slate);padding:100px 0;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);position:relative;overflow:hidden}
.bk-journey::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--dark-06) 1px,transparent 1px),linear-gradient(90deg,var(--dark-06) 1px,transparent 1px);background-size:72px 54px;pointer-events:none}
.bkj-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:0}
.bkjt-line{position:absolute;top:27px;left:5%;right:5%;height:2px;background:var(--brd);z-index:0;overflow:hidden}
.bkjtl-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--teal));width:0;transition:width 2s var(--ease)}
.bkj-step{position:relative;z-index:1;padding:0 1rem 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.bkj-step.vis{opacity:1;transform:none}
.bkjs-bubble{width:56px;height:56px;border-radius:50%;background:var(--bg-w);border:2px solid var(--brd);display:flex;align-items:center;justify-content:center;transition:all .45s var(--ease);flex-shrink:0;box-shadow:var(--sh-sm)}
.bkjs-bubble svg{width:20px;height:20px;color:var(--t3);transition:all .35s}
.bkj-step.vis .bkjs-bubble{border-color:var(--pink);background:var(--pink);box-shadow:0 4px 20px rgba(230,22,103,.35)}
.bkj-step.vis .bkjs-bubble svg{color:#fff}
.bkjsc-n{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:900;color:var(--dark-10);line-height:1;display:block;margin-bottom:.3rem;letter-spacing:-.04em}
.bkjs-content h4{font-size:.88rem;font-weight:700;color:var(--t1);margin-bottom:.4rem}
.bkjs-content p{font-size:.74rem;font-weight:300;color:var(--t2);line-height:1.68}


/* ════════════════════════════════════════════════════════
   §6  KPIs — fondo blanco, grid 5 col centrado
════════════════════════════════════════════════════════ */
.bk-kpi{background:var(--bg-w);padding:100px 0}
.bkkpi-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--brd);border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg);max-width:var(--max);margin:0 auto; margin: 30px 0px;}
.bkkpi-cell{padding:2.8rem 1.8rem 2.4rem;border-right:1px solid var(--brd);background:var(--bg-w);cursor:default;opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease),background .3s;position:relative;overflow:hidden}
.bkkpi-cell:last-child{border-right:none}
.bkkpi-cell.vis{opacity:1;transform:none}
.bkkpi-cell:hover{background:var(--bg-ice)}
.bkkpi-cell::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.bkkpi-cell:hover::before{transform:scaleX(1)}
.bkkc-icon{width:38px;height:38px;border-radius:10px;background:var(--pink-06);border:1px solid var(--brd-pink);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.bkkc-icon svg{width:15px;height:15px;color:var(--pink)}
.bkkc-val{display:block;margin-bottom:.5rem}
.bkkc-counter{font-family:'Poppins',sans-serif;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:900;color:var(--t1);line-height:1;letter-spacing:-.04em;transition:color .3s}
.bkkpi-cell:hover .bkkc-counter{color:var(--pink)}
.bkkc-lbl{display:block;font-size:.72rem;font-weight:700;color:var(--t1);margin-bottom:.4rem;line-height:1.25}
.bkkc-desc{display:block;font-size:.66rem;font-weight:300;color:var(--t3);line-height:1.58}


/* ════════════════════════════════════════════════════════
   §7  SOLUCIONES — fondo ice, grid 2 col
════════════════════════════════════════════════════════ */
.bk-sol{background:var(--bg-ice);padding:100px 0;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
.bksol-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bksol-block{background:var(--bg-w);border:1px solid var(--brd);border-radius:20px;overflow:hidden;opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .35s}
.bksol-block.vis{opacity:1;transform:none}
.bksol-block:hover{box-shadow:var(--sh-xl);transform:translateY(-7px)}
.bksolb-hdr{padding:1.5rem 2rem;display:flex;align-items:center;gap:.9rem;border-bottom:1px solid var(--brd)}
.bksolb-hdr.c-pink{background:var(--pink-06);border-bottom-color:var(--brd-pink)}
.bksolb-hdr.c-navy{background:var(--purple-08);border-bottom-color:var(--brd-purple)}
.bksolb-hdr.c-teal{background:var(--teal-08);border-bottom-color:var(--brd-teal)}
.bksolb-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}
.bksol-block:hover .bksolb-ico{transform:scale(1.1)}
.c-pink .bksolb-ico{background:var(--pink-12);color:var(--pink)}
.c-navy .bksolb-ico{background:var(--purple-16);color:var(--purple)}
.c-teal .bksolb-ico{background:var(--teal-16);color:var(--teal-d)}
.bksolb-ico svg{width:17px;height:17px}
.bksolb-hdr-txt{flex:1}
.bksolb-hdr-txt h3{margin-bottom:.15rem}
.bksolb-hdr-txt span{font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t4)}
.bksolb-tag{font-size:.57rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .65rem;border-radius:50px;flex-shrink:0}
.c-pink .bksolb-tag{background:var(--pink-12);color:var(--pink);border:1px solid var(--brd-pink)}
.c-navy .bksolb-tag{background:var(--purple-16);color:var(--purple);border:1px solid var(--brd-purple)}
.c-teal .bksolb-tag{background:var(--teal-16);color:var(--teal-d);border:1px solid var(--brd-teal)}
.bksolb-body{padding:2rem 2.2rem}
.bksolb-desc{font-size:.82rem;font-weight:300;color:var(--t2);line-height:1.82;margin-bottom:1.5rem}
.bksolb-items{display:flex;flex-direction:column;gap:.6rem}
.bksoli-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.77rem;font-weight:400;color:var(--t2);line-height:1.58}
.bksoli-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:.45rem;background:var(--pink)}
.c-navy .bksolb-body .bksoli-dot{background:var(--purple)}
.c-teal .bksolb-body .bksoli-dot{background:var(--teal-d)}


/* ════════════════════════════════════════════════════════
   §8  YEAPPSUITE — ÚNICO fondo oscuro
════════════════════════════════════════════════════════ */
.bk-tools{background:var(--bg-deep);padding:100px 0;position:relative;overflow:hidden}
.bk-tools::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(109,192,170,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(109,192,170,.04) 1px,transparent 1px);background-size:60px 44px;pointer-events:none}
.bk-tools::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;top:-200px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(230,22,103,.08) 0%,transparent 65%);pointer-events:none}
.bk-tools .sec-head{position:relative;z-index:1}
.bk-tools .tag{color:var(--teal)}
.bk-tools .section-title {color:#fff}
.bk-tools .sec-sub{color:rgba(255,255,255,.45)}
.subsection-title-b {color: white;}
.bktools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.bktool-card{color:white; background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem 1.8rem;position:relative;overflow:hidden;transition:all .38s var(--ease);backdrop-filter:blur(4px)}
.bktool-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.3);transform:translateY(-6px)}
.bktc-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.bktc-icon-wrap svg{width:20px;height:20px}
.bktc-pink{background:rgba(230,22,103,.18);color:var(--pink)}
.bktc-teal{background:rgba(109,192,170,.18);color:var(--teal)}
.bktc-navy{background:rgba(75,80,156,.25);color:#8B91D4}
.bktc-badge{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:50px;margin-bottom:1rem;font-size:.57rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bktc-pink-b{background:rgba(230,22,103,.15);border:1px solid rgba(230,22,103,.3);color:var(--pink)}
.bktc-teal-b{background:rgba(109,192,170,.15);border:1px solid rgba(109,192,170,.3);color:var(--teal)}
.bktc-navy-b{background:rgba(75,80,156,.2);border:1px solid rgba(75,80,156,.35);color:#8B91D4}
.bktool-card h3{margin-bottom:.5rem;transition:color .3s}
.bktool-card:hover h3{color:#fff}
.bktool-card p{font-size:.76rem;font-weight:300;color:rgba(255,255,255,.5);line-height:1.68}
.bktc-bar{position:absolute;bottom:0;left:0;right:0;height:2.5px;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.bktool-card:hover .bktc-bar{transform:scaleX(1)}
.bktc-bar-p{background:linear-gradient(90deg,var(--pink),var(--pink-l))}
.bktc-bar-t{background:linear-gradient(90deg,var(--teal),#8FD8C6)}
.bktc-bar-n{background:linear-gradient(90deg,var(--purple),#8B91D4)}


/* ════════════════════════════════════════════════════════
   §9  POR QUÉ YEAPDATA — fondo ice, centrado vertical
════════════════════════════════════════════════════════ */
.bk-why{background:var(--bg-ice);padding:100px 0;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);position:relative}
.bk-why::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--dark-06) 1px,transparent 1px),linear-gradient(90deg,var(--dark-06) 1px,transparent 1px);background-size:72px 54px;pointer-events:none}
.bkwt-acc{color:var(--pink)}

.bkw-cert{background:var(--bg-w);border:1px solid var(--brd-pink);border-radius:14px;padding:1.3rem 2rem;box-shadow:var(--sh-sm);text-align:center;margin:0 auto 3rem;width:fit-content;max-width:100%}
.bkwc-items{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;justify-content:center}
.bkwc-items span{font-size:.6rem;font-weight:600;letter-spacing:.08em;padding:.22rem .72rem;border-radius:50px;background:var(--pink-06);border:1px solid var(--brd-pink);color:var(--pink)}
.bkwc-lbl{font-size:.56rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t4)}

.bkw-rows{background:var(--bg-w);border:1px solid var(--brd);border-radius:18px;overflow:hidden;box-shadow:var(--sh-md);position:relative;z-index:1}
.bkwr-row{padding:1.8rem 2.2rem;border-bottom:1px solid var(--brd);cursor:default;transition:background .3s;position:relative}
.bkwr-row:last-child{border-bottom:none}
.bkwr-row:hover{background:var(--bg-ice)}
.bkwr-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pink);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.bkwr-row:hover::before{transform:scaleY(1)}
.bkwrr-head{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem}
.bkwrr-n{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:900;color:var(--dark-10);letter-spacing:-.04em;flex-shrink:0;transition:color .3s}
.bkwr-row:hover .bkwrr-n{color:rgba(230,22,103,.2)}
.bkwrr-head h4{font-size:.88rem;font-weight:700;color:var(--t1);transition:color .3s}
.bkwr-row:hover .bkwrr-head h4{color:var(--pink)}
.bkwr-row p{font-size:.76rem;font-weight:300;color:var(--t2);line-height:1.68;padding-left:2.4rem;margin-bottom:.85rem}
.bkwrr-bar{width:100%;height:2px;background:var(--brd);border-radius:2px;overflow:hidden}
.bkwrr-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}


/* ════════════════════════════════════════════════════════
   §10  CTA FINAL — fondo slate, centrado vertical
════════════════════════════════════════════════════════ */
.bk-cta{background:var(--bg-slate);padding:100px 0;overflow:hidden;position:relative}
.bk-cta::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;bottom:-300px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,var(--pink-06) 0%,transparent 65%);pointer-events:none}

.bkcta-inner{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  max-width:720px;margin:0 auto;position:relative;z-index:1;
}
.bkcta-inner .sec-ey{margin-bottom:.9rem}

.bkct-r{display:block;overflow:hidden}
.bkct-m{display:block;clip-path:inset(0 0 100% 0);transition:clip-path .88s var(--snap)}
.bkct-m.open{clip-path:inset(0 0 0% 0)}
.bkct-i{display:block;color:var(--t1)}
.bkct-outline .bkct-i{color:var(pink);-webkit-text-stroke:2px var(--dark-20)}
.bkcta-sub{font-size:.9rem;font-weight:300;color:var(--t2);line-height:1.88;margin:2rem;max-width:560px}
.bkcta-badges{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:3rem}
.bkcta-badge-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-w);border:1px solid var(--brd);border-radius:50px;padding:.4rem 1rem;font-size:.66rem;font-weight:600;color:var(--t2);box-shadow:0 1px 3px rgba(11,10,22,.04)}
.bkcta-badge-item svg{width:13px;height:13px;color:var(--pink)}

.bkf-card{background:var(--bg-w);border:1px solid var(--brd);border-radius:22px;overflow:hidden;box-shadow:var(--sh-xl);width:100%;max-width:420px}
.bkf-header{background:var(--pink);padding:1.3rem 2rem;display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.78rem;font-weight:600}
.bkf-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.bkf-body{padding:2rem}
.bkf-time{font-size:.72rem;font-weight:500;color:var(--t3);margin-bottom:1.3rem;padding-bottom:1rem;border-bottom:1px solid var(--brd)}
.bkf-items{display:flex;flex-direction:column;gap:.72rem;margin-bottom:1.5rem}
.bkfi-item{display:flex;align-items:center;gap:.65rem;font-size:.78rem;font-weight:400;color:var(--t2)}
.bkfi-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);flex-shrink:0}
.bkf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--pink);color:#fff;border-radius:12px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;transition:all .38s var(--ease);box-shadow:var(--sh-pink)}
.bkf-btn:hover{background:var(--pink-l);transform:translateY(-3px);box-shadow:0 16px 44px rgba(230,22,103,.4)}
.bkf-btn svg{transition:transform .3s}
.bkf-btn:hover svg{transform:translateX(4px)}
.bkf-link{display:block;text-align:center;font-size:.7rem;font-weight:500;color:var(--t3);letter-spacing:.06em;transition:color .3s}
.bkf-link:hover{color:var(--pink)}

/* ── BULLETS HERO ── */
.bk-bullets {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  margin: 0 auto 2.2rem;
  max-width: 480px;
  width: 100%;
  text-align: left;
  opacity: 0;
  animation: fuUp .7s var(--ease) .95s forwards;
}
.bk-bullets li {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  font-size: .8rem;
  font-weight: 400;
  color: var(--t2);
  line-height: 1.55;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--brd);
  border-radius: 10px;
  padding: .6rem 1rem;
  backdrop-filter: blur(6px);
  transition: border-color .25s, background .25s;
}
.bk-bullets li:hover {
  border-color: var(--brd-pink);
  background: rgba(255,255,255,.92);
}
.bkbl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pink);
  flex-shrink: 0;
  margin-top: .42rem;
}

/* ── SCROLL HINT HERO ── */
.bk-scroll-hint {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .45rem;
  margin-top: 2rem;
  color: var(--t3);
  text-decoration: none;
  opacity: 0;
  animation: fuUp .65s var(--ease) 1.7s forwards;
  transition: color .25s;
}
.bk-scroll-hint:hover { color: var(--pink); }
.bksh-txt {
  font-size: .55rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bksh-arrow {
  width: 36px;
  height: 36px;
  border: 1.5px solid var(--brd-2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .25s, transform .3s;
  animation: arrowBounce 2.2s ease-in-out 2.3s infinite;
}
.bk-scroll-hint:hover .bksh-arrow {
  border-color: var(--pink);
  transform: translateY(3px);
}
@keyframes arrowBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(5px); }
}

/* ════════════════════════════════════════════════════════
   HERO SPLIT — dos columnas
════════════════════════════════════════════════════════ */
.bk-hero {
  display: flex;
  min-height: 100vh;
  align-items: center;
  position: relative;
  background: linear-gradient(160deg,#fff 0%,#f5f7fb 50%,#edf1f8 100%);
  overflow: hidden;
}
.bk-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--dark-06) 1px, transparent 1px),
    linear-gradient(90deg, var(--dark-06) 1px, transparent 1px);
  background-size: 56px 42px;
  pointer-events: none;
  z-index: 0;
}
.bk-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 70% at 25% 50%, rgba(255,255,255,.75) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* divisor central */
.bk-hero-divider {
  display: none; /* lo hacemos con border */
}

/* CONTENEDOR INTERNO DEL HERO */
.bk-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 5;
}

/* ─── COLUMNA IZQUIERDA ─── */
.bk-left {
  position: relative;
  z-index: 5;
  padding: 130px 56px 120px 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-right: 1px solid var(--brd);
}
.bk-left .bk-badge {
  position: static;
  opacity: 0;
  animation: fuUp .6s var(--ease) .1s forwards;
  margin-bottom: 1.8rem;
}
.bk-left .bk-overline { margin-bottom: 1.4rem; opacity: 0; animation: fuUp .5s var(--ease) .22s forwards }
.bk-left .bk-title { text-align: left; font-size: var(--hero-title-size) }
.bk-left .bk-sub { text-align: left; margin: 0 0 1.6rem; opacity: 0; animation: fuUp .7s var(--ease) .9s forwards }
.bk-left .bk-ctas { opacity: 0; animation: fuUp .65s var(--ease) 1.1s forwards; margin-bottom: 1.8rem }
.bk-left .bk-kpis { opacity: 0; animation: fuUp .65s var(--ease) 1.28s forwards; margin: 0 0 1.8rem }

/* bullets */
.bk-bullets {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin-bottom: 1.6rem;
  width: 100%;
  opacity: 0;
  animation: fuUp .7s var(--ease) .95s forwards;
}
.bk-bullets li {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  font-size: .78rem;
  font-weight: 400;
  color: var(--t2);
  line-height: 1.52;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--brd);
  border-radius: 10px;
  padding: .55rem .95rem;
  transition: border-color .2s, background .2s;
}
.bk-bullets li:hover { border-color: var(--brd-pink); background: rgba(255,255,255,.95) }
.bkbl-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--pink); flex-shrink: 0; margin-top: 5px;
}

/* scroll hint */
.bk-scroll-hint {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .45rem;
  margin-top: .6rem;
  color: var(--t4);
  text-decoration: none;
  opacity: 0;
  animation: fuUp .65s var(--ease) 1.65s forwards;
  transition: color .25s;
}
.bk-scroll-hint:hover { color: var(--pink) }
.bksh-txt { font-size: .52rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase }
.bksh-arrow {
  width: 34px; height: 34px;
  border: 1.5px solid var(--brd-2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: border-color .25s;
  animation: arrowBounce 2.2s ease-in-out 2s infinite;
}
.bk-scroll-hint:hover .bksh-arrow { border-color: var(--pink) }
@keyframes arrowBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }

/* ─── COLUMNA DERECHA ─── */
.bk-right {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 52px 60px 48px;

}

/* ─── PANEL E-SOC ─── */
.bkr-panel {
  width: 100%;
  max-width: 440px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--sh-xl);
  opacity: 0;
  transform: translateX(36px);
  transition: opacity .9s var(--ease), transform .9s var(--ease);
}
.bkr-panel.vis { opacity: 1; transform: translateX(0) }

.bkrp-header {
  background: var(--dark);
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bkrph-lbl {
  display: block;
  font-size: .54rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.38);
  margin-bottom: 3px;
}

.bkrp-status {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(109,192,170,.15);
  border: 1px solid rgba(109,192,170,.3);
  border-radius: 50px;
  padding: 5px 12px;
}
.bkrps-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--teal);
  animation: socPulse 1.8s ease-in-out infinite;
}
@keyframes socPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.75)} }
.bkrps-txt {
  font-size: .56rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--teal);
}

.bkrp-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 14px;
  background: #fff;
  border-left: 1px solid var(--brd);
  border-right: 1px solid var(--brd);
}
.bkrpm-cell {
  background: var(--bg-ice);
  border-radius: 12px;
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: background .25s;
}
.bkrpm-cell:hover { background: var(--bg-slate) }
.bkrpmc-icon {
  width: 28px; height: 28px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 4px;
}
.bkrpmc-icon svg { width: 13px; height: 13px }
.bkrpmc-pink { background: var(--pink-06) }
.bkrpmc-pink svg { stroke: var(--pink) }
.bkrpmc-teal { background: var(--teal-08) }
.bkrpmc-teal svg { stroke: var(--teal-d) }
.bkrpmc-purple { background: var(--purple-08) }
.bkrpmc-purple svg { stroke: var(--purple) }
.bkrpmc-val {
  font-family: 'Poppins', sans-serif;
  font-size: 1.3rem; font-weight: 900;
  color: var(--t1); letter-spacing: -.04em; line-height: 1;
}
.bkrpmc-lbl {
  font-size: .58rem; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--t4); line-height: 1.3;
}

.bkrp-feed {
  background: #fff;
  border-left: 1px solid var(--brd);
  border-right: 1px solid var(--brd);
  padding: 14px;
}
.bkrpf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.bkrpf-title {
  font-size: .58rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--t3);
}
.bkrpf-badge {
  font-size: .57rem; font-weight: 700;
  background: var(--pink-06); border: 1px solid var(--brd-pink);
  color: var(--pink); border-radius: 50px; padding: 2px 9px;
  animation: badgePls 2.5s ease-in-out infinite;
}
@keyframes badgePls { 0%,100%{background:var(--pink-06)} 50%{background:var(--pink-12)} }
.bkrpf-items { display: flex; flex-direction: column; gap: 6px }
.bkrpfi {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 10px; border-radius: 8px;
  background: var(--bg-ice); border: 1px solid transparent;
  transition: all .25s;
  opacity: 0; transform: translateX(-8px);
  transition: opacity .4s var(--ease), transform .4s var(--ease), background .2s, border-color .2s;
}
.bkrpfi.vis { opacity: 1; transform: translateX(0) }
.bkrpfi:hover { background: var(--bg-slate); border-color: var(--brd) }
.bkrpfi-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0 }
.bkrpfi-red   { background: var(--pink) }
.bkrpfi-amber { background: #EF9F27 }
.bkrpfi-teal  { background: var(--teal) }
.bkrpfi-txt { flex: 1; font-size: .69rem; font-weight: 500; color: var(--t2) }
.bkrpfi-time { font-size: .58rem; color: var(--t4); font-family: 'Courier New', monospace; flex-shrink: 0 }
.bkrpfi-sev { font-size: .55rem; font-weight: 700; border-radius: 4px; padding: 2px 7px; flex-shrink: 0 }
.sev-hi  { background: var(--pink-06);  color: var(--pink) }
.sev-md  { background: rgba(239,159,39,.1); color: #854F0B }
.sev-lo  { background: var(--teal-08); color: var(--teal-d) }

.bkrp-uptime {
  background: #fff;
  border: 1px solid var(--brd);
  border-top: none;
  border-radius: 0 0 18px 18px;
  padding: 16px 18px;
}
.bkrpu-head {
  display: flex; align-items: center;
  justify-content: space-between; margin-bottom: 10px;
}
.bkrpu-lbl { font-size: .58rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--t3) }
.bkrpu-val { font-size: .82rem; font-weight: 800; color: var(--teal) }
.bkrpu-bars {
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  gap: 2px; height: 28px;
}
.bkrpu-bar { border-radius: 3px; background: var(--bg-slate) }
.bkrpu-bar.ok   { background: var(--teal) }
.bkrpu-bar.warn { background: #EF9F27 }
.bkrpu-bar.err  { background: var(--pink) }
.bkrpu-foot {
  display: flex; justify-content: space-between; margin-top: 6px;
}
.bkrpu-foot span {
  font-size: .56rem; color: var(--t4);
  font-family: 'Courier New', monospace;
}

/* ─── RESPONSIVE HERO SPLIT ─── */
@media(max-width:900px) {
  .bk-hero { grid-template-columns: 1fr }
  .bk-left { border-right: none; padding: 100px 2rem 40px }
  .bk-right { padding: 0 2rem 80px }
}
@media(max-width:640px) {
  .bk-left { padding: 90px 1.2rem 32px }
  .bk-right { padding: 0 1.2rem 70px }
  .bkr-panel { max-width: 100% }
  .bk-left .bk-title { font-size: var(--hero-title-size) }
}

/* ── RESPONSIVE BULLETS ── */
@media(max-width:640px) {
  .bk-bullets { max-width: 100%; }
  .bk-bullets li { font-size: .75rem; }
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE — todo columna en mobile
════════════════════════════════════════════════════════ */
@media(max-width:1000px){
  .bkm-pillars{grid-template-columns:repeat(2,1fr)}
  .bktools-grid{grid-template-columns:repeat(2,1fr)}
  .bkkpi-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:860px){
  .wrap{padding:0 1.8rem}
  .bkd-cards{grid-template-columns:repeat(2,1fr)}
  .bkcp-grid{grid-template-columns:repeat(2,1fr)}
  .bkj-track{grid-template-columns:repeat(3,1fr);gap:2rem}
  .bkjt-line{display:none}
  .bksol-grid{grid-template-columns:1fr}
  .bkkpi-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .wrap{padding:0 1.2rem}
  .sec-head{margin-bottom:2.5rem}

  /* Hero centrado móvil */
  .bk-body{padding:100px 1.2rem 160px}
  .bk-title{font-size:var(--hero-title-size);letter-spacing:-1.5px}
  .bk-ctas{flex-direction:column;width:100%}
  .bcta-main,.bcta-ghost{width:100%;justify-content:center}
  .bk-kpis{flex-wrap:wrap;row-gap:.7rem;padding:.8rem 1rem;width:calc(100% - 2.4rem);margin:0 1.2rem}
  .bkk-item{padding:0 .9rem}
  .bk-badge,.bk-ticker,.bk-scroll{display:none}

  /* Todas las secciones en 1 columna */
  .bkm-pillars{grid-template-columns:1fr}
  .bkd-cards{grid-template-columns:1fr}
  .bkcp-grid{grid-template-columns:1fr}
  .bkj-track{grid-template-columns:1fr;gap:1.4rem}
  .bkkpi-grid{grid-template-columns:1fr;border-radius:16px;margin:0 1.2rem}
  .bkkpi-cell{border-right:none;border-bottom:1px solid var(--brd)}
  .bkkpi-cell:last-child{border-bottom:none}
  .bksol-grid{grid-template-columns:1fr}
  .bktools-grid{grid-template-columns:1fr}
  .bkw-rows{border-radius:14px}
  .bkwr-row p{padding-left:0}

  /* CTA */
  .bkcta-title{font-size:clamp(28px,10vw,44px);letter-spacing:-1px}
  .bkcta-badges{gap:.5rem}
  .bkcta-badge-item{font-size:.62rem;padding:.35rem .8rem}
  .bkf-card{max-width:100%}

  /* Secciones: padding reducido */
  .bk-model,.bk-des,.bk-cap,.bk-journey,.bk-kpi,.bk-sol,.bk-tools,.bk-why,.bk-cta{padding:70px 0}
}

@media(max-width:380px){
  .bk-kpis{flex-direction:column;align-items:stretch}
  .bkk-sep{width:100%;height:1px;margin:0}
  .bkk-item{padding:.5rem 1rem;flex-direction:row;justify-content:space-between;align-items:center}
  .bkwc-items span{font-size:.56rem}
}