/* ============================================================
   BLACKBRO — /blackbro
   Se monta ENCIMA de home-v2.css: los tokens, la nav, el pie,
   los botones y la tipografía son los mismos de la home. Aquí
   sólo vive lo que BLACKBRO añade.

   Dirección visual FROZEN (V1.1 · 08): minimal-tech, geometría
   angular, wordmark BLACKBRO limpio, black / white / B-SHP gold.
   Nada de estrella ni isotipo decorativo adjunto.
   ============================================================ */

/* ---------- 1. BANDAS Y RAÍLES ---------- */
/* El blueprint de Fer reparte la página en tres carriles: un raíl
   izquierdo con el número de bloque, el cuerpo y un raíl derecho de
   apoyo. En móvil los raíles desaparecen: no son contenido. */
.bb{position:relative;padding:clamp(3.6rem,6.4vw,6.4rem) 0;border-top:1px solid rgba(212,175,55,.13)}
.bb__in{
  width:min(100% - 2.4rem,1460px);margin-inline:auto;
  display:grid;grid-template-columns:128px minmax(0,1fr) 156px;
  gap:clamp(1.4rem,2.6vw,3.2rem);align-items:start;
}
.bb__body{min-width:0}
.bb__rail{
  font-family:var(--ff-display);font-weight:500;font-size:.6rem;
  letter-spacing:.26em;text-transform:uppercase;color:var(--texto-tenue);
  line-height:2.1;margin:0;padding-top:.5rem;
}
.bb__rail p{margin:0}
.bb__rail--r{text-align:right}
.bb__num{
  display:block;font-size:1.5rem;font-weight:700;letter-spacing:.04em;
  color:var(--oro);line-height:1;margin-bottom:1.1rem;
}
.bb__num::after{content:'';display:block;width:26px;height:1px;background:var(--grad-oro-h);margin-top:.85rem}
.bb__rail--r .bb__mark{display:block;margin-top:1.4rem;opacity:.5}
.bb__rail--r .bb__mark img{height:15px;width:auto;margin-left:auto}

@media (max-width:1180px){
  .bb__in{grid-template-columns:82px minmax(0,1fr)}
  .bb__rail--r{display:none}
}
@media (max-width:820px){
  .bb__in{grid-template-columns:minmax(0,1fr);width:min(100% - 2.2rem,720px)}
  .bb__rail--l{display:flex;align-items:baseline;gap:1rem;padding-top:0;line-height:1.9}
  .bb__num{font-size:1.05rem;margin:0}
  .bb__num::after{display:none}
}

/* ---------- 2. HERO ---------- */
.bbhero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:calc(var(--nav-h) + clamp(3rem,7vw,6rem)) 0 clamp(2.2rem,4vw,3.4rem);
  overflow:hidden;border-top:0;
}
.bbhero__media{position:absolute;inset:0;z-index:0}
.bbhero__media video,.bbhero__media img{width:100%;height:100%;object-fit:cover}
.bbhero__media::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,6,6,.94) 0%,rgba(6,6,6,.82) 34%,rgba(6,6,6,.30) 62%,rgba(6,6,6,.72) 100%),
    linear-gradient(0deg,#060606 2%,rgba(6,6,6,.10) 46%,rgba(6,6,6,.62) 100%);
}
.bbhero__in{
  position:relative;z-index:2;
  width:min(100% - 2.4rem,1460px);margin-inline:auto;
  display:grid;grid-template-columns:128px minmax(0,1fr) 156px;gap:clamp(1.4rem,2.6vw,3.2rem);
  align-items:end;
}
.bbhero__copy{max-width:640px}
.bbhero__wordmark{width:min(100%,520px);height:auto;margin:0 0 1.3rem;filter:drop-shadow(0 12px 40px rgba(0,0,0,.75))}
.bbhero__claim{
  font-family:var(--ff-display);font-weight:700;
  font-size:clamp(1.5rem,3.1vw,2.5rem);line-height:1.08;
  text-transform:uppercase;color:var(--crema);margin:0 0 1.1rem;letter-spacing:-.01em;
}
.bbhero__claim .rombo{color:var(--oro);font-size:.62em;vertical-align:.18em;margin-right:.45rem}
.bbhero__sub{
  font-family:var(--ff-display);font-weight:500;
  font-size:clamp(.82rem,1.15vw,.95rem);letter-spacing:.16em;line-height:1.85;
  text-transform:uppercase;color:var(--texto);margin:0 0 2rem;
}
.bbhero__strip{
  grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;align-items:center;
  margin-top:clamp(2rem,4vw,3.4rem);padding-top:1.2rem;
  border-top:1px solid rgba(212,175,55,.18);
  font-family:var(--ff-display);font-weight:500;font-size:.63rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--texto-tenue);
}
.bbhero__strip span{color:var(--ambar)}
.bbhero__side{justify-self:end;text-align:right;margin:0 0 1.5rem;transform:rotate(-5deg)}
.bbhero__rail{align-self:end;margin-bottom:1.6rem}

