/* PIT — reglas responsive compartidas (mobile ≤ 820px) */

/* ---- fixes de contraste en hover (todas las páginas) ---- */
/* Botón blanco sobre sección oscura: al hover pasaba a negro sobre negro */
section[style*="background: var(--pit-ink)"] .pit-btn--white:hover,
header[style*="background: var(--pit-ink)"] .pit-btn--white:hover,
div[style*="background: var(--pit-ink)"] .pit-btn--white:hover {
  background-color: var(--pit-blue);
  color: #FFFFFF;
}
/* Links sobre fondo oscuro: el hover global azul-deep era ilegible */
footer a:hover,
section[style*="background: var(--pit-ink)"] a:hover,
header[style*="background: var(--pit-ink)"] a:hover,
div[style*="background: var(--pit-ink)"] a:hover {
  color: #60A5FA;
}
/* Links sobre fondo azul: hover a blanco pleno */
section[style*="background: var(--pit-blue)"] a:hover {
  color: #FFFFFF;
}
/* Los botones conservan siempre su propio color de texto */
a.pit-btn--primary:hover { color: #FFFFFF; }

/* El menú móvil de este archivo (.nav-burger / #nav-toggle / .nav-mobile, un
   panel a pantalla completa manejado por checkbox) se borró: lo reemplazó el
   drawer de la v2 (.v2-burger / .v2-drawer, en pit-v2.css + la copia inline de
   index.html, generado desde _build/nav.js). Ninguna página tenía ya ese markup,
   así que eran ~90 líneas que se descargaban en las 17 subpáginas sin aplicar a
   nada — y peor, daban un segundo lugar plausible donde "arreglar el menú
   móvil". Si buscás el menú de mobile, está en _build/nav.js. */

@media (max-width: 820px) {

  .m-hide { display: none !important; }

  /* ---- layout ---- */
  .m-stack { grid-template-columns: 1fr !important; gap: 32px !important; }
  .m-stack0 { grid-template-columns: 1fr !important; }
  .m-2col { grid-template-columns: 1fr 1fr !important; }
  .m-col { flex-direction: column !important; align-items: stretch !important; }
  .m-first { order: -1; }
  .m-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
  .m-pad { padding: 26px 24px !important; }
  .m-pad2 { padding: 28px 20px 48px !important; }
  .m-ml0 { margin-left: 0 !important; text-align: left !important; }
  .m-bar { width: 80px !important; }
  .m-order2 {
    order: 2;
    border-right: none !important;
    border-top: 1px solid var(--pit-ink-10) !important;
  }

  /* ---- tipografía ---- */
  .m-title { font-size: clamp(26px, 7.5vw, 34px) !important; line-height: 1.15 !important; }
  .pit-lead { font-size: 18px !important; }
}