/* 2026-10-22: barra de alerta del sitio en producción (www4). Contenido: /www5/alerta/alerta.html (el mismo de www5;
   apagarla o cambiar el texto ahí afecta a los dos sitios). Reglas propias .alerta-sitio*, sin tocar los estilos de www4. */
.alerta-sitio { background: linear-gradient(180deg, #454547, #333335); color: #ffffff; border-bottom: 1px solid #232325; font-family: inherit; }
.alerta-sitio-cont { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px 18px; }
.alerta-sitio-ico { flex: none; display: flex; width: 26px; height: 26px; color: #ff4d4f; }
.alerta-sitio-ico svg { width: 26px; height: 26px; }
.alerta-sitio p { flex: 0 1 auto; margin: 0; padding: 0; font-size: 14px; line-height: 1.45; color: #ffffff; text-align: left; animation: alerta-pulso .8s ease-in-out infinite alternate; }
.alerta-sitio b { color: #ffffff; }
.alerta-sitio-cerrar {
  flex: none; display: flex; align-items: center; justify-content: center; background: transparent; border: 0;
  color: #ffffff; opacity: .8; cursor: pointer; width: 34px; height: 34px; border-radius: 6px; padding: 0; margin: 0;
}
.alerta-sitio-cerrar svg { width: 16px; height: 16px; display: block; }
.alerta-sitio-cerrar:hover { opacity: 1; background: rgba(255, 255, 255, .12); }
@keyframes alerta-pulso { from { opacity: 1; } to { opacity: .65; } }