/* MICHEMICALDATALAB — INDICADOR LATERAL DE SCROLL (productivo) — geometría EXACTA auditada
   ------------------------------------------------------------------------
   Auditoría SMOOTH-SCROLL-SCROLLBAR-EXACT-AUDIT.md Parte L/M/N/R/T. Markup insertado desde
   site-smooth-scroll.js (ver ese archivo) — este CSS solo aporta geometría/color/
   comportamiento visual, ninguno inventado desde captura. Validado primero en
   site-scroll-indicator-preview.css (preview, conservado como referencia) — este archivo
   es la copia productiva limpia, byte-equivalente en lo funcional.

   Contenedor #pfScrollIndicator (Parte L): position:fixed, top:50%+translateY(-50%) para
   centrado vertical, right:0, width:3.5rem(56px), height:12.5rem(200px), z-index:30,
   pointer-events:auto (sin listeners adjuntos = no interactivo, igual que GenOS Parte S),
   sin background/border propios, opacity inicial 0 (Parte R: oculto hasta progress>.01). */
.pf-scroll-indicator {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3.5rem;
  height: 12.5rem;
  z-index: 30;
  pointer-events: auto;
  opacity: 0;
  transition: opacity .5s;
  /* currentColor (SVG) hereda este color — mismo mapeo GenOS-negro -> var(--ink) ya usado
     en todo el proyecto (home-v2.css), no un valor nuevo inventado. */
  color: var(--ink);
  display: none;
}
/* Parte T: visible SOLO desde 1024px (breakpoint mínimo exacto confirmado en la auditoría:
   1024 = visible, 768 = oculto). Por debajo, ni siquiera se muestra el contenedor. */
@media (min-width: 1024px) {
  .pf-scroll-indicator { display: block; }
}

/* Track (Parte M): stroke-width:6px ya definido en el propio <path> del SVG (no en CSS);
   aquí solo lo que SÍ es CSS-controlable si se quisiera, pero se deja intacto/sin overrides
   porque la auditoría no documentó ningún estilo CSS adicional sobre el <path> más allá de
   sus propios atributos SVG (stroke/stroke-opacity/stroke-width/stroke-linecap ya están en
   el markup). No se inventa ninguna regla adicional aquí. */

/* ============ OCULTAMIENTO DEL SCROLLBAR NATIVO ============
   Hallazgo validado en navegador real (previews home-scroll-preview.html/catalogo-scroll-
   preview.html): con Lenis sin wrapper/content custom, el scroll real sigue siendo el
   nativo de window/document — el scrollbar nativo del navegador seguía visible junto al
   indicador SVG (#pfScrollIndicator), a diferencia de GenOS, que lo oculta (auditoría Parte
   K: .ns::-webkit-scrollbar{display:none}/.ns{scrollbar-width:none} sobre su contenedor
   #sc). Aquí se aplica el equivalente sobre html/body (no hay contenedor #sc propio,
   Michemical usa scroll nativo de documento) — CSS ya probado en runtime, portado literal,
   sin modificar. */
html {
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}