/* ----------------------------------------------------------------------------
   ACE NUTRITIONS. — Hoja de Componente 17
   Extraida de `tokens.css` en la Iteracion 07.7 (Regla #011).
   El ORDEN de carga en `app-shell.html` reproduce el del archivo original:
   la cascada CSS depende de el y no debe alterarse.
   -------------------------------------------------------------------------- */

.ace-future-slider-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
}

.ace-future-deltas {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.ace-future-delta-pill {
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ace-future-delta-pill strong {
  font-size: 13px;
  color: var(--ink);
}

@media (max-width: 860px) {
  .pn-future-stage-grid {
    grid-template-columns: 1fr;
  }

  .pn-future-presets,
  .ace-future-presets {
    grid-template-columns: repeat(2, 1fr);
  }
}