/* Apilados abajo al centro; por ENCIMA de alerta_web (10001/10002) para que un
   "Copiado" se vea aunque haya un modal abierto; pointer-events:none = jamás
   interceptan un click. */
#avisos_web_contenedor {
    position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    z-index: 10010; pointer-events: none;
}
.avisos_web_toast {
    display: flex; align-items: center; gap: 8px;
    max-width: 480px; padding: 9px 16px; border-radius: 8px;
    background: #2c3e50; color: #fff;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 13px; font-weight: 600;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
    opacity: 0; transform: translateY(8px);
    transition: opacity .2s ease-out, transform .2s ease-out;
}
.avisos_web_toast.avisos_web_visible { opacity: 1; transform: translateY(0); }
.avisos_web_toast > span:first-child { font-size: 14px; }
/* Variantes claras a propósito: los colores canónicos no contrastan sobre #2c3e50 */
.avisos_web_ok    > span:first-child { color: #4ade80; }
.avisos_web_info  > span:first-child { color: #93c5fd; }
.avisos_web_error > span:first-child { color: #f87171; }