:root{
  --brand:#2C4B7E;
  --text:#1f2937;
  --muted:#6b7280;
  --warn-bg:#fff7d6;
  --warn-border:#fde68a;
  --warn-text:#7c5b00;
  --card-radius:14px;
}

@media (prefers-color-scheme: dark){
  :root{
    --text:#e5e7eb;
    --muted:#9ca3af;
    --warn-bg:#3b2f0a;
    --warn-border:#b45309;
    --warn-text:#fde68a;
  }
  body.fondo{ background-color:#0b1220; }
}

/* ALERTA MODERNA */
.alert{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--warn-border);
  background:var(--warn-bg);
  color:var(--warn-text);
  border-radius:var(--card-radius);
  margin:18px 0 26px;
}
.alert .alert-icon{ font-size:24px; line-height:1; }
.alert .alert-body{ line-height:1.5; }
.alert .alert-close{
  margin-left:auto;
  background:transparent;
  border:0;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:inherit;
  padding:2px 6px;
}

/* SWIPER (carrusel moderno) */
.swiper{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.swiper-slide{
  position:relative;
}
.swiper-slide img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
}
@media (max-width: 600px){
  .swiper-slide img{ height:260px; }
}

/* Caption semitransparente */
.slide-caption{
  position:absolute;
  left:0; right:0; bottom:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);
  color:#fff;
  padding:24px 20px;
}
.slide-caption h3{
  margin:0 0 4px 0;
  font-weight:700;
}
.slide-caption p{
  margin:0;
  opacity:.95;
}

/* Accesibilidad: enfoque visible en controles */
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullet{
  outline:none;
}
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-pagination-bullet:focus{
  box-shadow:0 0 0 3px rgba(44,75,126,.35);
  border-radius:8px;
}