/* Capa propia sobre la entrega. No modifica style.css: se retira quitando
   este enlace del index.html.

   Zonas táctiles por debajo del mínimo cómodo de 44px. Se amplían con un
   pseudo-elemento invisible en vez de agrandarlas, para que la composición
   no cambie ni un píxel.

   Ojo: .scroll-cue ya es position:absolute y se coloca sobre la portada. No
   redeclarar su posición o se descuadra; al estar posicionada ya sirve de
   contenedor para su propio ::after. */
@media (max-width: 900px) {
  .brand,
  button[data-info] { position: relative; }

  .brand::after,
  button[data-info]::after,
  .scroll-cue::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }

  /* Estas dos son más estrechas que el mínimo: se ensanchan a los lados */
  button[data-info]::after { left: -8px; right: -8px; }
}