/* =======================================================================
  NEWS — WIFICOR PERU (SLIDER REAL SIN SCROLLBAR VISIBLE) ✅ FINAL
  - Se mueve por scrollLeft (JS) + swipe natural
  - Barra oculta (no se ve)
======================================================================= */

#wfNews, #wfNews *{ box-sizing:border-box; }

#wfNews{
  background:#fff;
  padding:clamp(44px,5.5vw,72px) 0;
  border-top:1px solid rgba(0,0,0,.06);
}

#wfNews .wf-news-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

#wfNews .wf-news-kicker{
  margin:0 0 8px;
  text-align:center;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#0f766e;
}
#wfNews .wf-news-title{
  margin:0;
  text-align:center;
  font-size:clamp(24px,3.2vw,34px);
  font-weight:1200;
  letter-spacing:-.4px;
  color:#0b0f14;
  line-height:1.15;
}
#wfNews .wf-news-sub{
  margin:10px auto 0;
  text-align:center;
  font-size:14px;
  font-weight:750;
  color:#4b5563;
  line-height:1.6;
  max-width:820px;
}

/* Wrapper */
#wfNews .wf-news-slider{
  position:relative;
  width:100%;
  margin-top:clamp(18px,3.2vw,34px);
}

/* Flechas corporativas */
#wfNews .wf-ns-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px; height:44px;
  border-radius:12px;
  border:1px solid rgba(2,6,23,.12);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:20;
  box-shadow:0 12px 30px rgba(2,6,23,.12);
  user-select:none;
}
#wfNews .wf-ns-btn svg{ width:20px; height:20px; fill:#0b5f59; }
#wfNews .wf-ns-btn--prev{ left:6px; }
#wfNews .wf-ns-btn--next{ right:6px; }
#wfNews .wf-ns-btn:disabled{ opacity:.35; cursor:not-allowed; }

/* Viewport: scroll real, pero ocultamos la barra */
#wfNews .wf-ns-viewport{
  width:100%;
  overflow-x:auto;       /* ✅ scroll real */
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  /* ocultar barra */
  scrollbar-width:none;
  -ms-overflow-style:none;

  /* espacio para flechas */
  padding:6px 56px 10px;
  scroll-padding-left:56px;
  scroll-padding-right:56px;

  /* swipe horizontal sin romper scroll vertical */
  touch-action:pan-y;
}
#wfNews .wf-ns-viewport::-webkit-scrollbar{ display:none; }

/* Track: 1 fila */
#wfNews .wf-postGrid.wf-ns-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:16px;
  width:max-content;
  align-items:stretch;
  margin:0 !important;
  padding:0 !important;
}

/* Card */
#wfNews .wf-post{
  border:1px solid rgba(2,6,23,.10);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  min-width:0;
  display:flex;
  flex-direction:column;
  flex:0 0 auto;     /* clave */
  flex-shrink:0;     /* clave */
  transition:transform .16s ease, box-shadow .16s ease;
}

@media (hover:hover){
  #wfNews .wf-post:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(0,0,0,.08);
  }
}

/* Thumb */
#wfNews .wf-thumbWrap{
  width:100%;
  aspect-ratio:16/9;
  background:linear-gradient(180deg, #f3f4f6, #e5e7eb);
  overflow:hidden;
}
#wfNews img.thumb{ width:100%; height:100%; object-fit:cover; display:block; }

/* SVG inline */
#wfNews .wf-svgThumb{ width:100%; height:100%; display:grid; place-items:center; }
#wfNews .wf-svgThumb svg{ width:100%; height:100%; display:block; }

/* Meta */
#wfNews .meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px 0;
  color:#6b7280;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

/* Content */
#wfNews .content{
  padding:10px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1 1 auto;
}
#wfNews .content h4{
  margin:0;
  font-size:16px;
  font-weight:1100;
  letter-spacing:-.2px;
  color: var(--wf-title, #0b0f14);
}
#wfNews .content p{
  margin:0;
  font-size:13.5px;
  line-height:1.55;
  font-weight:700;
  color: var(--wf-text, #475467);
}

