/* Estilos base del contenedor */
.sp-lnc-swiper-container {
    margin-top: 20px;
}

/* Espaciado entre slides */
.swiper-slide {
    padding: 10px;
}

/* ====== Flechas del carrusel ====== */
.sp-lnc-swiper-container .swiper-button-next,
.sp-lnc-swiper-container .swiper-button-prev {
    color: #392551 !important;
    fill: #392551 !important;
    stroke: #392551 !important;
}

/* Hover */
.sp-lnc-swiper-container .swiper-button-next:hover,
.sp-lnc-swiper-container .swiper-button-prev:hover {
    color: #2b1c3d !important;
}

/* ====== Dots de paginación ====== */
.sp-lnc-swiper-container .swiper-pagination-bullet {
    background: #392551 !important;
    opacity: 0.4;
}

.sp-lnc-swiper-container .swiper-pagination-bullet-active {
    background: #392551 !important;
    opacity: 1;
}

/* Contenedor del slide: debe permitir que la caja crezca igual */
.swiper-slide {
    display: flex !important;
    height: auto !important;
    padding: 10px;
}

/* Caja principal: misma altura en todas las slides */
.blog-swipe {
    width: 100%;
    height: 100%;
    padding: 0;             /* SIN fondo, SIN padding extra */
    display: flex;
}

/* Caja interna que define la estructura */
.blog-style-2.blog-el-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Contenido crece y empuja el botón al fondo */
.blog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Botón siempre alineado abajo */
.blog-button {
    margin-top: auto;
}

/* Título más pequeño */
.blog-el-title,
.blog-el-title a {
    font-size: 22px !important;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Ajustes de descripción */
.desc {
    font-size: 14px;
    line-height: 1.5;
}

.sp-featured-grid {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 40px;
}

.sp-featured-main h2 a{
  font-size: 35px !important;
  line-height: 1.2;
}

.sp-featured-main p {
  font-size: 16px;
  line-height: 1.6;
}

.sp-featured-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sp-featured-item .blog-button {
    margin-top: 0px !important;
}

.sp-featured-item h3 a{
  font-size: 18px !important;
  line-height: 1.4;
}

@media (max-width: 1024px) {
  .sp-featured-grid {
    grid-template-columns: 1fr;
  }
}