@media (max-width:1180px){
  .bbhero__in{grid-template-columns:82px minmax(0,1fr)}
  .bbhero__side{display:none}
}
@media (max-width:820px){
  .bbhero{min-height:auto;padding-top:calc(var(--nav-h) + 2.6rem)}
  .bbhero__in{grid-template-columns:minmax(0,1fr);width:min(100% - 2.2rem,720px)}
  .bbhero__rail{display:none}
  .bbhero__media::after{background:linear-gradient(0deg,#060606 8%,rgba(6,6,6,.38) 52%,rgba(6,6,6,.80) 100%)}
  .bbhero__wordmark{width:min(100%,360px)}
}

/* ---------- 3. TARJETAS DE PROCESO (PREGUNTA · ACLARA · …) ---------- */
.bb-split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(1.8rem,3.4vw,3.4rem);align-items:stretch}
.bb-split--inv{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.bb-split__media{position:relative}
.bb-split__media img{width:100%;height:100%;min-height:320px;object-fit:cover;border:1px solid var(--linea)}
.bb-split__media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.55),rgba(6,6,6,0) 55%,rgba(6,6,6,.55));pointer-events:none}

.bb-pasos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1.9rem}
.bb-paso{
  border:1px solid var(--linea);background:linear-gradient(180deg,rgba(20,20,20,.9),rgba(10,10,10,.9));
  padding:1.25rem .7rem 1.05rem;text-align:center;transition:border-color .3s,transform .3s,background .3s;
}
.bb-paso:hover{border-color:var(--linea-fuerte);transform:translateY(-3px)}
.bb-paso svg{width:26px;height:26px;stroke:var(--oro);fill:none;stroke-width:1.4;margin:0 auto .8rem;display:block}
.bb-paso b{
  display:block;font-family:var(--ff-display);font-weight:600;font-size:.63rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--crema);
}
@media (max-width:820px){
  .bb-split,.bb-split--inv{grid-template-columns:minmax(0,1fr)}
  .bb-split__media img{min-height:0;max-height:300px}
  .bb-split__media{order:-1}
  .bb-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-paso:last-child{grid-column:1 / -1}
}

/* lista con palomas del bloque 04 */
.bb-checks{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.95rem}
.bb-checks--dos{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem 1.4rem}
@media (max-width:620px){.bb-checks--dos{grid-template-columns:minmax(0,1fr)}}
.bb-checks li{display:flex;gap:.85rem;align-items:flex-start;font-size:.95rem;color:var(--texto)}
.bb-checks svg{width:19px;height:19px;flex:0 0 auto;margin-top:.2rem;stroke:var(--oro);fill:none;stroke-width:1.5}

