.smg-news-slider{position:relative;width:100%;}
.smg-news-slider .smg-ns-viewport{overflow:hidden;}
.smg-news-slider .smg-ns-track{display:flex;gap:var(--smg-ns-gap,18px);transition:transform .35s ease;will-change:transform;}
.smg-news-slider .smg-ns-item{min-width:0;}
.smg-news-slider .smg-ns-card{position:relative;overflow:hidden;min-height:260px;}
.smg-news-slider .smg-ns-link{
  display:block;
  /*
    IMPORTANT:
    When items have a URL (posts), we wrap the whole card with <a>.
    Inner layers (.smg-ns-media/.smg-ns-overlay/.smg-ns-content) are absolutely positioned.
    If the <a> has no height, those layers collapse to 0px in non-split modes.
    Making the link fill the card fixes the “empty/grey cards” issue.
  */
  position:absolute;
  inset:0;
  text-decoration:none;
  color:inherit;
}
.smg-news-slider .smg-ns-media{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.smg-news-slider .smg-ns-overlay{position:absolute;inset:0;background:var(--smg-ns-overlay,rgba(0,0,0,.55));}
.smg-news-slider .smg-ns-content{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2;display:flex;flex-direction:column;gap:8px;}
.smg-news-slider .smg-ns-badge{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.95;}
.smg-news-slider .smg-ns-title{font-size:18px;line-height:1.2;font-weight:700;}
.smg-news-slider .smg-ns-meta{font-size:12px;opacity:.9;}

.smg-news-slider .smg-ns-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--smg-ns-arrow-size,40px);height:var(--smg-ns-arrow-size,40px);border-radius:999px;z-index:3;background:rgba(0,0,0,.35);color:#fff;font-size:var(--smg-ns-arrow-icon-size,24px);line-height:1;}
.smg-news-slider .smg-ns-prev{left:10px;}
.smg-news-slider .smg-ns-next{right:10px;}
.smg-news-slider .smg-ns-arrow:focus{outline:2px solid rgba(255,255,255,.65);outline-offset:2px;}

/* Flechas: arriba (solo 2 posiciones soportadas: centro y arriba) */
.smg-news-slider.arrows-top .smg-ns-arrow{top:14px;transform:none;}

/* Arrow container shape */
.smg-news-slider.arrows-circle .smg-ns-arrow{border-radius:999px;}
.smg-news-slider.arrows-square .smg-ns-arrow{border-radius:6px;}

/* Arrow visibility behavior */
.smg-news-slider.arrows-hover .smg-ns-arrow{opacity:0;pointer-events:none;}
.smg-news-slider.arrows-hover:hover .smg-ns-arrow,
.smg-news-slider.arrows-hover:focus-within .smg-ns-arrow{opacity:1;pointer-events:auto;}

/* Dots / pagination */
.smg-news-slider{--smg-ns-dot-size:10px;--smg-ns-dot-gap:10px;--smg-ns-dot-bg:rgba(255,255,255,.28);--smg-ns-dot-bg-active:#fff;--smg-ns-dot-border:rgba(255,255,255,.25);--smg-ns-dot-border-active:rgba(255,255,255,.95);}
.smg-news-slider .smg-ns-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:var(--smg-ns-dot-gap);z-index:4;}
.smg-news-slider .smg-ns-dot{width:var(--smg-ns-dot-size);height:var(--smg-ns-dot-size);border:1px solid var(--smg-ns-dot-border);background:var(--smg-ns-dot-bg);padding:0;cursor:pointer;opacity:1;transition:opacity .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;}
.smg-news-slider .smg-ns-dot.is-active{background:var(--smg-ns-dot-bg-active);border-color:var(--smg-ns-dot-border-active);}
.smg-news-slider .smg-ns-dot:focus{outline:2px solid rgba(255,255,255,.65);outline-offset:3px;}
.smg-news-slider.dots-circle .smg-ns-dot{border-radius:999px;}
.smg-news-slider.dots-square .smg-ns-dot{border-radius:4px;}

