/* Capa propia sobre la entrega. No modifica los archivos compilados: se
   retira quitando este enlace del index.html.

   - El rótulo lateral de la portada («Sentir · Entender · Avanzar») estaba a
     10px, por debajo del mínimo cómodo de lectura en móvil.
   - Cuatro zonas táctiles por debajo de 44px: el enlace a orientación y los
     tres del pie, que medían 15px de alto. Se amplían con un pseudo-elemento
     invisible, sin cambiar su tamaño visible. Ninguno usa ::after ni :before,
     comprobado antes. */
@media (max-width: 900px) {
  .hero-side span { font-size: 12px; }

  .neural-glass a,
  .site-footer nav a,
  .site-footer nav button { position: relative; }

  .neural-glass a::after,
  .site-footer nav a::after,
  .site-footer nav button::after {
    content: ""; position: absolute; left: 0; right: 0;
    top: 50%; height: 44px; transform: translateY(-50%);
  }

  /* Los del pie son más estrechos que el mínimo: se ensanchan a los lados */
  .site-footer nav a::after,
  .site-footer nav button::after { left: -8px; right: -8px; }
}