/* ==========================================================================
   GAAB — VERSIÓN B ("escenario"): activable con ?estilo=b en la URL.
   No toca el diseño por defecto. Motivo (caso monitor del cliente, jul-2026):
   en paneles con brillo alto / contraste dinámico, los productos plateados
   sobre página blanca clipean a blanco y "desaparecen". Acá cada media 3D
   clara vive dentro de una TARJETA blanca elevada sobre una sección gris
   fría — la estructura y la sombra le dan contraste que sobrevive a
   cualquier pantalla (mismo lenguaje que las cards oscuras de Products,
   que se ven bien en todos lados).
   ========================================================================== */

html.theme-b .closer-section,
html.theme-b .anatomy-section,
html.theme-b .nse-section,
html.theme-b .lvs-section {
  background: #E8EAEE;
}

/* Media claras → tarjeta blanca elevada */
html.theme-b .closer-video,
html.theme-b .anatomy-stage img,
html.theme-b .nse-video,
html.theme-b .lvs-video {
  background: #FFFFFF;
  border-radius: 22px;
  box-shadow:
    0 32px 90px rgba(16, 24, 40, 0.20),
    0 6px 18px rgba(16, 24, 40, 0.10);
}

/* El NSE se fundía con la página vía multiply — dentro de una tarjeta va normal */
html.theme-b .nse-video {
  mix-blend-mode: normal;
  padding: 28px 34px;
  max-width: 58vw;
}

html.theme-b .lvs-video {
  padding: 18px;
}

html.theme-b .closer-video {
  padding: 22px;
}