/* --- Banners y Alertas --- */
.debug-banner { padding: 12px; text-align: center; font-size: 0.9rem; font-weight: bold; border-bottom: 3px solid rgba(0,0,0,0.1); color: white; z-index: 9999; position: relative; }
.bg-rojo { background: #ff4d4d; } 
.bg-verde { background: #2ecc71; }

.wa-top-bar { padding: 10px; text-align: center; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 12px; color: white; position: relative; z-index: 999; }
.bg-verde-top { background: #2e7d32; border-bottom: 2px solid #1b5e20; } 
.bg-azul-top { background: #2980b9; border-bottom: 2px solid #1c5980; }

.btn-wa-alertas { background: white; color: #333 !important; padding: 4px 12px; border-radius: 15px; text-decoration: none; font-size: 0.8rem; font-weight: bold; display: inline-block; transition: transform 0.2s; }
.btn-wa-alertas:hover { transform: scale(1.05); }

.error-panel-banner { background: #fff3cd; color: #856404; padding: 15px; text-align: center; font-weight: bold; border-bottom: 2px solid #ffeeba; }