/* css/bg-one-movil.css · [2026-10-18] PDF y EXCEL EN EL MÓVIL (auditoría · Fase 2 · 18). Va con js/bg-one-movil.js.
 * Solo por debajo de 700 px. El ordenador no cambia.
 *  - Siempre (móvil): la fila Total · Capítulos · Partidas · Moneda se parte en dos líneas en vez de salirse 45 px por la derecha
 *    (la página se desplazaba de lado).
 *  - Con un presupuesto abierto (body.bgo-on): cabecera de una línea (marca y «⋯»; el aviso del plan pasa a «Más») y barra fija abajo. Los botones
 *    ocultos siguen en la página: la barra y las hojas los pulsan a ellos.
 */
@media (max-width: 699px) {
  /* ── Nada se sale por la derecha ── */
  #projectTitleBlock { max-width: 100% !important; box-sizing: border-box !important; }
  div:has(> .stat-card.total-card):has(> .bg-mon-linea) { display: grid !important; grid-template-columns: 1.5fr 1fr 1fr; gap: 8px !important; max-width: 100% !important; box-sizing: border-box !important; }
  div:has(> .stat-card.total-card) > .stat-card { min-width: 0 !important; margin: 0 !important; }
  div:has(> .stat-card.total-card) > .bg-mon-linea { grid-column: 1 / -1; }

  /* ── Cabecera de una línea ── */
  body.bgo-on .navbar.one-nav { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 12px !important; height: auto !important; min-height: 0 !important; }
  body.bgo-on .navbar.one-nav .nav-left-group { flex: 0 0 auto; flex-wrap: nowrap !important; }
  body.bgo-on .navbar.one-nav .nav-file-actions { display: none !important; }
  body.bgo-on .navbar.one-nav .nav-actions { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; justify-content: flex-end !important; gap: 6px !important; overflow: visible !important; padding: 0 !important; }
  /* los botones se ocultan; sus menús siguen en la página (la hoja «Descargar» pulsa sus opciones) */
  /* el aviso del plan pasa a «Más» (en una línea no cabía y quedaba «Te…») */
  body.bgo-on .navbar.one-nav .nav-actions > *:not(#bgoMas):not([class*="dropdown-wrap"]) { display: none !important; }
  body.bgo-on .navbar.one-nav .nav-actions > [class*="dropdown-wrap"] { width: 0 !important; overflow: visible !important; margin: 0 !important; }
  body.bgo-on .navbar.one-nav .nav-actions > [class*="dropdown-wrap"] > .btn { display: none !important; }
  body.bgo-on #bgoMas { display: inline-flex !important; }

  /* ── Barra fija abajo ── */
  body.bgo-on { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }
  body.bgo-on #bgPuenteChat { display: none !important; }   /* la IA está en la barra */
  body.bgo-on #bgoBarra { display: grid !important; }
  body.bgo-on .bg-feedback-tab, body.bgo-on #bgFeedbackTab { bottom: 84px !important; }
  body.bgo-on #bg-cookie-toggle { bottom: 84px !important; }
}

/* Piezas propias: fuera del móvil no existen */
#bgoBarra, #bgoMas { display: none; }
#bgoBarra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100; background: #fff; border-top: 1px solid #e2e8f0; grid-template-columns: repeat(4, 1fr) 38px 38px 38px; gap: 4px; padding: 8px 8px calc(10px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -6px 18px rgba(15, 23, 42, .08); font-family: inherit; }
/* [2026-11-04] Barra C: formatos de color a la vista; IA, Editar, Mis BuildGets y Más en botones pequeños */
#bgoBarra button { height: 40px; min-width: 0; border-radius: 9px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; -webkit-tap-highlight-color: transparent; }
#bgoBarra button.f { border: 0; color: #fff; letter-spacing: .02em; }
#bgoBarra button.ia { border: 2px solid #f97316; background: #fff; color: #c2410c; font-weight: 900; }
#bgoBarra button.i { border: 1px solid #e2e8f0; background: #fff; color: #334155; }
#bgoBarra button.i.on { background: #2563eb; border-color: #2563eb; color: #fff; }
#bgoBarra button:active { transform: scale(.96); }
#bgoMas { width: 34px; height: 34px; border-radius: 9px; background: rgba(255, 255, 255, .18); border: 0; color: #fff; font-size: 1.25rem; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
.bgo-velo { position: fixed; inset: 0; z-index: 100000; background: rgba(15, 23, 42, .45); }
.bgo-hoja { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100001; background: #fff; border-radius: 18px 18px 0 0; padding: 10px 14px calc(16px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -12px 34px rgba(15, 23, 42, .25); font-family: inherit; color: #0f172a; max-height: 80vh; overflow-y: auto; }
.bgo-hoja .asa { width: 40px; height: 4px; background: #cbd5e1; border-radius: 4px; margin: 0 auto 10px; }
.bgo-hoja h4 { margin: 0 0 6px; font-size: 1rem; }
.bgo-op { display: flex; align-items: center; gap: 12px; width: 100%; background: none; border: 0; border-bottom: 1px solid #f1f5f9; padding: 11px 2px; font: inherit; font-size: 0.95rem; font-weight: 600; color: #0f172a; text-align: left; cursor: pointer; }
.bgo-op:last-child { border-bottom: 0; }
.bgo-op .ic { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 900; color: #fff; flex: 0 0 auto; background: #64748b; }
.bgo-op small { display: block; font-weight: 400; color: #64748b; font-size: 0.78rem; margin-top: 1px; }