/* CAR RETAIL PY · estilos comunes de las páginas internas (fichas, marcas, categorías, financiación, consignación).
   Va después del <style> de cada página: corrige y unifica sin tocar los 24 archivos uno por uno. */

/* ---------- Menú del celular (mismo patrón que la portada: botón y panel) ---------- */
.menu-tg { display: none; }
@media (max-width: 760px) {
  .top .wrap { flex-wrap: wrap; row-gap: 10px; padding-block: 8px; position: relative; }
  .top .wrap > a { margin-right: auto; }
  .menu-tg { order: 3; display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%;
    border: 1px solid rgb(255 255 255 / .28); background: transparent; color: #fff; cursor: pointer; }
  .menu-tg svg { width: 22px; height: 22px; }
  .menu-tg[aria-expanded="true"] { background: rgb(255 255 255 / .12); }
  .top .theme-btn { order: 2; width: 44px; height: 44px; }
  .top nav { display: none; order: 4; flex: 1 1 100%; width: 100%; margin: 0; flex-direction: column; gap: 0; overflow: visible; white-space: normal;
    border-top: 1px solid rgb(255 255 255 / .12); }
  .top.nav-open nav { display: flex; }
  .top nav a { display: flex; align-items: center; min-height: 48px; padding: 0 4px; font-size: 17px; border-bottom: 1px solid rgb(255 255 255 / .08); }
  .top .hsearch { order: 5; width: 100%; flex: 1 1 100%; }
}

/* ---------- Ficha: precio, botones y datos en ese orden (la consulta queda arriba en el celular) ---------- */
.info { display: flex; flex-direction: column; }
.info > .specs { order: 1; }
.info > .bancos, .info > .box { order: 2; }
.info > .btn { margin-top: 10px; }
.info > .btn + .btn { margin-top: 10px; }

/* Datos compactos: tarjetas chicas en grilla, sin espacios vacíos */
.specs { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important; gap: 8px !important; margin: 18px 0 8px !important; }
.specs div, .specs div:nth-child(1), .specs div:nth-child(2), .specs div:nth-child(3) {
  grid-column: auto !important; grid-row: auto !important; min-height: 0 !important; padding: 10px 12px !important; gap: 4px !important; border-radius: 14px !important; }
.specs div::after { display: none; }
.specs dt { font-size: 12px !important; letter-spacing: .08em !important; }
.specs dd, .specs div:nth-child(1) dd { font-size: 17px !important; line-height: 1.2 !important; }
@media (max-width: 520px) { .specs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* ---------- Tablas: nunca desbordan la pantalla en celulares chicos ---------- */
main table { display: block; max-width: 100%; overflow-x: auto; }

/* ---------- Texto mínimo legible ---------- */
.g-count, .tag, .bk-kind { font-size: max(12px, 1em); }