/* Date nav: use the same buttons but allow text + auto sizing */
.smg-news-slider.nav-dates{--smg-ns-dot-size:auto;}
.smg-news-slider.nav-dates .smg-ns-dot{
  width:auto;
  height:auto;
  padding:8px 10px;
  font-size:12px;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Shape for date labels */
.smg-news-slider.nav-dates.dots-circle .smg-ns-dot{border-radius:999px;}
.smg-news-slider.nav-dates.dots-square .smg-ns-dot{border-radius:6px;}


/* Date navigation ("fechas") */
.smg-news-slider.nav-dates .smg-ns-dots{gap:10px;}
.smg-news-slider.nav-dates .smg-ns-dot--date{display:inline-flex;align-items:center;justify-content:center;}

/* Show dots only on hover (or focus) */
.smg-news-slider.dots-hover .smg-ns-dots{opacity:0;pointer-events:none;}
.smg-news-slider.dots-hover:hover .smg-ns-dots,
.smg-news-slider.dots-hover:focus-within .smg-ns-dots{opacity:1;pointer-events:auto;}

/* Touch/drag hint */
.smg-news-slider{touch-action:pan-y;}

/* Split Hero (3 columns, shared background) */
.smg-news-slider.is-split{overflow:hidden;}
.smg-news-slider.is-split .smg-ns-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
/* Back-compat: if an <img> exists, hide it and rely on background-image on .smg-ns-bg */
.smg-news-slider.is-split .smg-ns-bg-img{display:none;}
.smg-news-slider.is-split .smg-ns-bg .smg-ns-overlay{position:absolute;inset:0;}

.smg-news-slider.is-split .smg-ns-viewport{position:relative;z-index:2;}
.smg-news-slider.is-split .smg-ns-track{gap:0;transform:none !important;}
.smg-news-slider.is-split .smg-ns-item{flex:1 1 0;min-width:0;}
.smg-news-slider.is-split .smg-ns-card{height:100%;min-height:unset;background:transparent;}
.smg-news-slider.is-split .smg-ns-link{height:100%;}

/* Vertical divider lines (the two lines you marked) */
.smg-news-slider.is-split .smg-ns-item + .smg-ns-item{border-left:1px solid rgba(255,255,255,.18);}

/* =============================
   Triple Split (3 panels)
   - Centro destacado, lados más pequeños
   - JS muestra solo prev/actual/next con loop
============================= */
.smg-news-slider.is-triple .smg-ns-viewport{overflow:visible;}
.smg-news-slider.is-triple .smg-ns-track{
  display:grid;
  grid-template-columns: 1fr 1.6fr 1fr;
  gap: var(--smg-ns-gap);
  transform:none !important;
}
.smg-news-slider.is-triple .smg-ns-track{
  align-items:stretch;
}
.smg-news-slider.is-triple .smg-ns-item,
.smg-news-slider.is-triple .smg-ns-card{
  height:100%;
}
.smg-news-slider.is-triple .smg-ns-card,
.smg-news-slider.is-triple .smg-ns-media,
.smg-news-slider.is-triple .smg-ns-media img,
.smg-news-slider.is-triple .smg-ns-overlay{
  border-radius:0 !important;
}
.smg-news-slider.is-triple .smg-ns-card{
  border:1px solid rgba(0,0,0,.10);
  overflow:hidden;
}

.smg-news-slider.is-triple .smg-ns-item{display:none;min-width:0;}
.smg-news-slider.is-triple .smg-ns-item.is-prev,
.smg-news-slider.is-triple .smg-ns-item.is-active,
.smg-news-slider.is-triple .smg-ns-item.is-next{display:block;}

.smg-news-slider.is-triple .smg-ns-item.is-prev{grid-column:1; opacity:.92; transform:scale(1); transform-origin:center;}
.smg-news-slider.is-triple .smg-ns-item.is-active{grid-column:2; opacity:1; transform:scale(1);}
.smg-news-slider.is-triple .smg-ns-item.is-next{grid-column:3; opacity:.92; transform:scale(1); transform-origin:center;}

.smg-news-slider.is-triple .smg-ns-card{position:relative;}
.smg-news-slider.is-triple .smg-ns-content{padding:28px 28px 24px;}
.smg-news-slider.is-triple .smg-ns-title{font-size:38px;line-height:1.05;}
.smg-news-slider.is-triple .smg-ns-item.is-prev .smg-ns-title,
.smg-news-slider.is-triple .smg-ns-item.is-next .smg-ns-title{font-size:20px;line-height:1.15;}
.smg-news-slider.is-triple .smg-ns-meta{opacity:.75;}

/* Triple uses the same "dim / active glow" feel as Split Hero */
.smg-news-slider.is-triple .smg-ns-item{position:relative;}
.smg-news-slider.is-triple .smg-ns-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.32);
  opacity:1;
  transition:background .25s ease, opacity .25s ease;
  pointer-events:none;
}
.smg-news-slider.is-triple .smg-ns-item::before{z-index:1;}
.smg-news-slider.is-triple .smg-ns-item:hover::before{
  background:rgba(0,0,0,.18);
}
.smg-news-slider.is-triple .smg-ns-item.is-active::before{
  background:rgba(0,0,0,.08);
}
.smg-news-slider.is-triple .smg-ns-item::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.30), rgba(255,255,255,0) 58%);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.18), 0 0 34px rgba(255,255,255,.18);
}
.smg-news-slider.is-triple .smg-ns-item.is-active::after{opacity:1;}
.smg-news-slider.is-triple .smg-ns-item::after{z-index:1;}

