/* eduka-alertas · front.css · tarjeta con la FORMA del tablón de plazo preferente + color por prioridad + barra urgente. */

/* Zona centrada: bloque centrado y tarjetas repartidas al centro. */
.eduka-alertas-zona { max-width: 1120px; margin: 22px auto; padding: 0 16px; }
.eduka-alertas-zona .eduka-alertas-cards { display:flex; flex-wrap:wrap; gap:18px; justify-content:center; align-items:stretch; }
.eduka-alertas-zona .eduka-alerta-card { flex:1 1 320px; max-width:420px; }
@media (max-width:560px){ .eduka-alertas-zona .eduka-alerta-card { flex-basis:100%; max-width:none; } }

/* Tarjeta (calca la forma de .eduka-preferente-card del tema). Color por prioridad vía data-prio. */
.eduka-alerta-card{
	--c:#639922; --cd:#4E7A1A; --bg1:#E9F4D5; --bg2:#DDE9C5; --bd:#B5D18A; --tit:#243818; --txt:#3d4a2f;
	display:flex; flex-direction:column; gap:0; text-decoration:none !important; color:inherit !important;
	background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);
	border:2px solid var(--bd); border-radius:14px; padding:24px 26px;
	transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
	font-family:Inter,system-ui,sans-serif;
}
a.eduka-alerta-card:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(30,74,88,.16); border-color:var(--c); }
a.eduka-alerta-card:focus-visible{ outline:3px solid var(--c); outline-offset:2px; }

.eduka-alerta-card[data-prio="teal"]     { --c:#1B697D; --cd:#0F4A58; --bg1:#E6F0F2; --bg2:#D5E6EA; --bd:#AECDD4; --tit:#0F4A58; --txt:#33505A; }
.eduka-alerta-card[data-prio="verde"]    { --c:#639922; --cd:#4E7A1A; --bg1:#E9F4D5; --bg2:#DDE9C5; --bd:#B5D18A; --tit:#243818; --txt:#3d4a2f; }
.eduka-alerta-card[data-prio="amarillo"] { --c:#B7791F; --cd:#854F0B; --bg1:#FBF0D9; --bg2:#F5E6C4; --bd:#E8CE97; --tit:#5A3B0A; --txt:#5F4413; }
.eduka-alerta-card[data-prio="rojo"]     { --c:#A32D2D; --cd:#7F1D1D; --bg1:#FBE4E4; --bg2:#F5D2D2; --bd:#E3A3A3; --tit:#7F1D1D; --txt:#6B2A2A; }

.eduka-alerta-card__header{ display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.eduka-alerta-card__badge{
	display:inline-flex; align-items:center; gap:6px; background:var(--c); color:#fff;
	font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:5px 11px; border-radius:999px;
}
.eduka-alerta-card__cierra{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; color:var(--cd); font-weight:600; font-size:13px; }
.eduka-alerta-card__titulo{ margin:0 0 10px; font-size:20px; line-height:1.25; color:var(--tit); font-weight:700; }
.eduka-alerta-card__centro{ color:var(--cd); font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; }
.eduka-alerta-card__bajada{ margin:0 0 16px; font-size:14px; line-height:1.55; color:var(--txt); }
.eduka-alerta-card__cta{ display:inline-flex; align-items:center; gap:7px; color:var(--cd); font-weight:700; font-size:14px; margin-top:auto; }
.eduka-alerta-card__cta span{ transition:transform .16s ease; }
a.eduka-alerta-card:hover .eduka-alerta-card__cta span{ transform:translateX(4px); }

/* Carrusel de portada: UNA fila, N visibles; el resto fuera del viewport, con flechas laterales. */
.eduka-alertas-carousel { position:relative; max-width:1120px; margin:22px auto; padding:0; }
.eduka-alertas-carousel__viewport { overflow:hidden; }
/* Carril deslizante propio (NO reutiliza .eduka-alertas-cards para no heredar el flex-wrap de zona). */
.eduka-alertas-track { display:flex; flex-wrap:nowrap; gap:var(--gap,18px); align-items:stretch; transition:transform .35s ease; will-change:transform; }
.eduka-alertas-track > .eduka-alerta-card { flex:0 0 var(--card-w, calc((100% - 36px)/3)); width:var(--card-w, calc((100% - 36px)/3)); max-width:none; }
/* Flechas: absolutas, centradas verticalmente, superpuestas sobre el borde de las tarjetas laterales. */
.eduka-alertas-carousel__nav { position:absolute; top:50%; transform:translateY(-50%); z-index:6; width:44px; height:44px; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #d3dee2; background:#fff; color:#0F4A58; cursor:pointer; box-shadow:0 3px 12px rgba(15,74,88,.20); transition:background .15s ease, box-shadow .15s ease, transform .15s ease; }
.eduka-alertas-carousel__nav svg { width:22px; height:22px; }
.eduka-alertas-carousel__prev { left:6px; }
.eduka-alertas-carousel__next { right:6px; }
.eduka-alertas-carousel__nav:hover { background:#eef5f7; box-shadow:0 5px 16px rgba(15,74,88,.28); }
.eduka-alertas-carousel__nav:active { transform:translateY(-50%) scale(.94); }
.eduka-alertas-carousel__nav:focus-visible { outline:3px solid #1B697D; outline-offset:2px; }
.eduka-alertas-carousel[data-overflow="0"] .eduka-alertas-carousel__nav { display:none; }
.eduka-alertas-carousel__viewport:focus-visible { outline:2px dashed #1B697D; outline-offset:4px; border-radius:8px; }
@media (max-width:560px){ .eduka-alertas-carousel__nav { width:38px; height:38px; } .eduka-alertas-carousel__nav svg { width:19px; height:19px; } .eduka-alertas-carousel__prev { left:2px; } .eduka-alertas-carousel__next { right:2px; } }

/* Barra urgente global (rojo intenso, todo el ancho, arriba). */
.eduka-alerta-barra { background:#C0140C; color:#fff; font-family:Inter,system-ui,sans-serif; }
.eduka-alerta-barra[hidden] { display:none; }
.eduka-alerta-barra__inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:12px; padding:11px 20px; font-size:.95rem; }
.eduka-alerta-barra__warn { width:22px; height:22px; flex-shrink:0; }
.eduka-alerta-barra strong { font-weight:700; }
.eduka-alerta-barra a { color:#fff; text-decoration:underline; font-weight:600; margin-left:auto; }
.eduka-alerta-barra__close { margin-left:8px; background:transparent; border:0; color:#fff; font-size:22px; line-height:1; cursor:pointer; width:30px; height:30px; border-radius:6px; flex-shrink:0; }
.eduka-alerta-barra__close:hover { background:rgba(255,255,255,.15); }