.elementor-2257 .elementor-element.elementor-element-eb88126{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-840e2a9 > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-840e2a9{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-5eccaf0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-a7ca530 > .elementor-container{max-width:1257px;min-height:0px;}.elementor-2257 .elementor-element.elementor-element-a7ca530{margin-top:0px;margin-bottom:-15px;padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-673cbff.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2257 .elementor-element.elementor-element-673cbff > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-8d11b5e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2257 .elementor-element.elementor-element-de75850 > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-de75850{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-7bac659 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-1d628dc > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-1d628dc{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-0d833d7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-27b6ddb > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-27b6ddb{margin-top:-20px;margin-bottom:-20px;padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-1918c23 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-250bd64 > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-250bd64{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-34171ae > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-2257 .elementor-element.elementor-element-a71d933.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2257 .elementor-element.elementor-element-a71d933 .elementor-main-swiper .swiper-slide{border-radius:0px;border-color:#000000;}.elementor-2257 .elementor-element.elementor-element-a71d933 .elementor-swiper-button{font-size:24px;color:#A3A3A3;}.elementor-2257 .elementor-element.elementor-element-a71d933 .elementor-swiper-button svg{fill:#A3A3A3;}.elementor-2257 .elementor-element.elementor-element-a71d933 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}#elementor-lightbox-slideshow-a71d933 .elementor-video-container{width:50%;}.elementor-2257 .elementor-element.elementor-element-a71d933 .elementor-custom-embed-play i{font-size:21px;}.elementor-2257 .elementor-element.elementor-element-bd6afc3 > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-bd6afc3{margin-top:-20px;margin-bottom:0px;padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-a224804 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-6d10603 > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-6d10603{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-30cf60d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-8beeeaf > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-8beeeaf{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-96c567e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-56baecc > .elementor-container{max-width:1257px;}.elementor-2257 .elementor-element.elementor-element-56baecc{padding:0px 40px 0px 40px;}.elementor-2257 .elementor-element.elementor-element-3d7b738 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-d797089 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2257 .elementor-element.elementor-element-5eccaf0{width:100%;}.elementor-2257 .elementor-element.elementor-element-673cbff{width:100%;}.elementor-2257 .elementor-element.elementor-element-30cf60d{width:100%;}.elementor-2257 .elementor-element.elementor-element-3d7b738{width:100%;}}@media(max-width:1024px){.elementor-2257 .elementor-element.elementor-element-840e2a9{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-a7ca530{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-de75850 > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-de75850{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-1d628dc{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-27b6ddb > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-27b6ddb{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-250bd64{padding:0px 32px 0px 32px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2257 .elementor-element.elementor-element-a71d933.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2257 .elementor-element.elementor-element-bd6afc3 > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-bd6afc3{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-6d10603 > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-6d10603{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-8beeeaf > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-8beeeaf{padding:0px 32px 0px 32px;}.elementor-2257 .elementor-element.elementor-element-56baecc{padding:0px 32px 0px 32px;}}@media(max-width:767px){.elementor-2257 .elementor-element.elementor-element-840e2a9 > .elementor-container{max-width:1600px;}.elementor-2257 .elementor-element.elementor-element-840e2a9{margin-top:0px;margin-bottom:0px;padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-5eccaf0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-517d731 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-a7ca530{margin-top:0px;margin-bottom:-10px;padding:0px 0px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-673cbff > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-8d11b5e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-de75850{padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-1d628dc{margin-top:0px;margin-bottom:-10px;padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-013fa2f > .elementor-widget-container{margin:-10% 0% -10% 0%;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-27b6ddb{padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-250bd64{margin-top:0px;margin-bottom:0px;padding:15px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-34171ae > .elementor-element-populated{margin:-30px 0px -30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2257 .elementor-element.elementor-element-a71d933.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2257 .elementor-element.elementor-element-bd6afc3{padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-6d10603{margin-top:-25px;margin-bottom:-10px;padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-30cf60d{width:100%;}.elementor-2257 .elementor-element.elementor-element-30cf60d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-02d3a63 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2257 .elementor-element.elementor-element-8beeeaf{padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-56baecc{padding:0px 16px 0px 16px;}.elementor-2257 .elementor-element.elementor-element-3d7b738{width:100%;}}/* Start custom CSS for media-carousel, class: .elementor-element-a71d933 *//* Ocultar carrusel hasta que Swiper esté inicializado */
.inicio-carrusel-clientes .swiper:not(.swiper-initialized) {
  opacity: 0;
  pointer-events: none;
}

/* Mostrar cuando ya está listo */
.inicio-carrusel-clientes .swiper.swiper-initialized {
  opacity: 1;
  transition: opacity 0.2s ease;
}



/* ==============================
   CONTENEDOR GENERAL (1200px)
================================ */
.inicio-carrusel-clientes {
  max-width: 1350px;
  margin: 0 auto;
}

/* ==============================
   SWIPER AJUSTES
================================ */
.inicio-carrusel-clientes .swiper-slide {
  padding: 10px 0;
}

.inicio-carrusel-clientes .swiper-wrapper {
  align-items: center;
}

/* ==============================
   SLIDE (tarjeta)
================================ */
.inicio-carrusel-clientes .swiper-slide {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==============================
   TARJETA DEL LOGO
================================ */
.inicio-carrusel-clientes .elementor-carousel-image {
  width: 215px;
  height: 96px;

  background-size: 85% auto !important;
  background-repeat: no-repeat;
  background-position: center;

  padding: 14px;
  box-sizing: border-box;

  background-color: #fff;
  border-radius: 16px;

  border: 1px solid #eeeeee;

  box-shadow: 0 4px 10px rgba(0,0,0,0.08);

  transition: all 0.3s ease;
}

.inicio-carrusel-clientes .elementor-carousel-image {
  border-radius: 16px;
  overflow: hidden;
  transform: translateZ(0);
}


.inicio-carrusel-clientes .elementor-carousel-image {
  background-size: 85% auto;
}


.inicio-carrusel-clientes .elementor-swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ==============================
   FLECHAS
================================ */
.inicio-carrusel-clientes {
  position: relative;
}

.inicio-carrusel-clientes .elementor-swiper-button {
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  color: #000;

  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 52% !important;
  transform: translateY(-50%);
  z-index: 10;

  transition: all 0.3s ease;
}

/* izquierda */
.inicio-carrusel-clientes .elementor-swiper-button-prev {
  left: -20px !important;
}

/* derecha */
.inicio-carrusel-clientes .elementor-swiper-button-next {
  right: -20px !important;
}

.inicio-carrusel-clientes .elementor-swiper-button i {
  font-size: 18px;
  line-height: 1;
}



.inicio-carrusel-clientes .elementor-swiper-button i {
  font-size: 18px;
}

/* ==============================
   HOVER FLECHAS
================================ */
.inicio-carrusel-clientes .elementor-swiper-button:hover {
  background-color: #0C4572;
}

.inicio-carrusel-clientes .elementor-swiper-button:hover i {
  color: #ffffff;
}


/* ==============================
   TABLET
================================ */
@media (max-width: 1024px) {
  .inicio-carrusel-clientes {
    max-width: 100%;
  }

  .inicio-carrusel-clientes .elementor-carousel-image {
    width: 160px;
    height: 80px;
  }
}

/* ==============================
   MOBILE
================================ */
@media (max-width: 767px) {
  .inicio-carrusel-clientes .elementor-carousel-image {
    width: 140px;
    height: 70px;
  }
  
  .inicio-carrusel-clientes .elementor-swiper-button {
  width: 20px;
  height: 20px;
  top: 30% !important;
  transform: translateY(-50%);
  z-index: 10;

  transition: all 0.3s ease;
}

/* izquierda */
.inicio-carrusel-clientes .elementor-swiper-button-prev {
  left: -10px !important;
}

/* derecha */
.inicio-carrusel-clientes .elementor-swiper-button-next {
  right: -10px !important;
}

.inicio-carrusel-clientes .elementor-swiper-button i {
  font-size: 8px;
  line-height: 1;
}


/* Desaparecer el boton con flechas */
.inicio-carrusel-clientes .elementor-swiper-button {
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-250bd64 */.inicio-carrusel-clientes,
.inicio-carrusel-clientes .swiper-wrapper,
.inicio-carrusel-clientes .swiper-slide {
  height: 240px;
}

@media (max-width: 1024px) {
  .inicio-carrusel-clientes,
  .inicio-carrusel-clientes .swiper-wrapper,
  .inicio-carrusel-clientes .swiper-slide {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .inicio-carrusel-clientes,
  .inicio-carrusel-clientes .swiper-wrapper,
  .inicio-carrusel-clientes .swiper-slide {
    height: 140px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-02d3a63 *//* ===============================
   BLOG CARDS — BASE (LAPTOP / PC)
================================ */

.blog-list {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

/* CARD GENERAL */
.blog-card {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  width: 48%; /* 🔥 2 tarjetas */
  transition: .2s ease;
}

.blog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* IMAGEN */
.blog-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* CONTENIDO */
.blog-content {
  padding: 18px 20px;
}

.blog-content h3 {
  margin-top: 0;
  font-size: 20px;
}

.blog-content p {
  opacity: .8;
}

.blog-btn {
  display: inline-block;
  margin-top: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #0073e6;
}

/* ===============================
   BLOG CARDS — ESTILO LAPTOP (FIJO)
   👉 RESPETADO AL 100%
================================ */

/* TEXTO */
.bc-title {
  font-size: 18px !important;
}

.bc-resumen {
  font-size: 14px !important;
}

a.bc-link {
  font-size: 12px !important;
}

.bc-date {
  font-size: 12px !important;
}

/* CONTENIDO */
.bc-content {
  width: 302.5px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

/* BOTÓN */
.bc-ver-mas {
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 0px !important;
}

/* IMAGEN */
.bc-img {
  width: 360px !important;
}

/* ===============================
   CONTENEDOR GENERAL
================================ */

.bc-grid {
  max-width: 1350px;
  margin: 0 auto;
  display: flex;
  gap: 25px;
  box-sizing: border-box;
}

/* ===============================
   TARJETAS — 2 COLUMNAS FIJAS
================================ */

.bc-card {
  flex: 0 0 calc((1257px - 25px) / 2);
  max-width: calc((1257px - 25px) / 2);
  border-radius: 0px !important;
}

/* ===============================
   VER MÁS
================================ */

.bc-ver-mas-wrapper {
  max-width: 1360px;
  margin: 30px auto 0;
}


@media (min-width:1200px) and (max-width:1300px){

.bc-card {
    flex: 0 0 calc((1202px - 25px) / 2);
    max-width: calc((1202px - 25px) / 2);
    border-radius: 0px !important;
}

}

@media (max-width: 767px) {

  /* GRID */
  .bc-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
  }

  /* CARD */
  .bc-card {
    width: 100% !important;
    height: 160px !important;   /* 🔥 ALTURA FIJA */
    min-height: 160px;
    max-height: 160px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  }
  
      .bc-link::before {
        height: 2px !important;
    }

  /* IMAGEN */
  .bc-img {
    width: 55% !important;
    height: 160px !important;   /* 🔥 CLAVADA */
    object-fit: cover;
    flex-shrink: 0;
  }

  /* CONTENIDO */
  .bc-content {
    width: 45% !important;
    height: 160px;              /* 🔥 MISMA ALTURA */
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    box-sizing: border-box;
  }

  /* FECHA */
  .bc-date {
    font-size: 9px !important;
    color: #777;
    font-weight: 500;
  }

  /* TITULO */
  .bc-title {
    font-size: 13px !important;
    line-height: 100% !important;
    margin: 2px 0 5px;
    font-weight: 600;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* RESUMEN */
  .bc-resumen {
    font-size: 11px !important;
    line-height: 1.3em;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 0px !important;
  }
  
  a.bc-link {
    font-size: 9px !important;
    padding-bottom: 10px;
  }

  /* VER MÁS */
  .bc-ver-mas {
    font-size: 9px !important;
    margin-top: 0;
    border-radius:0px !important;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6d10603 */.bc-grid{
            display:flex;
            gap:25px;
            margin-top:25px;
        }

        .bc-card{
            display:flex;
            width:523px;
            height:295px;
            background:#fff;
            border-radius:16px;
            overflow:hidden;
            box-shadow:0 3px 15px rgba(0,0,0,0.08);
        }

        .bc-img{
            width:300px;
            height:295px;
            object-fit:cover;
        }

        .bc-content{
            width:201px;
            padding:18px 15px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
        }

        /* BLOQUE DE TEXTO SE ADAPTA SIN MOVER EL BOTÓN */
        .bc-content > div {
            flex: 1;
            overflow: hidden;
        }

        .bc-date{
            font-size:10px;
            color:#777;
            font-family: poppins;
            font-weight: 500;
        }

        /* TÍTULO CON LÍMITE Y "..." */
        .bc-title{
            font-weight:700;
            font-size:15px;
            line-height:22px;
            margin:10px 0;
            font-family: poppins;
            font-weight: 600;

            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* RESUMEN CON LÍMITE Y "..." */
        .bc-resumen{
            font-size:12px;
            color:#666;
            line-height:1.3em;
            margin-bottom:10px;
            font-family: poppins;
            font-weight: 400;

            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* Enlace "Continuar leyendo" */
        .bc-link{
            margin-top:15px;
            color:#0C4572;
            text-decoration:none;
            width:100%;
            display:flex;
            justify-content:space-between;
            align-items:center;
            font-size:10px;
            padding-top:6px;
            position:relative;
            font-family: poppins;
            font-weight: 500;
        }

        .bc-link::before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            width:10%;
            height:2px;
            background:#0C4572;
            border-radius:2px;
        }

        .bc-arrow{
            font-size:17px;
            font-weight:900;
            font-family:'Poppins', sans-serif;
        }

        .bc-ver-mas-wrapper{
            width:100%;
            text-align:center;
            margin-top:35px;
        }

        .bc-ver-mas{
            display:inline-block;
            padding:10px 35px;
            border:1px solid #0C4572;
            color:#0C4572;
            border-radius:16px;
            text-decoration:none;
            background:#fff;
            transition:0.25s ease;
            font-family: poppins;
            font-weight: 400;
        }

        .bc-ver-mas:hover{
            background:#0C4572;
            color:#fff;
        }
		
/* =================================================
   BLOG CARDS — LAPTOP (2 cards CENTRADAS)
================================================= */
@media (min-width: 768px) and (max-width: 1366px) {

  .bc-grid {
    width: fit-content;           /* 🔥 ancho exacto al contenido */
    margin-left: auto;
    margin-right: auto;           /* 🔥 centra el bloque */
    justify-content: center;
  }

  /* FORZAR SOLO 2 CARDS */
  .bc-grid .bc-card:nth-child(n+3) {
    display: none !important;
  }
}
		
		/* =================================================
   BLOG CARDS — MOBILE (3 cards en columna)
================================================= */
@media (max-width: 767px) {

  .bc-grid {
    display: flex;
    flex-direction: column;   /* 🔥 una debajo de otra */
    gap: 20px;
    width: 100%;
	  align-items: center;   /* 🔥 centra las cards */
  }

	.bc-card{
		width: 345px;
		height: 160px;
	}
	
		.bc-img {
		width: 212px;
		height: 160px;
	}
		.bc-date {
		font-size: 6px;
	}
	
	.bc-title {
    font-size: 10px;
	line-height: 100%;
	margin: 2px 0px 5px 0px;
}
	.bc-resumen {
    font-size: 7px;
}
	.bc-link {
    font-size: 6px;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: -10px;
}
	.bc-link::before {
    top: 0px;
	width: 18px;
	}
	
	.bc-arrow {
		font-size: 10px;}

		.bc-content {
			width: 135px;
		}
	
	.bc-ver-mas-wrapper {
    margin-top: 20px;
}
	.bc-ver-mas {
    padding: 5px 15px;
	}
		}/* End custom CSS */