/* ---------- scrollcue.css — la señal de bajar, en todo el sitio -------------
 * El home ya la tenía (.scrollcue en home.php, con sus estilos en home.css),
 * pero solo él. Esto la lleva al resto de las páginas con el mismo aspecto:
 * fija en el raíl derecho, texto en vertical y una luz que baja por la línea.
 *
 * Va en hoja propia porque showcase.css, que es la que cargan todas las
 * páginas, no se toca. El home no la usa: su señal sigue siendo la suya, y
 * este bloque se retira solo si ya hay una en la página.
 * ------------------------------------------------------------------------- */
.scrollcue-g{
  position:fixed; right:clamp(14px,2.4vw,40px); top:50%; z-index:60;
  display:flex; flex-direction:column; align-items:center; gap:14px;
  color:rgba(18,186,176,.9); pointer-events:none;
  transform:translateY(34vh);
  transition:opacity .45s ease;
}
.scrollcue-g span{
  writing-mode:vertical-rl; text-orientation:mixed;
  font-size:11px; letter-spacing:.24em; text-transform:uppercase;
}
.scrollcue-g i{
  width:1px; height:54px; background:rgba(18,186,176,.28);
  position:relative; overflow:hidden;
}
.scrollcue-g i::after{
  content:""; position:absolute; left:0; top:0; width:1px; height:45%;
  background:var(--teal); animation:scrollcue 1.8s ease-in-out infinite;
}
@keyframes scrollcue{ 0%{ transform:translateY(-110%);} 55%,100%{ transform:translateY(340%);} }
@media (prefers-reduced-motion:reduce){ .scrollcue-g i::after{ animation:none; } }
@media (max-width:767px){ .scrollcue-g{ display:none; } }