/* SNDR© · ajustes de la versión móvil (se carga después de sndr.css, que se mantiene idéntico al prototipo).
   Cada regla corrige un defecto medido a 360–430 px; ver DECISIONES.md. */

@media (max-width: 760px) {
  /* Hero: ninguna foto ni pastilla se sale de la pantalla (sndr.mobile.js termina el ajuste). */
  .fl { left: max(12px, min(var(--x), calc(100% - var(--w) * 2.1 - 12px))); }
  .hx .pill { max-width: calc(100% - 24px); }
  .hx .pill__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* Artistas / Noticias / Agenda: la barra de filtros es de una sola fila deslizable (antes ocupaba 3 filas fijas y tapaba las fotos). */
  .fbar { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; top: 72px; }
  .fbar::-webkit-scrollbar { display: none; }
  .fbar > * { flex: none; }

  /* Escucha: nombre del artista en una línea y señal de que se puede pulsar. */
  .tile__meta.label b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tile__meta.label > span:last-child { display: none; }
  .tile:not(.tile--soon) .tile__meta:not(.label) > span:first-child::after { content: "\00a0▶"; font-size: .62em; opacity: .55; vertical-align: .12em; }

  /* Contacto: el email grande cabe en una línea. */
  .bigmail { font-size: min(1.6rem, 5.25vw); }
  .bigmail > span { overflow-wrap: normal; white-space: nowrap; }

  /* La Republic: el vídeo vertical ocupa el ancho del texto. */
  .vcard { width: 100%; max-width: 420px; max-height: none; }

  /* Formularios: campos de al menos 44 px de alto (la letra ya es de 19 px, así que iOS no hace zoom). */
  .fld input, .fld select { min-height: 44px; }
}

/* Pantallas táctiles: zonas de pulsación de al menos ~44 px sin mover nada de sitio. */
@media (pointer: coarse) {
  .logo, .more, a.label[data-roll], .ft a, .ft__bot a, .copy, .bigmail, .req, .faq summary { position: relative; }
  .logo::before, .more::before, a.label[data-roll]::before { content: ""; position: absolute; inset: -12px -10px; }
  .ft a::before, .ft__bot a::before { content: ""; position: absolute; inset: -7px -8px; }
}