/* --- Layout del slider (también funciona como fallback si no carga el CSS de Swiper) --- */
.unidadslider-swiper { width: 100%; overflow: hidden; }
.unidadslider-swiper .swiper-wrapper { display: flex; }
.unidadslider-swiper .swiper-slide { flex: 0 0 100%; box-sizing: border-box; }

/* Contenedor del slide */
.unidadslider-contenedor {
  margin: 15px 0;
  padding: 15px;
  border-left: 4px solid #0d47a1;
  background: #f8f9fa;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.unidadslider-descripcion { font-size: 1rem; margin-bottom: 10px; }

/* Botonera */
.unidadslider-botones { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }

/* Enlaces como botones: fijamos color SIEMPRE en blanco en todos los estados */
.unidadslider-swiper a.unidadslider-btn,
.unidadslider-swiper a.unidadslider-btn:link,
.unidadslider-swiper a.unidadslider-btn:visited,
.unidadslider-swiper a.unidadslider-btn:hover,
.unidadslider-swiper a.unidadslider-btn:focus,
.unidadslider-swiper a.unidadslider-btn:active {
  color: #fff !important;
  text-decoration: none !important;
}

.unidadslider-btn {
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: 700;
  display: inline-block;
  line-height: 1.2;
  transition: background .2s ease, box-shadow .2s ease, transform .15s ease;
  cursor: pointer;
}

.unidadslider-btn.azul   { background: #0d47a1; }
.unidadslider-btn.rojo   { background: #b71c1c; }
.unidadslider-btn.oscuro { background: #263238; }

/* Hover sólido por variante (sin cambiar color del texto) */
.unidadslider-btn.azul:hover,   .unidadslider-btn.azul:focus   { background:#0b3a85;  box-shadow:0 2px 6px rgba(0,0,0,.15); transform:translateY(-1px); }
.unidadslider-btn.rojo:hover,   .unidadslider-btn.rojo:focus   { background:#991616;  box-shadow:0 2px 6px rgba(0,0,0,.15); transform:translateY(-1px); }
.unidadslider-btn.oscuro:hover, .unidadslider-btn.oscuro:focus { background:#1f2a30;  box-shadow:0 2px 6px rgba(0,0,0,.15); transform:translateY(-1px); }