/* Ajustes de celular (25-oct-2026). Solo pantallas estrechas: en escritorio no cambia nada.
   Reglas medidas con un escáner a 390 px: texto mínimo ~11,5 px, enlaces tocables
   de al menos 32 px de alto y nada que obligue a desplazar a lo ancho. */
@media (max-width: 760px) {

  /* ---------- Modelos: directo a las fotos ---------- */
  /* Filtros en una sola fila deslizable en vez de tres bloques que ocupaban media pantalla. */
  html body .staff-tabs,
  html body.aqp-public-design .staff-tabs,
  html body .filtro-geo .geo-linea {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }
  html body .staff-tabs::-webkit-scrollbar,
  html body .filtro-geo .geo-linea::-webkit-scrollbar { display: none; }
  html body.aqp-public-design .staff-tabs {
    padding: 8px !important;
    margin: 8px 0 6px !important;
    gap: 6px !important;
    border-radius: 12px !important;
  }
  html body .staff-tabs a,
  html body .filtro-geo .geo-linea a {
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
    min-height: 34px;
    display: inline-flex !important;
    align-items: center;
  }
  html body .filtro-geo { margin: 0 0 6px; }
  html body .filtro-geo .geo-linea { gap: 6px; padding-bottom: 2px; align-items: center; }
  html body .filtro-geo .geo-linea > .tiny { flex: 0 0 auto; font-size: 11.5px; }
  /* «Mostrar 20/50/100» no aporta en el celular: la paginación ya está abajo. */
  html body .por-pagina { display: none; }
  /* La fila de Bootstrap tiene márgenes negativos que creaban 3 px de desplazamiento lateral. */
  html body .modelos-rejilla { margin-left: 0 !important; margin-right: 0 !important; }
  html body .modelos-rejilla > [class*="col-"] { padding-left: 4px; padding-right: 4px; }

  /* ---------- Texto legible ---------- */
  html body .badge-st,
  html body .nx-tag,
  html body .chat-dock-lab,
  html body .pd-eyebrow,
  html body .lr-eyebrow { font-size: 11px !important; }
  html body [class^="lr-"] small,
  html body [class*=" lr-"] small { font-size: 11.5px !important; }
  html body [class^="lr-"] strong,
  html body [class*=" lr-"] strong { font-size: max(12.5px, 1em) !important; }
  html body [class^="lr-"] p,
  html body [class*=" lr-"] p,
  html body [class^="lr-"] li,
  html body [class*=" lr-"] li { font-size: max(12px, 1em); }
  html body [class^="lr-"] b,
  html body [class*=" lr-"] b,
  html body .lr-mobile-nav a span,
  html body .bq-filtros label span { font-size: 11.5px !important; }

  /* ---------- Zonas táctiles ---------- */
  html body .lr-section-heading a,
  html body .aqp-site-footer a:not(.aqp-footer-flags a),
  html body .aqp-lang a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  html body .aqp-footer-flags a { min-width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; }
  html body .aqp-regions { gap: 4px 6px !important; }
  html body .aqp-regions a {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px !important;
    padding: 4px 8px !important;
  }
  html body .v-seal { width: 28px !important; height: 28px !important; }
  /* Nombres en tarjetas del muro, buscador y comunidad: más área de toque sin cambiar el aspecto. */
  html body .person > div > a,
  html body .who > div > a,
  html body .nv-card strong > a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  html body .aqp-site-footer .app-pie,
  html body .aqp-site-footer .theme-toggle { min-height: 34px; }

  /* Barra inferior (páginas de la red): los SVG no tenían tamaño y crecían a 56 px,
     dejando una barra de 98 px. Iconos de 24 px como en la portada. */
  html body .bottomnav { padding: 5px 4px calc(5px + env(safe-area-inset-bottom)) !important; }
  html body .bottomnav span svg { width: 24px; height: 24px; display: block; margin: 0 auto 2px; }
  html body .bottomnav a { min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

  /* Carruseles: se deslizan con el dedo; la barra gris del navegador sobra. */
  html body .lr-model-rail,
  html body [class*="-rail"] { scrollbar-width: none; }
  html body .lr-model-rail::-webkit-scrollbar,
  html body [class*="-rail"]::-webkit-scrollbar { display: none; }
}