/* Barra de scroll de marca: verdes serios, nunca la lima.
   Firefox: scrollbar-color. Chromium y Safari: ::-webkit-scrollbar.
   Chromium reciente ignora ::-webkit-scrollbar si hay scrollbar-color, así que
   la propiedad estándar solo se da a quien no entiende el pseudo-elemento
   (Firefox); así Chromium/Safari conservan el hover. */
@supports not selector(::-webkit-scrollbar){
  html,.scroll-v-no{scrollbar-color:#335041 #EEF4F2}
  .scroll-v{scrollbar-color:#EEF4F2 #223631}
}
::-webkit-scrollbar{width:13px;height:13px}
::-webkit-scrollbar-track{background:#EEF4F2}
::-webkit-scrollbar-thumb{background:#335041;border-radius:999px;border:3px solid #EEF4F2}
::-webkit-scrollbar-thumb:hover{background:#223631}
::-webkit-scrollbar-corner{background:#EEF4F2}
/* Variante invertida para zonas verdes con scroll propio */
.scroll-v::-webkit-scrollbar-track{background:#223631}
.scroll-v::-webkit-scrollbar-thumb{background:#EEF4F2;border-color:#223631}
.scroll-v::-webkit-scrollbar-thumb:hover{background:#fff}

/* Progreso de lectura (lo anima js/home.js; sin JS no existe) */
.lectura{display:none}
.js .lectura{display:block;position:fixed;left:0;top:0;right:0;height:3px;z-index:80;pointer-events:none}
.lectura i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#335041,#223631);transform:scaleX(0);transform-origin:left center}