/* ============================================================
   BARRA DE ALERTAS DE VERA.ES
   Estilo centralizado, pensado para ser consumido también por
   otros sitios:
   <link rel="stylesheet" href="https://www.vera.es/assets/css/alertas.css">
   El feed con los datos: https://www.vera.es/feed/alertas/general.xml
   ============================================================ */

.alerta-vera {
    padding: 10px 0;
    text-align: center;
    position: relative;
    z-index: 10000;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    line-height: 1.4;
}

/* Colores por nivel (por si el consumidor no quiere leer color_bg/color_text del feed) */
.alerta-vera--amarillo {background: #ffc107; color: #212529;}
.alerta-vera--naranja  {background: #fd7e14; color: #ffffff;}
.alerta-vera--rojo     {background: #dc3545; color: #ffffff;}

/* Alerta roja: parpadeo */
.alerta-vera--animada {animation: alerta-vera-parpadeo 2s infinite;}
@keyframes alerta-vera-parpadeo {
    50% {background: #b00;}
}

.alerta-vera a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

.alerta-vera-titulo {
    font-weight: 800;
    text-transform: uppercase;
}

.alerta-vera-desc {
    margin-left: 10px;
    font-size: 15px;
    opacity: 0.9;
}

/* Varias alertas simultáneas: apiladas en vertical */
.alerta-vera-multi {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.alerta-vera-multi .alerta-vera-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.alerta-vera-multi .alerta-vera-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
    .alerta-vera--animada {animation: none;}
}