/* ---------- 4. QUICK ACTIONS (las 6 jugadas · FROZEN) ---------- */
.bb-plays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:1.9rem}
.bb-play{
  display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;
  border:1px solid var(--linea);background:linear-gradient(180deg,rgba(21,21,21,.92),rgba(10,10,10,.92));
  padding:1.2rem 1rem;min-height:132px;cursor:pointer;text-align:left;color:inherit;
  transition:border-color .3s,transform .3s,box-shadow .3s,background .3s;
}
.bb-play:hover,.bb-play:focus-visible{
  border-color:var(--oro);transform:translateY(-3px);
  background:linear-gradient(180deg,rgba(32,26,10,.95),rgba(12,11,7,.95));
  box-shadow:0 16px 40px -26px rgba(212,175,55,.9);outline:none;
}
.bb-play svg{width:24px;height:24px;stroke:var(--oro);fill:none;stroke-width:1.4}
.bb-play b{
  font-family:var(--ff-display);font-weight:600;font-size:.66rem;line-height:1.5;
  letter-spacing:.14em;text-transform:uppercase;color:var(--crema);margin-top:auto;
}
@media (max-width:1180px){.bb-plays{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){
  .bb-plays{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .bb-play{min-height:104px;gap:1rem;padding:1rem .85rem}
}

/* ---------- 5. EL CHAT (el producto) ---------- */
.bbchat{scroll-margin-top:calc(var(--nav-h) + 8px)}
.bbchat__caja{
  display:grid;grid-template-columns:212px minmax(0,1fr);
  border:1px solid var(--linea-fuerte);background:rgba(9,9,9,.94);
  box-shadow:0 40px 110px -50px rgba(212,175,55,.42);
  overflow:hidden;margin-top:1.9rem;
}
/* --- barra lateral --- */
.bbchat__side{border-right:1px solid var(--linea);padding:1.1rem .9rem;background:rgba(14,14,14,.9);display:flex;flex-direction:column;gap:1.1rem}
.bbchat__marca{display:flex;align-items:center;gap:.6rem}
.bbchat__marca img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.bbchat__marca b{font-family:var(--ff-display);font-weight:600;font-size:.68rem;letter-spacing:.2em;color:var(--crema)}
.bbchat__nuevo{
  display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem .8rem;cursor:pointer;
  border:1px solid var(--linea-fuerte);background:rgba(212,175,55,.07);color:var(--oro-claro);
  font-family:var(--ff-display);font-weight:600;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  transition:background .3s,border-color .3s;
}
.bbchat__nuevo:hover{background:rgba(212,175,55,.16);border-color:var(--oro)}
.bbchat__temas{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.bbchat__temas h4{font-family:var(--ff-display);font-weight:600;font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:var(--texto-tenue);margin:0 0 .5rem}
.bbchat__tema{
  display:flex;align-items:center;gap:.6rem;width:100%;padding:.52rem .55rem;cursor:pointer;
  background:none;border:0;border-left:1px solid transparent;color:var(--texto);
  font-family:var(--ff-body);font-size:.82rem;text-align:left;transition:color .25s,background .25s,border-color .25s;
}
.bbchat__tema::before{content:'';width:5px;height:5px;border:1px solid var(--ambar);transform:rotate(45deg);flex:0 0 auto}
.bbchat__tema:hover{color:var(--oro-claro);background:rgba(212,175,55,.07);border-left-color:var(--oro)}
.bbchat__pie{margin-top:auto;font-size:.62rem;line-height:1.6;color:var(--texto-tenue);letter-spacing:.05em}

/* --- columna principal --- */
.bbchat__main{display:flex;flex-direction:column;min-height:620px;max-height:78vh}
.bbchat__bar{
  display:flex;align-items:center;gap:.7rem;padding:.85rem 1.2rem;
  border-bottom:1px solid var(--linea);background:rgba(13,13,13,.9);
  font-family:var(--ff-display);font-weight:600;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--texto);
}
.bbchat__led{width:7px;height:7px;border-radius:50%;background:#49d07a;box-shadow:0 0 10px #49d07a;flex:0 0 auto}
.bbchat__bar[data-estado="pensando"] .bbchat__led{background:var(--oro);box-shadow:0 0 10px var(--oro);animation:bbLatido 1.1s infinite}
.bbchat__bar[data-estado="error"] .bbchat__led{background:#e0603f;box-shadow:0 0 10px #e0603f}
@keyframes bbLatido{0%,100%{opacity:1}50%{opacity:.25}}

.bbchat__log{flex:1;overflow-y:auto;padding:1.6rem 1.4rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth}
.bbchat__log::-webkit-scrollbar{width:7px}

/* estado INITIAL */
.bbchat__inicio{text-align:center;margin:auto;max-width:460px;padding:1.5rem 0}
.bbchat__inicio img{width:86px;height:86px;border-radius:50%;object-fit:cover;margin:0 auto 1.2rem;border:1px solid var(--linea-fuerte)}
.bbchat__online{font-family:var(--ff-display);font-weight:600;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro);margin:0 0 .9rem}
.bbchat__pregunta{font-family:var(--ff-display);font-weight:700;font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.2;text-transform:uppercase;color:var(--crema);margin:0 0 .8rem}
.bbchat__ayuda{font-size:.9rem;color:var(--texto);margin:0}

/* mensajes */
.bbmsg{display:flex;gap:.9rem;max-width:min(100%,780px)}
.bbmsg__av{width:34px;height:34px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:1px solid var(--linea)}
.bbmsg__av--yo{
  display:grid;place-items:center;border-radius:50%;background:rgba(212,175,55,.1);
  border:1px solid var(--linea);font-size:.62rem;color:var(--oro);
}
.bbmsg__cuerpo{min-width:0;flex:1}
.bbmsg__quien{font-family:var(--ff-display);font-weight:600;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--texto-tenue);margin:0 0 .45rem}
.bbmsg--bro .bbmsg__quien{color:var(--oro)}
.bbmsg__txt{font-size:.95rem;line-height:1.72;color:var(--texto);overflow-wrap:anywhere}
.bbmsg--yo .bbmsg__txt{color:var(--crema)}
.bbmsg__txt p{margin:0 0 .85rem}
.bbmsg__txt p:last-child{margin-bottom:0}
.bbmsg__txt ul,.bbmsg__txt ol{margin:.2rem 0 .9rem;padding-left:1.25rem;display:grid;gap:.4rem}
.bbmsg__txt li::marker{color:var(--oro)}
.bbmsg__txt strong{color:var(--crema);font-weight:600}
.bbmsg__txt h1,.bbmsg__txt h2,.bbmsg__txt h3{
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);
  margin:1.2rem 0 .6rem;font-weight:600;
}
.bbmsg__txt code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:rgba(212,175,55,.1);padding:.12em .4em;border-radius:2px;color:var(--oro-claro)}
.bbmsg__txt pre{background:#0d0d0d;border:1px solid var(--linea);padding:.9rem;overflow-x:auto;margin:0 0 .9rem}
.bbmsg__txt pre code{background:none;padding:0}
.bbmsg__txt a{color:var(--oro-claro);text-decoration:underline;text-underline-offset:3px}
.bbmsg__txt blockquote{margin:0 0 .9rem;padding-left:.9rem;border-left:1px solid var(--linea-fuerte);color:var(--texto-tenue)}
.bbmsg__cursor{display:inline-block;width:8px;height:1.05em;background:var(--oro);vertical-align:-.16em;margin-left:2px;animation:bbLatido 1s steps(2) infinite}

/* acciones bajo una respuesta */
.bbmsg__acciones{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.bbmini{
  border:1px solid var(--linea);background:rgba(18,18,18,.9);color:var(--texto);cursor:pointer;
  padding:.45rem .8rem;font-family:var(--ff-display);font-weight:500;font-size:.62rem;
  letter-spacing:.12em;text-transform:uppercase;transition:border-color .25s,color .25s,background .25s;
}
.bbmini:hover{border-color:var(--oro);color:var(--oro-claro);background:rgba(212,175,55,.08)}
.bbmini.is-ok{border-color:#49d07a;color:#49d07a}

/* THINKING */
.bbpiensa{display:flex;gap:.35rem;align-items:center;height:1.4rem}
.bbpiensa span{width:6px;height:6px;border-radius:50%;background:var(--oro);opacity:.35;animation:bbPunto 1.25s infinite}
.bbpiensa span:nth-child(2){animation-delay:.16s}
.bbpiensa span:nth-child(3){animation-delay:.32s}
@keyframes bbPunto{0%,100%{opacity:.25;transform:translateY(0)}45%{opacity:1;transform:translateY(-4px)}}

/* ERROR + RETRY */
.bberror{border:1px solid rgba(224,96,63,.42);background:rgba(224,96,63,.07);padding:1rem 1.1rem}
.bberror p{margin:0 0 .75rem;font-size:.9rem;color:#f0c3b4}
.bberror p:last-of-type{margin-bottom:0}
.bberror .bbmini{border-color:rgba(224,96,63,.5);color:#f0c3b4}
.bberror .bbmini:hover{border-color:#e0603f;color:#fff;background:rgba(224,96,63,.16)}

/* chips de jugada dentro del chat */
.bbchat__chips{display:flex;flex-wrap:wrap;gap:.45rem;padding:.9rem 1.4rem 0}
.bbchip{
  border:1px solid var(--linea);background:rgba(16,16,16,.9);color:var(--texto);cursor:pointer;
  padding:.5rem .85rem;font-family:var(--ff-display);font-weight:500;font-size:.61rem;
  letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s,color .25s,background .25s,transform .25s;
}
.bbchip:hover{border-color:var(--oro);color:var(--oro-claro);background:rgba(212,175,55,.08);transform:translateY(-1px)}

/* entrada */
.bbchat__form{display:flex;gap:.7rem;align-items:flex-end;padding:1rem 1.4rem 1.2rem}
.bbchat__campo{
  flex:1;display:flex;align-items:flex-end;gap:.6rem;
  border:1px solid var(--linea-fuerte);background:rgba(15,15,15,.95);padding:.7rem .9rem;
  transition:border-color .3s,box-shadow .3s;
}
.bbchat__campo:focus-within{border-color:var(--oro);box-shadow:0 0 0 1px rgba(212,175,55,.28)}
.bbchat__campo textarea{
  flex:1;resize:none;border:0;background:none;color:var(--crema);
  font-family:var(--ff-body);font-size:.95rem;line-height:1.6;max-height:168px;min-height:24px;
  padding:0;outline:none;
}
.bbchat__campo textarea::placeholder{color:var(--texto-tenue)}
.bbchat__enviar{
  width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;cursor:pointer;
  border:0;background:var(--grad-oro);color:#171000;transition:transform .25s,box-shadow .25s,opacity .25s;
  box-shadow:0 12px 30px -16px rgba(212,175,55,.9);
}
.bbchat__enviar svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.bbchat__enviar:hover:not(:disabled){transform:translateY(-2px)}
.bbchat__enviar:disabled{opacity:.42;cursor:not-allowed}
.bbchat__legal{margin:0;padding:0 1.4rem 1.1rem;font-size:.66rem;color:var(--texto-tenue);letter-spacing:.04em}

@media (max-width:980px){
  .bbchat__caja{grid-template-columns:minmax(0,1fr)}
  .bbchat__side{
    border-right:0;border-bottom:1px solid var(--linea);
    flex-direction:row;align-items:center;gap:.7rem;overflow-x:auto;padding:.75rem .9rem;
  }
  .bbchat__temas,.bbchat__pie{display:none}
  .bbchat__nuevo{width:auto;white-space:nowrap}
  .bbchat__main{min-height:min(76svh,560px);max-height:none}
  .bbchat__log,.bbchat__chips,.bbchat__form{padding-left:1rem;padding-right:1rem}
}

/* ---------- 6. PARA QUIÉN ES ---------- */
.bb-quien{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1.9rem}
.bb-quien article{
  border:1px solid var(--linea);background:linear-gradient(180deg,rgba(20,20,20,.9),rgba(10,10,10,.9));
  padding:1.3rem 1rem;display:flex;flex-direction:column;gap:1.4rem;transition:border-color .3s,transform .3s;
}
.bb-quien article:hover{border-color:var(--linea-fuerte);transform:translateY(-3px)}
.bb-quien svg{width:24px;height:24px;stroke:var(--oro);fill:none;stroke-width:1.4}
.bb-quien b{
  font-family:var(--ff-display);font-weight:600;font-size:.64rem;line-height:1.55;
  letter-spacing:.14em;text-transform:uppercase;color:var(--crema);margin-top:auto;
}
@media (max-width:1180px){.bb-quien{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.bb-quien{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-quien article:last-child{grid-column:1 / -1}}

.bb-listaseca{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.7rem;font-size:.95rem}
.bb-listaseca li{padding-left:1.1rem;position:relative}
.bb-listaseca li::before{content:'';position:absolute;left:0;top:.62em;width:5px;height:5px;border:1px solid var(--oro);transform:rotate(45deg)}

/* ---------- 7. FAQ ---------- */
.bb-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.9rem}
.bb-faq details{border:1px solid var(--linea);background:rgba(16,16,16,.9);transition:border-color .3s}
.bb-faq details[open]{border-color:var(--linea-fuerte)}
.bb-faq summary{
  list-style:none;cursor:pointer;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  font-family:var(--ff-display);font-weight:500;font-size:.8rem;color:var(--crema);
}
.bb-faq summary::-webkit-details-marker{display:none}
.bb-faq summary::after{content:'+';color:var(--oro);font-size:1.15rem;line-height:1;flex:0 0 auto;transition:transform .3s}
.bb-faq details[open] summary::after{transform:rotate(45deg)}
.bb-faq summary:hover{color:var(--oro-claro)}
.bb-faq p{margin:0;padding:0 1.1rem 1.1rem;font-size:.9rem;color:var(--texto)}
@media (max-width:820px){.bb-faq{grid-template-columns:minmax(0,1fr)}}

/* ---------- 8. CIERRE ---------- */
.bbfinal{position:relative;overflow:hidden;min-height:min(84svh,660px);display:flex;align-items:center;border-top:1px solid rgba(212,175,55,.13)}
.bbfinal__media{position:absolute;inset:0;z-index:0}
.bbfinal__media video,.bbfinal__media img{width:100%;height:100%;object-fit:cover}
.bbfinal__media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,6,6,.93) 0%,rgba(6,6,6,.74) 42%,rgba(6,6,6,.22) 72%,rgba(6,6,6,.6) 100%),
             linear-gradient(0deg,#060606 1%,rgba(6,6,6,0) 40%);
}
.bbfinal__in{
  position:relative;z-index:2;width:min(100% - 2.4rem,1460px);margin-inline:auto;
  display:grid;grid-template-columns:128px minmax(0,1fr) 156px;gap:clamp(1.4rem,2.6vw,3.2rem);align-items:center;
  padding:clamp(3.4rem,7vw,6rem) 0;
}
.bbfinal__h{
  font-family:var(--ff-display);font-weight:700;text-transform:uppercase;color:var(--crema);
  font-size:clamp(2.1rem,5.4vw,4.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.2rem;max-width:12ch;
}
.bbfinal__q{font-family:var(--ff-display);font-weight:600;font-size:clamp(1rem,1.9vw,1.4rem);text-transform:uppercase;color:var(--oro-claro);margin:0 0 2rem}
.bbfinal .bb__rail{color:rgba(239,231,214,.72);text-shadow:0 1px 10px rgba(0,0,0,.9)}
.bbfinal__firma{font-family:var(--ff-display);font-weight:500;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-tenue);margin:1.8rem 0 0}
@media (max-width:1180px){.bbfinal__in{grid-template-columns:82px minmax(0,1fr)}}
@media (max-width:820px){
  .bbfinal__in{grid-template-columns:minmax(0,1fr);width:min(100% - 2.2rem,720px)}
  .bbfinal .bb__rail{display:none}
  .bbfinal__media::after{background:linear-gradient(0deg,#060606 6%,rgba(6,6,6,.45) 55%,rgba(6,6,6,.8) 100%)}
}

/* ---------- 9. BARRA MÓVIL ----------
   V1.1 · 02: en móvil el Player no debe recorrer secciones intermedias
   para llegar al producto. La puerta viaja con él. */
.bbmovil{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));
  background:linear-gradient(0deg,rgba(6,6,6,.98),rgba(6,6,6,.86));
  border-top:1px solid var(--linea-fuerte);
}
.bbmovil .btn{width:100%}
@media (max-width:820px){
  .bbmovil{display:block}
  body{padding-bottom:78px}
  .bbmovil.is-oculta{transform:translateY(120%);transition:transform .35s}
}

/* ---------- 10. AVISO DE VISTA SIN API ---------- */
.bbaviso{
  margin:0 0 1.2rem;border:1px dashed rgba(212,175,55,.45);background:rgba(212,175,55,.06);
  padding:.75rem .95rem;font-size:.76rem;line-height:1.6;color:var(--oro-claro);letter-spacing:.04em;
}
.bbaviso b{font-family:var(--ff-display);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.66rem}

/* ============================================================
   11. RONDA 18-SEP · las notas de Marce
   ============================================================ */

/* 03 y 06 — el cuerpo centrado. Los raíles laterales no se tocan: son
   apoyo, no contenido, y siguen anclados a sus bordes. */
.bb__body--centro{text-align:center}
.bb__body--centro .stack{margin-inline:auto}

/* El acordeón del FAQ se sigue leyendo de izquierda a derecha. Centrar
   la respuesta dentro de la caja la volvería decorativa. */
.bb__body--centro .bb-faq p{text-align:left}
/* (.bb-play ya trae su propio text-align:left, no hace falta tocarlo) */

/* 07 — el cierre completo centrado: titular, pregunta, botón y firma. */
.bbfinal__copy{text-align:center}
.bbfinal__copy .bbfinal__h{margin-inline:auto}

/* 01 — el wordmark, un poco a la izquierda y algo más abajo, para que
   caiga a la altura de los lentes. Se mueve con `transform` a propósito:
   así no empuja al titular ni al botón. Si hay que afinarlo, es aquí y
   sólo aquí. */
.bbhero__wordmark{transform:translate(-2.4rem,.9rem)}
@media (max-width:1180px){.bbhero__wordmark{transform:translate(-1.2rem,.6rem)}}
/* En móvil el hero se apila y el vídeo se reencuadra: el logo vuelve a su sitio. */
@media (max-width:820px){.bbhero__wordmark{transform:none}}

/* 02 y 05 — las dos imágenes recortadas.
   Llegaron con fondo (blanco una, damero de transparencia la otra) y Fer pidió
   quitárselo. Al quedar sobre transparencia ya no son una foto dentro de un
   marco: son la figura flotando sobre el negro. Por eso pierden el borde, el
   velo oscuro y el recorte por `cover`, que les cortaría los paneles. */
.bb-split__media--recorte img{
  border:0;
  object-fit:contain;
  min-height:0;
  background:transparent;
}
.bb-split__media--recorte::after{content:none}

/* ============================================================
   RONDA 05-OCT · «Centrar bien la info»
   El párrafo bajo «¿En qué puedo ayudarte hoy?» tenía max-width y
   margin:0: su caja quedaba pegada a la izquierda y el texto corrido.
   Y los raíles asimétricos (128/156) sacaban el cuerpo del centro.
   ============================================================ */
.bb__in{grid-template-columns:156px minmax(0,1fr) 156px}
@media (max-width:1180px){.bb__in{grid-template-columns:82px minmax(0,1fr) 82px}}
@media (max-width:820px){.bb__in{grid-template-columns:minmax(0,1fr)}}
.bb__body--centro .stack > *{margin-inline:auto}