/* Ensure the card content stays above the triple overlay pseudo-layers */
.smg-news-slider.is-triple .smg-ns-card{position:relative;z-index:2;}

/* Triple Split: match Split Hero “gloss + text” feel */
.smg-news-slider.is-triple .smg-ns-media{
  transition: transform .55s ease, filter .55s ease, opacity .35s ease;
  will-change: transform, filter, opacity;
}
.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-media{
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.02);
}
.smg-news-slider.is-triple .smg-ns-item.is-prev .smg-ns-media,
.smg-news-slider.is-triple .smg-ns-item.is-next .smg-ns-media{
  transform: scale(1.0);
  filter: saturate(1.0) contrast(1.0);
}


/* Active center: brighter image + clearer text; sides: more dim */
.smg-news-slider.is-triple .smg-ns-item.is-prev::before,
.smg-news-slider.is-triple .smg-ns-item.is-next::before{
  background:rgba(0,0,0,.56);
}
.smg-news-slider.is-triple .smg-ns-item.is-active::before{
  background:rgba(0,0,0,.02);
}

.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-media{
  filter: brightness(1.24) saturate(1.18) contrast(1.10);
}
.smg-news-slider.is-triple .smg-ns-item.is-prev .smg-ns-media,
.smg-news-slider.is-triple .smg-ns-item.is-next .smg-ns-media{
  filter: brightness(.72) saturate(.88) contrast(.96);
}

.smg-news-slider.is-triple .smg-ns-item.is-prev .smg-ns-content,
.smg-news-slider.is-triple .smg-ns-item.is-next .smg-ns-content{
  opacity:.82;
}
.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-content{
  opacity:1;
}

.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-title,
.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-kicker,
.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-meta{
  text-shadow: 0 2px 18px rgba(0,0,0,.55);
}
.smg-news-slider.is-triple .smg-ns-item.is-active .smg-ns-meta{opacity:.92;}
.smg-news-slider.is-triple .smg-ns-item.is-prev .smg-ns-meta,
.smg-news-slider.is-triple .smg-ns-item.is-next .smg-ns-meta{opacity:.62;}

/* Text reveal on group change (applied by JS via .is-enter) */
.smg-news-slider.is-triple .smg-ns-item .smg-ns-content{
  opacity:1;
  transform:none;
}
 @keyframes smgNsFadeUp{
  from{opacity:0; transform: translateY(10px);}
  to{opacity:1; transform: translateY(0);}
}
.smg-news-slider.is-triple .smg-ns-item.is-enter .smg-ns-content{
  animation: smgNsFadeUp .38s ease both;
}


@media (max-width: 1024px){
  .smg-news-slider.is-triple .smg-ns-track{grid-template-columns: 1fr 1.35fr 1fr;}
  .smg-news-slider.is-triple .smg-ns-title{font-size:32px;}
}
@media (max-width: 767px){
  .smg-news-slider.is-triple .smg-ns-track{grid-template-columns: 1fr;}
  .smg-news-slider.is-triple .smg-ns-item.is-prev,
  .smg-news-slider.is-triple .smg-ns-item.is-next{display:none;}
  .smg-news-slider.is-triple .smg-ns-item.is-active{grid-column:1; transform:none;}
  .smg-news-slider.is-triple .smg-ns-title{font-size:26px;}
}

