/* Caso Boehringer Ingelheim (inc/caso-boehringer-ingelheim.php), 6/11/26. Prefijo bi-. Motor común: ma-caso.css.
   Caso privado: sin la contraseña, la página solo pinta el formulario (.bi-clave). GenCRM FM en turquesa; Futurama
   Sound en melocotón: su pantalla pasa de los auriculares solos al equipo que llega con el scroll (--p del motor). */

.bi-hero-k{margin:0 0 10px;font-family:var(--f-label);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-fg3)}
.bi-hero .cx-hero-f img{object-position:50% 40%}
/* El título se retira mientras la plenaria se abre: la pantalla queda limpia. */
html.cx-js .bi-hero .cx-hero-top{opacity:clamp(0,calc(1 - var(--q,0) * 2.2),1)}

/* Capítulos */
.bi-ch{padding:clamp(110px,16svh,190px) 0 clamp(60px,8vw,110px)}
.bi-ch+.cx-f--bleed,.cx-f--bleed+.bi-ch{margin-top:0}
.bi-pie{margin:clamp(16px,1.6vw,22px) 0 clamp(56px,7vw,100px);font-size:15px;line-height:1.5;color:var(--cx-fg2);max-width:46ch}

/* GenCRM FM: las dos cartulinas, una sobre otra */
.bi-cart{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,980px);margin:0 auto;aspect-ratio:1.62}
.bi-cart figure{position:absolute;margin:0;width:62%;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(8,30,38,.55),0 6px 14px -6px rgba(8,30,38,.35)}
.bi-cart img{display:block;width:100%;height:auto}
.bi-cart-a{left:0;top:4%;transform:rotate(-3.5deg)}
.bi-cart-b{right:0;bottom:4%;transform:rotate(2.5deg)}
.bi-tra{margin-top:0}
.bi-scr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}

/* Futurama Sound: la pantalla se completa con el scroll */
.bi-fs{height:230svh}
.bi-fs-st{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.bi-fs-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(28px,4vw,72px);align-items:center;padding-top:79px}
.bi-fs-x .cx-p{margin-top:clamp(16px,1.8vw,24px)}
.bi-fs-s{position:relative;margin:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(132,42,30,.45);transform:scale(calc(.94 + .06 * min(1, var(--p,0) * 2)))}
.bi-fs-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bi-fs-2{opacity:clamp(0,calc((var(--p,0) - .38) / .24),1)}
html:not(.cx-js) .bi-fs{height:auto}
html:not(.cx-js) .bi-fs-st{position:static;height:auto;padding:140px 0}
html:not(.cx-js) .bi-fs-2{opacity:1}

.bi-fs2-l{max-width:30ch;margin:0 0 clamp(36px,5vw,70px)}
.bi-papel{align-items:end}
.bi-papel .cx-f--r{border-radius:8px;box-shadow:0 30px 60px -30px rgba(132,42,30,.45)}

/* El formulario del caso privado */
.bi-clave{min-height:100svh;display:flex;align-items:center}
.bi-clave-w{padding:clamp(120px,18svh,200px) 0 clamp(80px,12svh,140px);max-width:760px}
.bi-clave .cx-p{margin-top:clamp(16px,2vw,24px);max-width:40ch}
.bi-clave-f{display:flex;gap:10px;margin-top:clamp(28px,3vw,40px);max-width:520px}
.bi-clave-f input{flex:1;min-width:0;padding:15px 20px;border:1px solid rgba(246,245,243,.35);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:16px}
.bi-clave-f input:focus{outline:none;border-color:#F6F5F3}
.bi-clave-f button{padding:15px 26px;border:0;border-radius:999px;background:#F6F5F3;color:#1F2322;font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.bi-clave-e{margin-top:14px;font-size:14px;color:#F3A48B}
.bi-clave-c{margin-top:clamp(40px,6svh,70px);font-family:var(--f-label);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-fg3)}

@media (max-width:900px){
  .bi-fs-g{grid-template-columns:minmax(0,1fr);row-gap:clamp(22px,4svh,36px);padding-top:71px}
  .bi-fs-x .cx-h{font-size:clamp(34px,9vw,52px)}
  .bi-fs-x .cx-p{margin-top:12px;font-size:15px;line-height:1.55}
}
@media (max-width:760px){
  .bi-cart{aspect-ratio:1.1}
  .bi-plen{height:auto;aspect-ratio:16/10}
  .bi-cart figure{width:78%}
  .bi-scr{grid-template-columns:minmax(0,1fr)}
  .bi-clave-f{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .bi-fs{height:auto}
  .bi-fs-st{position:static;height:auto;padding:140px 0}
  .bi-fs-s{transform:none}
  .bi-fs-2{opacity:1}
}