/* Botón */
#wfNews a.more{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:10px 12px;
  border-radius:12px;
  background: var(--wf-btn-bg, #e7fbf8);
  color: var(--wf-btn-txt, #0f766e);
  border:1px solid rgba(2,6,23,.12);
  font-weight:1100;
  letter-spacing:.02em;
  text-decoration:none;
}




/* VIEWPORT: scroll real, pero barra oculta */
#wfNews .wf-ns-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  scrollbar-width:none;
  -ms-overflow-style:none;

  /* Desktop/tablet: deja espacio a flechas */
  padding:6px 56px 10px;
  scroll-padding-left:56px;
  scroll-padding-right:56px;

  touch-action:pan-y;
}
#wfNews .wf-ns-viewport::-webkit-scrollbar{ display:none; }

/* TRACK */
#wfNews .wf-postGrid.wf-ns-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:16px;
  width:max-content;
  align-items:stretch;
  margin:0 !important;
  padding:0 !important;
}

/* =======================
   ✅ MOBILE FIX CENTRADO
======================= */
@media (max-width: 720px){
  /* en móvil NO comas espacio con padding gigante */
  #wfNews .wf-ns-viewport{
    padding:6px 16px 10px;
    scroll-padding-left:16px;
    scroll-padding-right:16px;
  }

  /* flechas fuera del contenido */
  #wfNews .wf-ns-btn--prev{ left:10px; }
  #wfNews .wf-ns-btn--next{ right:10px; }
}





















/* =======================================================================
  NEWS — WIFICOR PERU (HÍBRIDO ✅)
  - Swipe horizontal NATIVO dentro del slider
  - Scroll vertical de la página NO se bloquea (táctil OK)
  - Sin scrollbar visible
======================================================================= */

#wfNews, #wfNews *{ box-sizing:border-box; }

#wfNews .wf-news-slider{ position:relative; }

/* Viewport: scroll horizontal nativo */
#wfNews .wf-ns-viewport{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;

  /* ✅ CLAVE HÍBRIDA:
     NO bloquees el scroll vertical del body cuando el dedo está encima.
     Evita pan-x aquí (eso corta el scroll vertical). */
  touch-action: auto;

  /* Evita rebotes raros */
  overscroll-behavior-x: contain;

  /* Ocultar scrollbar */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#wfNews .wf-ns-viewport::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* Track en flex (tu JS y widths funcionan) */
#wfNews .wf-ns-track{
  display:flex;
  gap:16px;
  align-items:stretch;

  scroll-snap-type: x mandatory;
  padding:2px 2px 10px;
}
#wfNews .wf-post{
  scroll-snap-align:start;
  flex:0 0 auto; /* JS define width */
}

/* IMPORTANTÍSIMO:
   No mates el tacto con user-select global.
   Solo evita selección en elementos que molestan (opcional). */
#wfNews .wf-post .wf-svgThumb,
#wfNews .wf-post img{
  -webkit-user-drag:none;
  user-drag:none;
}

/* Si tienes “capas” encima que bloquean el toque, fuerza pointer-events */
#wfNews .wf-ns-viewport,
#wfNews .wf-ns-track,
#wfNews .wf-post{
  pointer-events:auto;
}





















/* =======================================================================
  NEWS — WIFICOR PERU (MÓVIL CENTRADO + HÍBRIDO TÁCTIL) ✅ PRO FINAL
  - Swipe horizontal nativo
  - Scroll vertical NO se rompe
  - Snap CENTRADO (no pegado a la izquierda)
  - Scrollbar oculto real
======================================================================= */

#wfNews, #wfNews *{ box-sizing:border-box; }

#wfNews .wf-news-slider{ position:relative; }

/* Viewport scrolleable */
#wfNews .wf-ns-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  /* ✅ HÍBRIDO: permite scroll vertical del body */
  touch-action:auto;

  overscroll-behavior-x:contain;

  /* ocultar scrollbar */
  scrollbar-width:none;
  -ms-overflow-style:none;
}
#wfNews .wf-ns-viewport::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* Track: flex + snap */
#wfNews .wf-ns-track{
  display:flex;
  gap:16px;
  align-items:stretch;

  /* ✅ Snap centrado */
  scroll-snap-type:x mandatory;

  /* padding lo ajusta JS dinámicamente para centrar */
  padding: 2px 0 10px;
}

/* Cada card */
#wfNews .wf-post{
  flex:0 0 auto;
  /* ✅ Centro */
  scroll-snap-align:center;
}

/* Evita capas que bloqueen el touch */
#wfNews .wf-ns-viewport,
#wfNews .wf-ns-track,
#wfNews .wf-post{ pointer-events:auto; }