/* Capítulo 06 · Caso de éxito BYD (modo oscuro) */
#byd{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:88px 0 32px;position:relative;overflow:clip;background:radial-gradient(760px 520px at 8% 12%,rgba(0,180,255,.16),transparent 70%),radial-gradient(700px 500px at 100% 100%,rgba(0,223,125,.1),transparent 70%),var(--bg)}
.bd{display:grid;gap:clamp(14px,2.4vh,24px)}
.bd .h2{font-size:clamp(1.7rem,3vw,2.6rem);max-width:none}
.bd-head{display:grid;gap:8px}
.bd-lead{color:var(--muted);font-weight:600;font-size:.95rem}
.bd-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:stretch}
.bd-chart{padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--surface);display:grid;gap:10px;grid-template-rows:auto 1fr auto}
.bd-ct{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bd-lg{display:flex;gap:14px;font-size:.78rem;font-weight:700;color:var(--muted)}
.bd-lg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bd-lg .a,.bd-bb .a{background:#5C7380}.bd-lg .b,.bd-bb .b{background:var(--growth)}
.bd-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;align-items:end;min-height:200px;height:clamp(200px,28vh,270px)}
.bd-m{display:grid;grid-template-rows:1fr auto;height:100%;gap:6px;min-width:0}
.bd-m small{text-align:center;font-size:.7rem;color:var(--muted-2);font-weight:700}
.bd-bb{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}
.bd-bb span{position:relative;flex:1;max-width:22px;height:var(--h);border-radius:5px 5px 2px 2px;transform-origin:bottom;scale:1 0}
.bd-bars.in .bd-bb span{animation:bdgrow .8s var(--ease) both;animation-delay:calc(var(--i,0) * .05s)}
.bd-bars.in .bd-m:nth-child(1) span{--i:0}
.bd-bb .b em{position:absolute;left:50%;bottom:100%;translate:-50% -3px;font-style:normal;font-size:.68rem;font-weight:800;white-space:nowrap}
@keyframes bdgrow{to{scale:1 1}}
.bd-sum{font-size:.92rem;font-weight:600;color:var(--muted)}.bd-sum b{color:#fff;font-size:1.2rem}.bd-sum em{font-style:normal;color:#4EF0A6;font-weight:800}
.bd-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:stretch}
.bd-k{display:grid;gap:2px;align-content:center;padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.05);border:1px solid var(--line-2)}
.bd-k b{font-size:clamp(1.7rem,2.9vw,2.5rem);font-weight:800;letter-spacing:-.05em;line-height:1;background:var(--growth);-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-k strong{font-size:.9rem}.bd-k small{font-size:.76rem;color:var(--muted)}
.bd-foot{grid-column:1/-1;font-size:.76rem;color:var(--muted-2);font-weight:600}
.bd-how{display:grid;gap:10px}
.bd-hl{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:800}
.bd-ps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.bd-p{position:relative;display:grid;gap:3px;text-align:left;padding:14px 14px 34px;border-radius:var(--r-md);background:rgba(255,255,255,.05);border:1px solid var(--line);transition:background-color .25s,border-color .25s,translate .25s}
.bd-p i{font-style:normal;font-weight:800;font-size:.74rem;color:var(--violet-l)}
.bd-p b{font-size:.92rem;line-height:1.2}.bd-p small{font-size:.74rem;color:var(--muted)}
.bd-pa{position:absolute;right:12px;bottom:10px;width:22px;color:var(--blue);transition:translate .25s}.bd-pa svg{width:100%}
.bd-p:hover{background:rgba(0,180,255,.1);border-color:var(--blue);translate:0 -3px}.bd-p:hover .bd-pa{translate:4px 0}
.bd-ex{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.bd-ps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){#byd{min-height:0;padding:96px 0 56px}.bd-main{grid-template-columns:1fr}.bd-ps{grid-template-columns:1fr 1fr}.bd-bb .b em{display:none}.bd-bars{gap:4px}}
@media (prefers-reduced-motion:reduce){.bd-bars.in .bd-bb span{animation:none;scale:1 1}}
/* banner del módulo */
#byd{min-height:0;display:block;padding:88px 0 40px;background:var(--bg)}
.bn{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;width:100%;text-align:left;padding:clamp(22px,3.4vw,40px) clamp(22px,4vw,52px);border-radius:32px;border:1px solid rgba(255,255,255,.18);overflow:hidden;background:linear-gradient(115deg,#0B3A5C 0%,#3A1A8C 52%,#8A1AA8 100%);cursor:pointer;color:#fff;transition:translate .4s var(--ease),box-shadow .4s}
.bn:hover{translate:0 -4px;box-shadow:0 24px 60px -20px rgba(120,30,200,.6)}
.bn-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(0,223,125,.18),transparent 30%,rgba(0,180,255,.2),transparent 60%);animation:bnspin 14s linear infinite;pointer-events:none}
@keyframes bnspin{to{rotate:360deg}}
.bn-t{position:relative;display:grid;gap:10px;justify-items:start}
.bn-t strong{font-size:clamp(2.2rem,5.6vw,4.6rem);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.bn-s{font-size:.92rem;font-weight:600;color:#D5DCEC}
.bn-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:12px 22px;border-radius:999px;background:#fff;color:#171D20;font-weight:800;font-size:.92rem;transition:gap .3s}
.bn-cta svg{width:18px}.bn:hover .bn-cta{gap:16px}
.bn-v{position:relative;display:flex;align-items:flex-end;gap:18px}
.bn-bars{display:flex;align-items:flex-end;gap:5px;height:110px}
.bn-bars i{width:12px;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(#00DF7D,#00B4FF);transform-origin:bottom;animation:bnbar 2.6s var(--ease) infinite alternate;animation-delay:calc(var(--i) * .12s)}
@keyframes bnbar{from{scale:1 .45}to{scale:1 1}}
.bn-st{display:grid;gap:0}.bn-st b{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.04em;line-height:1}.bn-st small{font-size:.76rem;color:#D5DCEC;font-weight:600}
@media (max-width:760px){.bn{grid-template-columns:1fr}.bn-bars{height:70px}}
@media (prefers-reduced-motion:reduce){.bn-glow,.bn-bars i{animation:none}}

.bn-k{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;color:#D5DCEC}.bn-k b{font-weight:800;color:#fff}.bn-k i{font-style:normal;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:.7rem;letter-spacing:.08em}