/* Reinicio, tipografía y utilidades */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--c-noche);color:var(--c-tinta);font-family:var(--f-texto);font-size:var(--t-base);line-height:1.45;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
body.bloqueado{position:fixed;left:0;right:0;width:100%;overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
a{touch-action:manipulation}
input,textarea,select{font-size:16px}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--c-neon-azul);outline-offset:3px}
img,svg{display:block}
.display{font-family:var(--f-display);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}
.mano{font-family:var(--f-mano);font-weight:700}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.pulsa{transition:transform var(--d-micro) var(--ease-salida),filter var(--d-micro)}
.pulsa:active{transform:scale(.96);filter:brightness(.93)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Escritorio: sin barras de desplazamiento del navegador. El progreso lo marca la estrella en el recorrido de la calle (panel lateral). */
@media (min-width:1024px){
  html,.calle,.hoja,.resultados{scrollbar-width:none}
  html::-webkit-scrollbar,.calle::-webkit-scrollbar,.hoja::-webkit-scrollbar{display:none;width:0;height:0}
}