/* Hover feel: slightly brighten active segment */
.smg-news-slider.is-split .smg-ns-item{position:relative;}
.smg-news-slider.is-split .smg-ns-item{position:relative;}
/* Base "dim" layer so inactive columns look darker */
.smg-news-slider.is-split .smg-ns-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.32);
  opacity:1;
  transition:background .25s ease, opacity .25s ease;
}
.smg-news-slider.is-split .smg-ns-item::before{z-index:1;}
/* Hover = slightly brighter */
.smg-news-slider.is-split .smg-ns-item:hover::before{
  background:rgba(0,0,0,.18);
}
/* Active = brightest (light/glow feel) */
.smg-news-slider.is-split .smg-ns-item.is-active::before{
  background:rgba(0,0,0,.08);
}

/* Light/glow indicator for the active section */
.smg-news-slider.is-split .smg-ns-item::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.30), rgba(255,255,255,0) 58%);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.18), 0 0 34px rgba(255,255,255,.18);
}
.smg-news-slider.is-split .smg-ns-item.is-active::after{opacity:1;}
.smg-news-slider.is-split .smg-ns-item::after{z-index:1;}

/* Keep split card content above overlay pseudo-layers too */
.smg-news-slider.is-split .smg-ns-card{position:relative;z-index:2;}

/* Make content spacing match the demo (bigger titles) */
.smg-news-slider.is-split .smg-ns-content{padding:26px;gap:10px;}
.smg-news-slider.is-split .smg-ns-title{font-size:34px;line-height:1.06;font-weight:800;}
@media (max-width: 1024px){
  .smg-news-slider.is-split .smg-ns-title{font-size:26px;}
}
@media (max-width: 767px){
  .smg-news-slider.is-split .smg-ns-track{flex-direction:column;}
  .smg-news-slider.is-split .smg-ns-item + .smg-ns-item{border-left:0;border-top:1px solid rgba(255,255,255,.18);}
  .smg-news-slider.is-split .smg-ns-title{font-size:22px;}
}

/* Text Slider / Headlines mode */
.smg-news-slider.is-titles{
  --smg-ns-separator: rgba(0,0,0,.14);
  --smg-ns-arrow-size: 34px;
  --smg-ns-arrow-icon-size: 34px;
  --smg-ns-arrow-side-offset: 0px;
  overflow:visible;
  padding-inline:44px;
}
.smg-news-slider.is-titles .smg-ns-viewport{overflow:hidden;}
.smg-news-slider.is-titles .smg-ns-track{
  display:flex;
  gap:var(--smg-ns-gap,0px);
  align-items:stretch;
  will-change:transform;
}
.smg-news-slider.is-titles .smg-ns-item{
  flex:0 0 auto;
  min-width:0;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}
.smg-news-slider.is-titles .smg-ns-item + .smg-ns-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:1px;
  background:var(--smg-ns-separator);
}
.smg-news-slider.is-titles .smg-ns-card{
  min-height:auto;
  height:100%;
  background:transparent;
  overflow:visible;
  padding:0 12px;
  border:0 !important;
  box-shadow:none !important;
}
.smg-news-slider.is-titles .smg-ns-link{
  position:static;
  inset:auto;
  display:block;
  text-decoration:none;
}
.smg-news-slider.is-titles .smg-ns-content{
  position:static;
  padding:0 10px;
  color:#111;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
}
.smg-news-slider.is-titles .smg-ns-title{
  color:#111;
  font-size:18px;
  line-height:1.25;
  font-weight:600;
  margin:0;
  word-break:normal;
  overflow-wrap:break-word;
}
.smg-news-slider.is-titles .smg-ns-meta{
  color:#8f8f8f;
  font-size:14px;
  line-height:1.3;
  opacity:1;
  margin-top:0;
}
.smg-news-slider.is-titles .smg-ns-arrow{
  background:transparent;
  color:#b4b4b4;
}
.smg-news-slider.is-titles .smg-ns-prev{left:calc(-18px + var(--smg-ns-arrow-side-offset,0px));}
.smg-news-slider.is-titles .smg-ns-next{right:calc(-18px + var(--smg-ns-arrow-side-offset,0px));}
.smg-news-slider.is-titles .smg-ns-dots{
  position:static;
  transform:none;
  justify-content:center;
  margin-top:14px;
}
@media (max-width: 767px){
  .smg-news-slider.is-titles{padding-inline:30px;}
  .smg-news-slider.is-titles .smg-ns-card{padding:0 6px;}
  .smg-news-slider.is-titles .smg-ns-title{font-size:16px;}
  .smg-news-slider.is-titles .smg-ns-meta{font-size:13px;}
}