/* ==========================================================================
   components/toast.css
   Mensaje emergente corto ("Agregado a tu cotización").
   ========================================================================== */
.toast { position: fixed; left: 50%; bottom: 24px; z-index: 100; display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 999px; background: #fff; color: #111; font-weight: 700; font-size: .9rem; box-shadow: 0 20px 40px -10px rgba(0,0,0,.6); transform: translate(-50%, 200%); visibility: hidden; transition: transform .5s var(--ease), visibility 0s .5s; }
.toast .ico { color: #0b9b4a; }
.toast.show { transform: translate(-50%, 0); visibility: visible; transition: transform .5s var(--ease); }