/* Foto de fondo del hero SOLO en el índice de recursos (no en el partial
   compartido, para no afectar /clases/ ni /academias/). */
.ma-recursos-hero {
  background:
    linear-gradient(135deg, rgba(61,26,110,0.94) 0%, rgba(109,40,217,0.86) 100%),
    url("../../img/front-pages/backgrounds/hero-recursos.46f5b086fd2b.webp") center/cover no-repeat;
}

/* "Lo más reciente": carrusel Swiper (recursos/js/recientes.js). El padding deja
   lugar al levantón del hover arriba y a los puntos de paginación abajo. */
.recursos-recientes{padding:4px 2px 36px;}
.recursos-recientes .swiper-slide{height:auto;}
.recursos-recientes .swiper-slide .ma-article-card{height:100%;}
.recursos-recientes .swiper-button-prev,
.recursos-recientes .swiper-button-next{width:36px;height:36px;margin-top:-36px;border-radius:50%;
  background:rgba(33,37,41,.55);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.recursos-recientes .swiper-button-prev{left:4px;}
.recursos-recientes .swiper-button-next{right:4px;}
.recursos-recientes .swiper-button-prev:after,
.recursos-recientes .swiper-button-next:after{font-size:1rem;font-weight:700;}
.recursos-recientes .swiper-button-disabled{opacity:0;pointer-events:none;}
.recursos-recientes .swiper-pagination{bottom:6px;}
.recursos-recientes .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px !important;}
.recursos-recientes .swiper-pagination-bullet-active{background:var(--ma-violet-500);}