/* ═══════════════════════════════════════════════════════════════════════════
   PORTAL DE GUÍAS · EL TEMA TEAL, A MANO (lo que la traducción no resuelve)
   ───────────────────────────────────────────────────────────────────────────
   `guias-teal.css` sale entera de guias.css con generar-tema-teal.py. Lo único que no
   alcanza: el botón «Gasto» flota sobre las tarjetas, y en teal su relleno (#006D82) queda
   casi igual que la tarjeta (#046477). Acá toma el teal hondo del suelo para despegarse.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-tema="teal"] .gu-agregar{ background:#023E4A;
  box-shadow:inset 0 0 0 3px #023E4A, inset 0 0 0 4px rgba(234,223,206,.16), 0 16px 34px -18px rgba(6,12,18,.85); }
html[data-tema="teal"] .gu-agregar:active{ background:#012F38;
  box-shadow:inset 0 0 0 3px #012F38, inset 0 0 0 4px rgba(234,223,206,.16), 0 16px 34px -18px rgba(6,12,18,.85); }