Prueba de IA
<div class="playground">
<div class="header-image">
<img src="http://mattcannon.games/codepen/toast/tt.png" alt="Toast Notification Playground">
</div>
<div class="section">
<h3><i class="fa-solid fa-palette"></i> Tema</h3>
<div class="grid" id="theme-buttons">
<button data-theme="arcade" class="modern-btn"><i class="fa-solid fa-gamepad"></i> Arcade</button>
<button data-theme="professional" class="modern-btn"><i class="fa-solid fa-briefcase"></i> Profesional</button>
<button data-theme="brutalist" class="modern-btn"><i class="fa-solid fa-cube"></i> Brutalista</button>
<button data-theme="glass" class="modern-btn"><i class="fa-solid fa-wine-glass"></i> Vidrio</button>
<button data-theme="neon" class="modern-btn"><i class="fa-solid fa-bolt-lightning"></i> Neón</button>
</div>
</div>
<div class="section">
<h3><i class="fa-solid fa-bolt"></i> Animación</h3>
<div class="grid" id="animation-buttons">
<button data-animation="slide" class="modern-btn"><i class="fa-solid fa-arrow-up"></i> Deslizar</button>
<button data-animation="bounce" class="modern-btn"><i class="fa-solid fa-arrows-rotate"></i> Rebotar</button>
<button data-animation="fade" class="modern-btn"><i class="fa-solid fa-water"></i> Desvanecer</button>
<button data-animation="flip" class="modern-btn"><i class="fa-solid fa-retweet"></i> Voltear</button>
<button data-animation="zoom" class="modern-btn"><i class="fa-solid fa-magnifying-glass-plus"></i> Zoom</button>
</div>
</div>
<div class="btn-wrap">
<button class="launch-btn" onclick="showToast()">
<i class="fa-solid fa-bread-slice"></i> Vamos a tostarnos
</button>
</div>
<div id="toast-container"></div>
</div>