/* ============================================================
   Cenit — Portal de noticias.
   Maqueta editorial inspirada en tabloide digital tipo Clarín.
   Negro agresivo, rojo vivo, titulares bold, layout denso.
   Marca, autores, textos e imágenes son ficticios.
   ============================================================ */


/* ============================================================
   1. RESET
   ============================================================ */
.nsfcenit-scope *, .nsfcenit-scope *::before, .nsfcenit-scope *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.nsfcenit-scope{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
.nsfcenit-scope{
  font-family: var(--f-sans);
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
.nsfcenit-scope img, .nsfcenit-scope svg, .nsfcenit-scope picture, .nsfcenit-scope video{ display: block; max-width: 100%; }
.nsfcenit-scope a{ color: inherit; text-decoration: none; }
.nsfcenit-scope button{ font: inherit; cursor: pointer; background: none; border: none; color: inherit; padding: 0; }
.nsfcenit-scope ul, .nsfcenit-scope ol{ list-style: none; }
.nsfcenit-scope input{ font: inherit; color: inherit; }


/* ============================================================
   2. VARIABLES
   ============================================================ */
.nsfcenit-scope{
  /* Paleta tabloide — negro + rojo Clarín */
  --c-red:          #e30613;   /* rojo Clarín */
  --c-red-soft:     #fff0f0;
  --c-red-live:     #e30613;
  --c-yellow:       #f5c518;
  --c-yellow-soft:  #fff8d6;
  --c-text:         #111111;   /* negro puro */
  --c-text-soft:    #444444;
  --c-meta:         #777777;
  --c-line:         #cccccc;
  --c-line-soft:    #eeeeee;
  --c-bg-alt:       #f2f2f2;
  --c-bg-dark:      #111111;   /* negro para header */

  /* Tipografía: sans ultra-bold, tabloide */
  --f-sans:  Arial, "Helvetica Neue", "Arial Black", Helvetica, sans-serif;
  --f-serif: "Arial Black", Arial, sans-serif;

  /* Layout — más ancho, más denso */
  --w-max: 1340px;
  --header-h: 52px;

  /* Transiciones */
  --t-fast: 100ms ease;
  --t-mid:  200ms ease;
}


/* ============================================================
   3. CONTENEDORES
   ============================================================ */
.nsfcenit-scope .container{
  width: 100%;
  max-width: var(--w-max);
  margin: 0 auto;
  padding: 0 16px;
}

.nsfcenit-scope .sr-only{
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}


/* ============================================================
   4. VIEW SWITCHER (debugger maqueta)
   ============================================================ */
.nsfcenit-scope .view-switcher{
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 9000;
  background: #1f1f1f;
  color: #fff;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  padding: 4px;
  display: flex;
  gap: 2px;
}
.nsfcenit-scope .view-switcher button{
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #aaa;
  border-radius: 20px;
  transition: all var(--t-fast);
}
.nsfcenit-scope .view-switcher button:hover{ color: #fff; }
.nsfcenit-scope .view-switcher button.is-active{
  background: var(--c-red);
  color: #fff;
}


/* ============================================================
   5. HEADER (sticky principal)
   Patrón Infobae mobile: hamburguesa+lupa combinada,
   logo wordmark centrado, avatar derecha.
   ============================================================ */
.nsfcenit-scope .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--c-bg-dark);
  border-bottom: 4px solid var(--c-red);
}
.nsfcenit-scope .site-header-inner{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: var(--header-h);
  gap: 12px;
}

/* Botón hamburguesa + lupa sobre fondo negro */
.nsfcenit-scope .menu-search{
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 4px;
  padding: 0 4px;
  background: transparent;
  transition: border-color var(--t-fast), background var(--t-fast);
}
.nsfcenit-scope .menu-search:hover{ border-color: var(--c-red); background: rgba(227,6,19,.1); }
.nsfcenit-scope .menu-search button{
  width: 36px; height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  color: #fff;
  transition: background var(--t-fast);
}
.nsfcenit-scope .menu-search button:hover{ background: rgba(255,255,255,.1); }
.nsfcenit-scope .menu-search button svg{ width: 20px; height: 20px; fill: currentColor; }
.nsfcenit-scope .menu-search .ms-divider{
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,.2);
}

/* Logo tabloide: blanco sobre negro, uppercase bold */
.nsfcenit-scope .brand-logo{
  font-family: var(--f-serif);
  font-weight: 900;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  justify-self: center;
}

/* Avatar sobre fondo negro */
.nsfcenit-scope .user-btn{
  width: 40px; height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 4px;
  color: rgba(255,255,255,.8);
  transition: all var(--t-fast);
}
.nsfcenit-scope .user-btn:hover{ border-color: var(--c-red); color: #fff; }
.nsfcenit-scope .user-btn svg{ width: 22px; height: 22px; fill: currentColor; }


/* ============================================================
   6. LIVE BAR — Banda debajo del header con
   "FM 102.3 · EN VIVO · Programa · Hace X min ·  ›"
   ============================================================ */
.nsfcenit-scope .live-bar{
  background: #fff;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .live-bar-inner{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
}
.nsfcenit-scope .fm-badge{
  flex-shrink: 0;
  background: var(--c-red);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  line-height: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.nsfcenit-scope .fm-badge small{
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .5px;
  opacity: .95;
}
.nsfcenit-scope .live-status{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--c-red-live);
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.nsfcenit-scope .live-status .dot{
  width: 8px; height: 8px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;
}
@keyframes livepulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .4; transform: scale(.7); }
}
.nsfcenit-scope .live-title{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: var(--c-text);
}
.nsfcenit-scope .live-time{
  flex-shrink: 0;
  color: var(--c-red-live);
  font-size: 12px;
  font-weight: 600;
}
.nsfcenit-scope .live-chevron{
  flex-shrink: 0;
  color: var(--c-meta);
  font-size: 18px;
}


/* ============================================================
   7. TRENDS BAR — Rayo + items scroll horizontal
   ============================================================ */
.nsfcenit-scope .trends-bar{
  background: #fff;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .trends-bar-inner{
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
  overflow-x: auto;
  scrollbar-width: none;
}
.nsfcenit-scope .trends-bar-inner::-webkit-scrollbar{ display: none; }
.nsfcenit-scope .trends-label{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 13px;
  color: var(--c-text);
}
.nsfcenit-scope .trends-label .bolt{
  width: 14px; height: 14px;
  fill: var(--c-yellow);
}
.nsfcenit-scope .trends-items{
  display: flex;
  gap: 18px;
  flex-shrink: 0;
}
.nsfcenit-scope .trends-items a{
  font-size: 13px;
  color: var(--c-text);
  white-space: nowrap;
  transition: color var(--t-fast);
}
.nsfcenit-scope .trends-items a:hover{ color: var(--c-red); }
.nsfcenit-scope .trends-items .live-item{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--c-red-live);
  font-weight: 700;
}
.nsfcenit-scope .trends-items .live-item::before{
  content: "";
  width: 6px; height: 6px;
  background: var(--c-red-live);
  border-radius: 50%;
  display: inline-block;
}


/* ============================================================
   8. CARDS BASE
   ============================================================ */
.nsfcenit-scope .card{ display: block; }
.nsfcenit-scope .card-img{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd, #999);
}
.nsfcenit-scope .card-img.sq{ aspect-ratio: 1 / 1; }
.nsfcenit-scope .card-img.s1{ background: linear-gradient(135deg, #b8c01b 0%, #8fa019 50%, #5a6e10 100%); }
.nsfcenit-scope .card-img.s2{ background: linear-gradient(135deg, #2c3e50, #4ca1af); }
.nsfcenit-scope .card-img.s3{ background: linear-gradient(135deg, #614385, #516395); }
.nsfcenit-scope .card-img.s4{ background: linear-gradient(135deg, #ee9ca7, #ffdde1); }
.nsfcenit-scope .card-img.s5{ background: linear-gradient(135deg, #134e5e, #71b280); }
.nsfcenit-scope .card-img.s6{ background: linear-gradient(135deg, #b79891, #94716b); }
.nsfcenit-scope .card-img.s7{ background: linear-gradient(135deg, #283c86, #45a247); }
.nsfcenit-scope .card-img.s8{ background: linear-gradient(135deg, #8e2de2, #4a00e0); }
.nsfcenit-scope .card-img.s9{ background: linear-gradient(135deg, #c31432, #240b36); }
.nsfcenit-scope .card-img.s10{ background: linear-gradient(135deg, #ff512f, #f09819); }
.nsfcenit-scope .card-img.s11{ background: linear-gradient(135deg, #1f4037, #99f2c8); }
.nsfcenit-scope .card-img.s12{ background: linear-gradient(135deg, #16222a, #3a6073); }
.nsfcenit-scope .card-img.s13{ background: linear-gradient(135deg, #4b6cb7, #182848); }
.nsfcenit-scope .card-img.s14{ background: linear-gradient(135deg, #f7971e, #ffd200); }
.nsfcenit-scope .card-img.s15{ background: linear-gradient(135deg, #5a3e2b 0%, #8b6443 50%, #c4a777 100%); }
.nsfcenit-scope .card-img::after{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(0,0,0,.25), transparent 60%);
  pointer-events: none;
}

.nsfcenit-scope .card-img .video-play{
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 36px; height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
}
.nsfcenit-scope .card-img .video-play::before{
  content: "";
  width: 0; height: 0;
  border: solid transparent;
  border-width: 6px 0 6px 10px;
  border-left-color: #fff;
  margin-left: 2px;
}

.nsfcenit-scope .card-title{
  font-family: var(--f-sans);
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.2;
  transition: color var(--t-fast);
}
.nsfcenit-scope .card:hover .card-title{ color: var(--c-red); }

.nsfcenit-scope .card-byline{
  color: var(--c-meta);
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}


/* ============================================================
   9. HERO HOME — Título grande + bajada + autor + foto
   ============================================================ */
.nsfcenit-scope .hero{
  padding: 18px 0 22px;
}
.nsfcenit-scope .hero-title{
  font-family: var(--f-serif);
  font-weight: 900;
  font-size: 34px;
  line-height: 1.05;
  color: var(--c-text);
  margin-bottom: 12px;
  letter-spacing: -.5px;
  text-transform: none;
}
.nsfcenit-scope .hero-sub{
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text-soft);
  margin-bottom: 12px;
}
.nsfcenit-scope .hero-byline{
  color: var(--c-meta);
  font-size: 13px;
  margin-bottom: 14px;
}
.nsfcenit-scope .hero-img{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #b8c01b 0%, #8fa019 40%, #5a6e10 100%);
  position: relative;
  overflow: hidden;
}
.nsfcenit-scope .hero-img::after{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.25), transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(0,0,0,.3), transparent 60%);
}


/* ============================================================
   10. GRID 2-COL (notas debajo del hero, patrón mobile)
   ============================================================ */
.nsfcenit-scope .dual-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 6px 0 24px;
}
.nsfcenit-scope .dual-grid .card-title{
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}
.nsfcenit-scope .dual-grid .card-byline{
  margin-bottom: 10px;
  font-size: 12px;
}
.nsfcenit-scope .dual-grid .card-img{ aspect-ratio: 4 / 3; }


/* ============================================================
   11. AD SLOT
   ============================================================ */
.nsfcenit-scope .ad-wrap{
  text-align: center;
  margin: 24px 0;
  padding: 14px 0;
  background: var(--c-bg-alt);
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .ad-wrap::before{
  content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;
}
.nsfcenit-scope .ad-box{
  margin: 0 auto;
  background:
    repeating-linear-gradient(135deg, #ececec 0 14px, #f4f4f4 14px 28px);
  border: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;
}
.nsfcenit-scope .ad-mobile-banner{ height: 100px; max-width: 320px; }
.nsfcenit-scope .ad-billboard{ height: 250px; max-width: 970px; }
.nsfcenit-scope .ad-leaderboard{ height: 90px; max-width: 728px; }
.nsfcenit-scope .ad-rectangle{ height: 250px; max-width: 300px; }
.nsfcenit-scope .ad-half-page{ height: 600px; max-width: 300px; }


/* ============================================================
   12. SECCIONES HOME — bloques de categoría con título
   ============================================================ */
.nsfcenit-scope .section-block{
  padding: 8px 0 20px;
}
.nsfcenit-scope .section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 0;
  border-bottom: none;
}
.nsfcenit-scope .section-title{
  font-family: var(--f-serif);
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background: var(--c-red);
  padding: 5px 12px;
  line-height: 1;
}
.nsfcenit-scope .section-link{
  font-size: 12px;
  font-weight: 600;
  color: var(--c-text-soft);
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: color var(--t-fast);
}
.nsfcenit-scope .section-link:hover{ color: var(--c-red); }
.nsfcenit-scope .section-link::after{
  content: "›";
  color: var(--c-red);
  margin-left: 4px;
  font-weight: 800;
}


/* ============================================================
   13. DRAWER MOBILE (panel lateral con menú largo)
   ============================================================ */
.nsfcenit-scope .drawer-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease;
}
.nsfcenit-scope .drawer-backdrop.is-open{
  opacity: 1;
  pointer-events: auto;
}

.nsfcenit-scope .drawer{
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 100%;
  max-width: 480px;
  background: #fff;
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 280ms ease;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nsfcenit-scope .drawer.is-open{ transform: translateX(0); }

/* Banner persistente arriba del drawer (replica patrón mobile) */
.nsfcenit-scope .drawer-ad{
  background: var(--c-bg-alt);
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nsfcenit-scope .drawer-ad-box{
  width: 100%;
  max-width: 320px;
  height: 50px;
  background:
    repeating-linear-gradient(135deg, #ececec 0 12px, #f4f4f4 12px 24px);
  border: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 11px;
  letter-spacing: 1.5px;
  font-weight: 600;
}

.nsfcenit-scope .drawer-header{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  height: var(--header-h);
  padding: 0 16px;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .drawer-close{
  width: 40px; height: 40px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--c-text);
}
.nsfcenit-scope .drawer-close:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .drawer-logo{
  font-weight: 800;
  font-size: 28px;
  color: var(--c-red);
  letter-spacing: -1px;
  text-align: center;
  justify-self: center;
}

.nsfcenit-scope .drawer-search{
  padding: 18px 16px;
}
.nsfcenit-scope .drawer-search-input{
  position: relative;
}
.nsfcenit-scope .drawer-search-input input{
  width: 100%;
  height: 46px;
  padding: 0 48px 0 18px;
  border: 1px solid var(--c-line);
  border-radius: 23px;
  background: #fff;
  font-size: 15px;
  color: var(--c-text);
}
.nsfcenit-scope .drawer-search-input input::placeholder{ color: var(--c-meta); }
.nsfcenit-scope .drawer-search-input .ds-icon{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px; height: 24px;
  color: var(--c-text-soft);
}
.nsfcenit-scope .drawer-search-input .ds-icon svg{ width: 100%; height: 100%; fill: currentColor; }

.nsfcenit-scope .drawer-nav{
  flex: 1;
  overflow-y: auto;
  padding: 4px 0 20px;
}
.nsfcenit-scope .drawer-nav li{
  border-bottom: 1px solid var(--c-line-soft);
}
.nsfcenit-scope .drawer-nav li:last-child{ border-bottom: none; }
.nsfcenit-scope .drawer-nav a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-size: 17px;
  color: var(--c-text);
  transition: background var(--t-fast);
}
.nsfcenit-scope .drawer-nav a:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .drawer-nav li.has-sub a{ font-weight: 700; }
.nsfcenit-scope .drawer-nav li.has-sub a::after{
  content: "";
  width: 10px; height: 10px;
  border-right: 2px solid var(--c-text);
  border-bottom: 2px solid var(--c-text);
  transform: rotate(-45deg);
  margin-left: 8px;
}
.nsfcenit-scope .drawer-nav li.divider{
  border: none;
  height: 8px;
  background: var(--c-bg-alt);
}


/* ============================================================
   14. PÁGINA DE NOTA INDIVIDUAL
   ============================================================ */
.nsfcenit-scope .note-wrap{
  padding: 20px 0 36px;
}

.nsfcenit-scope .note-breadcrumb{
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 14px;
}
.nsfcenit-scope .note-breadcrumb a:hover{ color: var(--c-red); }
.nsfcenit-scope .note-breadcrumb::after{
  content: " ›";
  color: var(--c-text);
  font-weight: 800;
}

.nsfcenit-scope .note-title{
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 30px;
  line-height: 1.12;
  color: var(--c-text);
  margin-bottom: 14px;
  letter-spacing: -.4px;
}
.nsfcenit-scope .note-subtitle{
  font-size: 17px;
  line-height: 1.5;
  color: var(--c-text-soft);
  margin-bottom: 18px;
}

.nsfcenit-scope .note-author-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 14px;
}
.nsfcenit-scope .author-block{
  display: flex;
  align-items: center;
  gap: 8px;
}
.nsfcenit-scope .author-avatar{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-red), #c2521a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  flex-shrink: 0;
}
.nsfcenit-scope .author-name{
  font-size: 14px;
  color: var(--c-text);
}
.nsfcenit-scope .author-name strong{ font-weight: 700; }

/* Chip "Agregar [marca] en G" — outline pill con logo G */
.nsfcenit-scope .google-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--c-line);
  border-radius: 22px;
  font-size: 13px;
  color: var(--c-text);
  transition: background var(--t-fast);
  position: relative;
  margin-left: auto;
}
.nsfcenit-scope .google-chip:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .google-chip svg.gicon{ width: 18px; height: 18px; }
.nsfcenit-scope .google-chip svg.plus{ width: 16px; height: 16px; fill: var(--c-text-soft); }

/* Tooltip amarillo del chip */
.nsfcenit-scope .gchip-tooltip{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--c-yellow-soft);
  border: 1px solid var(--c-yellow);
  border-radius: 6px;
  padding: 10px 28px 10px 14px;
  font-size: 12px;
  color: var(--c-text);
  min-width: 220px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  z-index: 5;
}
.nsfcenit-scope .gchip-tooltip .ttip-close{
  position: absolute;
  top: 6px; right: 6px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: rgba(0,0,0,.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--c-text-soft);
}
.nsfcenit-scope .gchip-tooltip::before{
  content: "";
  position: absolute;
  top: -7px; right: 24px;
  width: 12px; height: 12px;
  background: var(--c-yellow-soft);
  border-left: 1px solid var(--c-yellow);
  border-top: 1px solid var(--c-yellow);
  transform: rotate(45deg);
}

.nsfcenit-scope .note-date{
  color: var(--c-meta);
  font-size: 13px;
  padding: 12px 0;
  margin-bottom: 8px;
  text-align: left;
}

/* Botones de compartir: CÍRCULOS OUTLINE (firma visual) */
.nsfcenit-scope .share-row{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 18px;
  flex-wrap: wrap;
}
.nsfcenit-scope .share-btn{
  width: 38px; height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.nsfcenit-scope .share-btn:hover{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.nsfcenit-scope .share-btn svg{ width: 16px; height: 16px; fill: currentColor; }
.nsfcenit-scope .share-divider{
  width: 1px;
  height: 28px;
  background: var(--c-line);
  margin: 0 4px;
}
.nsfcenit-scope .share-save{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 16px 0 12px;
  height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 19px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.nsfcenit-scope .share-save:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .share-save svg{ width: 16px; height: 16px; fill: currentColor; }

.nsfcenit-scope .note-figure{
  margin-bottom: 8px;
}
.nsfcenit-scope .note-figure .card-img{ aspect-ratio: 16 / 9; }
.nsfcenit-scope .note-figcaption{
  font-size: 12px;
  color: var(--c-meta);
  padding: 8px 0 18px;
}

.nsfcenit-scope .note-body{
  font-size: 17px;
  line-height: 1.65;
  color: #2a2a2a;
}
.nsfcenit-scope .note-body > p{
  margin-bottom: 20px;
}
.nsfcenit-scope .note-body strong, .nsfcenit-scope .note-body b{
  font-weight: 700;
  color: var(--c-text);
}
.nsfcenit-scope .note-body h2{
  font-weight: 800;
  font-size: 22px;
  line-height: 1.25;
  margin: 28px 0 14px;
  color: var(--c-text);
}
.nsfcenit-scope .note-body h3{
  font-weight: 800;
  font-size: 19px;
  line-height: 1.3;
  margin: 24px 0 12px;
  color: var(--c-text);
}
.nsfcenit-scope .note-body blockquote{
  border-left: 4px solid var(--c-red);
  padding: 6px 0 6px 18px;
  margin: 24px 0;
  font-size: 19px;
  font-style: italic;
  color: var(--c-text);
  line-height: 1.4;
}
.nsfcenit-scope .note-body blockquote footer{
  font-size: 13px;
  font-style: normal;
  color: var(--c-meta);
  margin-top: 8px;
}
.nsfcenit-scope .note-body figure{
  margin: 24px 0;
}
.nsfcenit-scope .note-body figure .card-img{ aspect-ratio: 16 / 9; }
.nsfcenit-scope .note-body figcaption{
  font-size: 12px;
  color: var(--c-meta);
  padding-top: 8px;
}

/* "Te puede interesar" — caja con borde amarillo lateral */
.nsfcenit-scope .related-inline{
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-yellow);
  border-radius: 4px;
  padding: 14px 18px;
  margin: 24px 0;
  transition: background var(--t-fast);
}
.nsfcenit-scope .related-inline:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .related-inline-info{
  flex: 1;
}
.nsfcenit-scope .related-inline-info small{
  display: block;
  font-size: 12px;
  color: var(--c-text-soft);
  margin-bottom: 4px;
}
.nsfcenit-scope .related-inline-info strong{
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--c-text);
  line-height: 1.3;
}
.nsfcenit-scope .related-inline-arrow{
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--c-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text-soft);
  font-size: 16px;
  flex-shrink: 0;
}

.nsfcenit-scope .note-body .video-embed{
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  margin: 24px 0;
}
.nsfcenit-scope .note-body .video-embed::after{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  background: var(--c-red);
  border-radius: 50%;
}
.nsfcenit-scope .note-body .video-embed::before{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-40%, -50%);
  width: 0; height: 0;
  border: solid transparent;
  border-width: 10px 0 10px 16px;
  border-left-color: #fff;
  z-index: 2;
}

.nsfcenit-scope .note-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 22px 0;
  border-top: 1px solid var(--c-line);
  margin-top: 24px;
}
.nsfcenit-scope .note-tags strong{
  font-size: 12px;
  color: var(--c-meta);
  text-transform: uppercase;
  letter-spacing: .8px;
  align-self: center;
  margin-right: 4px;
}
.nsfcenit-scope .note-tags a{
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  background: var(--c-bg-alt);
  border-radius: 14px;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.nsfcenit-scope .note-tags a:hover{ background: var(--c-red); color: #fff; }


/* ============================================================
   15. RELATED FINAL DE NOTA
   ============================================================ */
.nsfcenit-scope .related-block{
  margin-top: 32px;
}
.nsfcenit-scope .related-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 16px;
}
.nsfcenit-scope .related-grid .card-title{
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 6px;
}


/* ============================================================
   16. PÁGINA DE CATEGORÍA
   ============================================================ */
.nsfcenit-scope .cat-header{
  padding: 24px 0 22px;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .cat-kicker{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c-red);
  margin-bottom: 8px;
}
.nsfcenit-scope .cat-title{
  font-family: var(--f-sans);
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -1px;
  color: var(--c-text);
  line-height: 1;
}
.nsfcenit-scope .cat-desc{
  font-size: 15px;
  color: var(--c-text-soft);
  margin-top: 12px;
  line-height: 1.5;
  max-width: 680px;
}
.nsfcenit-scope .cat-subnav{
  display: flex;
  gap: 6px;
  margin-top: 18px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.nsfcenit-scope .cat-subnav::-webkit-scrollbar{ display: none; }
.nsfcenit-scope .cat-subnav button{
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  border: 1px solid var(--c-line);
  border-radius: 18px;
  background: #fff;
  transition: all var(--t-fast);
  white-space: nowrap;
}
.nsfcenit-scope .cat-subnav button:hover{ border-color: var(--c-text); }
.nsfcenit-scope .cat-subnav button.is-active{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}

.nsfcenit-scope .cat-list{
  padding: 18px 0;
}
.nsfcenit-scope .cat-item{
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--c-line);
  align-items: center;
}
.nsfcenit-scope .cat-item:last-child{ border-bottom: none; }
.nsfcenit-scope .cat-item .card-img{ aspect-ratio: 1 / 1; }
.nsfcenit-scope .cat-item .card-title{
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.nsfcenit-scope .cat-item .card-byline{ font-size: 12px; }
.nsfcenit-scope .cat-item .kicker{
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--c-red);
  margin-bottom: 5px;
}

.nsfcenit-scope .pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 28px 0;
  border-top: 1px solid var(--c-line);
}
.nsfcenit-scope .pagination a, .nsfcenit-scope .pagination span{
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center; justify-content: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  border: 1px solid var(--c-line);
  border-radius: 50%;
  transition: all var(--t-fast);
}
.nsfcenit-scope .pagination a:hover{ background: var(--c-bg-alt); }
.nsfcenit-scope .pagination .is-current{
  background: var(--c-red);
  color: #fff;
  border-color: var(--c-red);
}
.nsfcenit-scope .pagination .dots{ border: none; }


/* ============================================================
   17. FOOTER
   ============================================================ */
.nsfcenit-scope .footer{
  background: var(--c-bg-dark);
  color: rgba(255,255,255,.8);
  border-top: 4px solid var(--c-red);
  margin-top: 32px;
  padding: 32px 0 24px;
}
.nsfcenit-scope .footer-brand{
  text-align: center;
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .footer-brand .brand-logo{ font-size: 32px; }
.nsfcenit-scope .footer-brand p{
  font-size: 13px;
  color: var(--c-text-soft);
  margin-top: 10px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}
.nsfcenit-scope .footer-socials{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
.nsfcenit-scope .footer-socials a{
  width: 38px; height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.nsfcenit-scope .footer-socials a:hover{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.nsfcenit-scope .footer-socials svg{ width: 15px; height: 15px; fill: currentColor; }

.nsfcenit-scope .footer-cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 24px;
  margin-bottom: 32px;
}
.nsfcenit-scope .footer-col h5{
  font-size: 13px;
  font-weight: 800;
  color: var(--c-text);
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 12px;
}
.nsfcenit-scope .footer-col ul{ display: flex; flex-direction: column; gap: 8px; }
.nsfcenit-scope .footer-col a{
  font-size: 13px;
  color: var(--c-text-soft);
  transition: color var(--t-fast);
}
.nsfcenit-scope .footer-col a:hover{ color: var(--c-red); }

.nsfcenit-scope .footer-bottom{
  border-top: 1px solid var(--c-line);
  padding-top: 18px;
  text-align: center;
}
.nsfcenit-scope .footer-bottom p{
  font-size: 12px;
  color: var(--c-meta);
  margin-bottom: 8px;
}
.nsfcenit-scope .footer-bottom ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
.nsfcenit-scope .footer-bottom a{
  font-size: 12px;
  color: var(--c-text-soft);
}


/* ============================================================
   18. RESPONSIVE — Tablet 768+ y Desktop 1024+
   ============================================================ */

/* Tablet */
.nsfcenit-scope @media (min-width: 768px){
  .container { padding: 0 24px; }
  .hero-title { font-size: 36px; }
  .hero-sub { font-size: 17px; }
  .dual-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .dual-grid .card-title { font-size: 17px; }
  .cat-title { font-size: 44px; }
  .note-title { font-size: 36px; }
  .note-subtitle { font-size: 18px; }
  .related-grid { grid-template-columns: 1fr 1fr; }
  .footer-cols { grid-template-columns: repeat(4, 1fr); gap: 30px; }
  .section-title { font-size: 20px; }
  .cat-item { grid-template-columns: 1fr 200px; gap: 22px; }
  .cat-item .card-title { font-size: 20px; }
}

/* Desktop */
.nsfcenit-scope @media (min-width: 1024px){
  :root { --header-h: 64px; }
  .container { padding: 0 32px; }
  .brand-logo { font-size: 36px; }
  .menu-search { height: 44px; }
  .menu-search button { width: 40px; height: 40px; }
  .user-btn { width: 44px; height: 44px; }

  /* Hero: layout 2 columnas con imagen al lado */
  .hero {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 36px;
    padding: 32px 0 40px;
    align-items: center;
  }
  .hero-title { font-size: 44px; }
  .hero-sub { font-size: 18px; margin-bottom: 16px; }
  .hero-img { aspect-ratio: 4 / 3; height: 100%; }

  /* Grid 4-col debajo del hero */
  .dual-grid { grid-template-columns: repeat(4, 1fr); }

  /* Layout principal main + sidebar para Home y Nota */
  .main-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    padding: 24px 0;
  }
  .main-layout .home-main { min-width: 0; }
  .main-layout .home-side { min-width: 0; }

  .note-wrap {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 48px;
    padding: 32px 0 48px;
  }
  .note-main { min-width: 0; max-width: 760px; }
  .note-title { font-size: 48px; }
  .note-subtitle { font-size: 19px; }
  .note-body { font-size: 18px; }

  .cat-title { font-size: 52px; }
  .related-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-cols { grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; }

  /* Live bar y Trends bar lado a lado en una sola línea */
  .live-bar-inner { height: 48px; font-size: 14px; }
  .trends-bar-inner { height: 44px; }
}

/* Mobile chico (≤ 360px) — ajustes ultra compactos */
.nsfcenit-scope @media (max-width: 360px){
  .brand-logo { font-size: 24px; }
  .menu-search button { width: 32px; height: 32px; }
  .menu-search button svg { width: 18px; height: 18px; }
  .user-btn { width: 36px; height: 36px; }
  .hero-title { font-size: 24px; }
  .note-title { font-size: 26px; }
}


/* ============================================================
   19. ACCESIBILIDAD
   ============================================================ */
.nsfcenit-scope a:focus-visible, .nsfcenit-scope button:focus-visible, .nsfcenit-scope input:focus-visible{
  outline: 2px solid var(--c-red);
  outline-offset: 2px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .nsfcenit-scope *, .nsfcenit-scope *::before, .nsfcenit-scope *::after{
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Tarjetas más leídas (sidebar desktop) */
.nsfcenit-scope .side-block{ margin-bottom: 32px; }
.nsfcenit-scope .side-head{
  font-weight: 800;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -.2px;
  color: var(--c-text);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--c-text);
  margin-bottom: 14px;
}
.nsfcenit-scope .rank-list{ display: flex; flex-direction: column; }
.nsfcenit-scope .rank-item{
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--c-line-soft);
  align-items: flex-start;
}
.nsfcenit-scope .rank-item:last-child{ border-bottom: none; }
.nsfcenit-scope .rank-num{
  font-weight: 800;
  font-size: 28px;
  color: var(--c-red);
  line-height: 1;
}
.nsfcenit-scope .rank-item .card-title{ font-size: 14px; line-height: 1.3; margin-bottom: 4px; }
.nsfcenit-scope .rank-item .card-byline{ font-size: 11px; }



.nsfcenit-scope.nsfcenit-hide-switcher .view-switcher{display:none!important;}
.nsfcenit-scope .elementor-widget-container{width:100%;}

/* ============================================================
   Cenit v1.4 widgets extra: indicadores, lo último, filas y split
   ============================================================ */
.nsfcenit-scope .nsfcenit-market-widget{width:100%;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:18px 0 0;margin:0 auto 18px}.nsfcenit-scope .nsfcenit-market-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.nsfcenit-scope .nsfcenit-market-card{background:#f8f8f8;border:1px solid #e2e2e2;border-radius:10px;padding:10px 12px;text-align:center;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center}.nsfcenit-scope .nsfcenit-market-title{text-transform:uppercase;font-size:15px;line-height:1.1;color:#333;font-weight:500;white-space:nowrap}.nsfcenit-scope .nsfcenit-market-value{font-size:32px;line-height:1.05;font-weight:900;color:#202124;letter-spacing:-.8px;margin-top:4px}.nsfcenit-scope .nsfcenit-market-meta{display:flex;align-items:center;justify-content:center;gap:6px;color:#666;font-size:13px;margin-top:3px;white-space:nowrap}.nsfcenit-scope .nsfcenit-market-meta strong{font-weight:800}.nsfcenit-scope .nsfcenit-market-meta.is-down .nsfcenit-market-arrow{color:#000}.nsfcenit-scope .nsfcenit-market-meta.is-up .nsfcenit-market-arrow{color:#179b55}.nsfcenit-scope .nsfcenit-market-meta.is-flat .nsfcenit-market-arrow{font-weight:900}.nsfcenit-scope .nsfcenit-market-source{position:relative;text-align:center;color:#555;font-size:14px;margin-top:10px;line-height:1}.nsfcenit-scope .nsfcenit-market-source:before,.nsfcenit-scope .nsfcenit-market-source:after{content:"";display:inline-block;width:28%;height:1px;background:#cfcfcf;vertical-align:middle;margin:0 12px}.nsfcenit-scope .nsfcenit-market-source span{display:inline-block;background:#fff;padding:0 4px}.nsfcenit-scope .nsfcenit-latest-box{position:relative;background:#fff;border:1px solid #d6d6d6;border-radius:8px;padding:26px 26px 20px;overflow:hidden}.nsfcenit-scope .nsfcenit-latest-box:after{content:"";display:block;width:68%;height:3px;background:#d6202b;margin:20px 0 14px;position:absolute;top:105px;left:26px}.nsfcenit-scope .nsfcenit-latest-head{display:flex;align-items:center;gap:18px;font-size:30px;line-height:1;margin-bottom:46px}.nsfcenit-scope .nsfcenit-latest-head strong{font-weight:900}.nsfcenit-scope .nsfcenit-latest-head span{width:2px;height:34px;background:#222}.nsfcenit-scope .nsfcenit-latest-head em{font-style:normal;font-weight:400}.nsfcenit-scope .nsfcenit-latest-item{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0;border-top:1px solid #d6d6d6}.nsfcenit-scope .nsfcenit-latest-item:first-child{border-top:0;padding-top:0}.nsfcenit-scope .nsfcenit-latest-item.has-thumb{grid-template-columns:1fr 160px;align-items:center}.nsfcenit-scope .nsfcenit-latest-item-title{font-size:23px;line-height:1.24;font-weight:900;color:#202124;display:block}.nsfcenit-scope .nsfcenit-latest-item-title:hover{color:#d6202b}.nsfcenit-scope .nsfcenit-latest-thumb{display:block;border-radius:8px;overflow:hidden}.nsfcenit-scope .nsfcenit-latest-thumb img,.nsfcenit-scope .nsfcenit-latest-thumb .card-img{width:100%;height:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:8px}.nsfcenit-scope .nsfcenit-news-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-bottom:1px solid #d8d8d8}.nsfcenit-scope .nsfcenit-news-row-card{padding-bottom:16px;border-bottom:1px solid #d8d8d8}.nsfcenit-scope .nsfcenit-news-row-title{font-size:25px;line-height:1.14;font-weight:900;margin:0 0 16px;color:#202124}.nsfcenit-scope .nsfcenit-news-row-title a:hover{color:#d6202b}.nsfcenit-scope .nsfcenit-news-row-author{font-size:14px;color:#555;margin:0 0 12px;line-height:1.35}.nsfcenit-scope .nsfcenit-news-row-author strong{font-size:13px;color:#333;letter-spacing:.03em}.nsfcenit-scope .nsfcenit-opinion-dot{display:inline-block;width:42px;height:42px;border:3px solid #d6202b;border-radius:50%;vertical-align:middle;margin-right:8px;background:linear-gradient(135deg,#eee,#bbb)}.nsfcenit-scope .nsfcenit-news-row-img{display:block}.nsfcenit-scope .nsfcenit-news-row-img img,.nsfcenit-scope .nsfcenit-news-row-img .card-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.nsfcenit-scope .nsfcenit-feature-split{display:flex;border-top:2px solid #9f9f9f;border-bottom:2px solid #9f9f9f;padding:26px 0;color:#202124}.nsfcenit-scope .nsfcenit-feature-media{flex:0 0 60%;overflow:hidden}.nsfcenit-scope .nsfcenit-feature-media img,.nsfcenit-scope .nsfcenit-feature-media .card-img{width:100%;height:100%;min-height:310px;object-fit:cover}.nsfcenit-scope .nsfcenit-feature-copy{flex:1;background:#f4f4f4;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:44px 36px;border-radius:0 8px 8px 0}.nsfcenit-scope .nsfcenit-feature-title{font-size:32px;line-height:1.14;font-weight:900;margin:0 0 24px;color:#202124}.nsfcenit-scope .nsfcenit-feature-text{font-size:20px;line-height:1.45;color:#444;margin:0}.nsfcenit-scope .nsfcenit-feature-split:hover .nsfcenit-feature-title{color:#d6202b}
@media(max-width:1024px){.nsfcenit-scope .nsfcenit-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nsfcenit-scope .nsfcenit-feature-title{font-size:26px}.nsfcenit-scope .nsfcenit-feature-text{font-size:17px}.nsfcenit-scope .nsfcenit-news-row-title{font-size:21px}.nsfcenit-scope .nsfcenit-latest-item.has-thumb{grid-template-columns:1fr 120px}}
@media(max-width:767px){.nsfcenit-scope .nsfcenit-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nsfcenit-scope .nsfcenit-market-title{font-size:12px}.nsfcenit-scope .nsfcenit-market-value{font-size:26px}.nsfcenit-scope .nsfcenit-market-meta{font-size:11px;gap:4px}.nsfcenit-scope .nsfcenit-market-source:before,.nsfcenit-scope .nsfcenit-market-source:after{width:12%;margin:0 6px}.nsfcenit-scope .nsfcenit-latest-box{padding:22px 18px}.nsfcenit-scope .nsfcenit-latest-box:after{left:18px;top:90px}.nsfcenit-scope .nsfcenit-latest-head{font-size:24px;gap:12px;margin-bottom:38px}.nsfcenit-scope .nsfcenit-latest-head span{height:28px}.nsfcenit-scope .nsfcenit-latest-item-title{font-size:19px}.nsfcenit-scope .nsfcenit-latest-item.has-thumb{grid-template-columns:1fr 92px}.nsfcenit-scope .nsfcenit-news-row-grid{grid-template-columns:1fr;gap:20px}.nsfcenit-scope .nsfcenit-news-row-title{font-size:22px;margin-bottom:10px}.nsfcenit-scope .nsfcenit-feature-split{display:block;padding:18px 0}.nsfcenit-scope .nsfcenit-feature-media img,.nsfcenit-scope .nsfcenit-feature-media .card-img{min-height:220px}.nsfcenit-scope .nsfcenit-feature-copy{border-radius:0 0 8px 8px;padding:28px 20px}.nsfcenit-scope .nsfcenit-feature-title{font-size:24px}.nsfcenit-scope .nsfcenit-feature-text{font-size:16px}}

/* Cenit Ads Widgets v1.5 */
.nsfcenit-scope .nsfcenit-ad-wrap{
  width:100%;
  text-align:center;
  margin:24px 0;
  padding:14px 0;
  background:var(--c-bg-alt,#f6f6f6);
  border-top:1px solid var(--c-line,#e6e6e6);
  border-bottom:1px solid var(--c-line,#e6e6e6);
}
.nsfcenit-scope .nsfcenit-ad-label{
  display:block;
  font-size:10px;
  letter-spacing:1.5px;
  color:var(--c-meta,#8a8e9c);
  margin-bottom:10px;
  font-weight:600;
  text-transform:uppercase;
}
.nsfcenit-scope .nsfcenit-ad-box{
  margin:0 auto;
  background:repeating-linear-gradient(135deg,#ececec 0 14px,#f4f4f4 14px 28px);
  border:1px solid var(--c-line,#e6e6e6);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#aaa;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:700;
  overflow:hidden;
}
.nsfcenit-scope .nsfcenit-ad-box img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.nsfcenit-scope.nsfcenit-ad-mobile-banner .nsfcenit-ad-box{height:100px;max-width:320px;}
.nsfcenit-scope.nsfcenit-ad-leaderboard .nsfcenit-ad-box{height:90px;max-width:728px;}
.nsfcenit-scope.nsfcenit-ad-billboard .nsfcenit-ad-box{height:250px;max-width:970px;}
.nsfcenit-scope.nsfcenit-ad-rectangle .nsfcenit-ad-box{height:250px;max-width:300px;}
.nsfcenit-scope.nsfcenit-ad-half-page .nsfcenit-ad-box{height:600px;max-width:300px;}
.nsfcenit-scope.nsfcenit-ad-footer-wide .nsfcenit-ad-box{height:120px;max-width:970px;}
.nsfcenit-scope.nsfcenit-ad-fluid .nsfcenit-ad-box{min-height:120px;width:100%;max-width:100%;}
.elementor-widget-nsfcenit_sidebar_ad .nsfcenit-ad-wrap{margin:0 0 24px;padding:12px;background:#fff;border:1px solid var(--c-line,#e6e6e6);border-radius:6px;}
.elementor-widget-nsfcenit_middle_ad .nsfcenit-ad-wrap{margin:32px 0;}
.elementor-widget-nsfcenit_footer_ad .nsfcenit-ad-wrap{margin:0;padding:22px 0;background:#fff;border-top:1px solid var(--c-line,#e6e6e6);border-bottom:1px solid var(--c-line,#e6e6e6);}
@media(max-width:767px){
  .nsfcenit-scope.nsfcenit-ad-hide-mobile{display:none!important;}
  .nsfcenit-scope.nsfcenit-ad-billboard .nsfcenit-ad-box,
  .nsfcenit-scope.nsfcenit-ad-footer-wide .nsfcenit-ad-box,
  .nsfcenit-scope.nsfcenit-ad-leaderboard .nsfcenit-ad-box{height:100px;max-width:320px;}
  .nsfcenit-scope.nsfcenit-ad-half-page .nsfcenit-ad-box{height:250px;max-width:300px;}
}

/* Cenit v1.6 fixes: header canvas, Ivory Search modal and extended ad formats */
body.nsfcenit-drawer-open,
body.nsfcenit-search-open{overflow:hidden!important;}
.nsfcenit-scope.nsfcenit-header-widget .drawer-backdrop{z-index:999998;}
.nsfcenit-scope.nsfcenit-header-widget .drawer{z-index:999999;}
.nsfcenit-scope.nsfcenit-header-widget .drawer-nav .menu{display:block;}
.nsfcenit-scope.nsfcenit-header-widget .drawer-nav .menu-item-has-children>a::after{content:"";width:10px;height:10px;border-right:2px solid var(--c-text);border-bottom:2px solid var(--c-text);transform:rotate(-45deg);margin-left:8px;}
.nsfcenit-scope .drawer-search-input button.ds-icon{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;}
.nsfcenit-scope .nsfcenit-search-modal{position:fixed;inset:0;z-index:1000000;display:none;align-items:flex-start;justify-content:center;padding:90px 18px 18px;}
.nsfcenit-scope .nsfcenit-search-modal.is-open{display:flex;}
.nsfcenit-scope .nsfcenit-search-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);}
.nsfcenit-scope .nsfcenit-search-modal__panel{position:relative;width:min(760px,100%);background:#fff;border-radius:18px;padding:28px 24px 24px;box-shadow:0 22px 80px rgba(0,0,0,.32);}
.nsfcenit-scope .nsfcenit-search-modal__close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid var(--c-line,#e6e6e6);border-radius:50%;font-size:24px;line-height:1;background:#fff;color:var(--c-text,#1a1a1a);display:flex;align-items:center;justify-content:center;}
.nsfcenit-scope .nsfcenit-search-modal__close:hover{background:var(--c-bg-alt,#f6f6f6);}
.nsfcenit-scope .nsfcenit-search-modal .is-search-form,
.nsfcenit-scope .nsfcenit-search-modal form{width:100%;}
.nsfcenit-scope .nsfcenit-search-modal input[type="search"],
.nsfcenit-scope .nsfcenit-search-modal input[type="text"],
.nsfcenit-scope .nsfcenit-search-modal .is-search-input{width:100%!important;min-height:54px;border:1px solid var(--c-line,#e6e6e6)!important;border-radius:28px!important;padding:0 22px!important;font-size:18px!important;box-shadow:none!important;}
.nsfcenit-scope.nsfcenit-ad-super-wide .nsfcenit-ad-box{height:280px;max-width:1200px;}
.nsfcenit-scope.nsfcenit-ad-mega-wide .nsfcenit-ad-box{height:180px;max-width:1140px;}
.nsfcenit-scope.nsfcenit-ad-square .nsfcenit-ad-box{height:300px;max-width:300px;}
.nsfcenit-scope.nsfcenit-ad-mobile-square .nsfcenit-ad-box{height:280px;max-width:336px;}
@media(max-width:767px){
  .nsfcenit-scope .nsfcenit-search-modal{padding-top:72px;}
  .nsfcenit-scope .nsfcenit-search-modal__panel{border-radius:14px;padding:24px 16px 18px;}
  .nsfcenit-scope.nsfcenit-ad-super-wide .nsfcenit-ad-box,
  .nsfcenit-scope.nsfcenit-ad-mega-wide .nsfcenit-ad-box{height:100px;max-width:360px;}
  .nsfcenit-scope.nsfcenit-ad-square .nsfcenit-ad-box,
  .nsfcenit-scope.nsfcenit-ad-mobile-square .nsfcenit-ad-box{height:280px;max-width:336px;}
  .elementor-widget-nsfcenit_sidebar_ad .nsfcenit-ad-wrap{padding:10px 0;border-left:0;border-right:0;border-radius:0;}
}


/* Cenit v1.7: buscador Ivory estilo editorial + resultados AJAX */
.nsfcenit-scope .nsfcenit-search-modal{padding:84px 18px 18px;align-items:flex-start;}
.nsfcenit-scope .nsfcenit-search-modal__backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(1px);}
.nsfcenit-scope .nsfcenit-search-modal__panel{width:min(980px,calc(100vw - 36px));background:#fff;border-radius:24px;padding:42px 70px 34px 34px;box-shadow:0 26px 90px rgba(0,0,0,.30);}
.nsfcenit-scope .nsfcenit-search-modal__close{top:18px;right:18px;width:46px;height:46px;border:1px solid #dedede;border-radius:50%;font-size:34px;font-weight:300;background:#fff;color:#1a1a1a;z-index:5;}
.nsfcenit-scope .nsfcenit-search-modal__close:hover{background:#f7f7f7;color:var(--c-red,#d6202b);}
.nsfcenit-scope .nsfcenit-search-modal .is-search-form,
.nsfcenit-scope .nsfcenit-search-modal form.search-form,
.nsfcenit-scope .nsfcenit-search-modal form{position:relative;width:100%;display:block!important;margin:0!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-form-style,
.nsfcenit-scope .nsfcenit-search-modal .is-form-style.is-form-style-3,
.nsfcenit-scope .nsfcenit-search-modal .is-form-style.is-form-style-2{display:block!important;width:100%!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-form label,
.nsfcenit-scope .nsfcenit-search-modal .search-form label{display:block!important;width:100%!important;}
.nsfcenit-scope .nsfcenit-search-modal input[type="search"],
.nsfcenit-scope .nsfcenit-search-modal input[type="text"],
.nsfcenit-scope .nsfcenit-search-modal .is-search-input{width:100%!important;height:72px!important;min-height:72px!important;border:3px solid var(--c-red,#d6202b)!important;border-radius:999px!important;padding:0 72px 0 28px!important;font-size:22px!important;line-height:1!important;color:#1a1a1a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(238,108,26,.08)!important;outline:none!important;}
.nsfcenit-scope .nsfcenit-search-modal input[type="search"]::placeholder,
.nsfcenit-scope .nsfcenit-search-modal input[type="text"]::placeholder,
.nsfcenit-scope .nsfcenit-search-modal .is-search-input::placeholder{color:#8a8e9c!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-submit,
.nsfcenit-scope .nsfcenit-search-modal button[type="submit"],
.nsfcenit-scope .nsfcenit-search-modal input[type="submit"],
.nsfcenit-scope .nsfcenit-search-modal .search-submit{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:52px!important;height:52px!important;border:0!important;border-radius:50%!important;background:var(--c-red,#d6202b)!important;color:#fff!important;font-size:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-submit:before,
.nsfcenit-scope .nsfcenit-search-modal button[type="submit"]:before,
.nsfcenit-scope .nsfcenit-search-modal input[type="submit"]:before,
.nsfcenit-scope .nsfcenit-search-modal .search-submit:before{content:"";width:18px;height:18px;border:3px solid #fff;border-radius:50%;display:block;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-submit:after,
.nsfcenit-scope .nsfcenit-search-modal button[type="submit"]:after,
.nsfcenit-scope .nsfcenit-search-modal input[type="submit"]:after,
.nsfcenit-scope .nsfcenit-search-modal .search-submit:after{content:"";width:11px;height:3px;background:#fff;display:block;position:absolute;right:13px;bottom:15px;transform:rotate(45deg);border-radius:2px;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-icon{display:none!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-details,
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-result,
.nsfcenit-scope .nsfcenit-search-modal .is-search-sections,
.nsfcenit-scope .nsfcenit-search-modal .is-search-results,
.nsfcenit-scope .nsfcenit-search-modal .ivory-ajax-search-results{margin-top:18px!important;border:1px solid #e6e6e6!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.10)!important;overflow:hidden!important;background:#fff!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-post,
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-post-details,
.nsfcenit-scope .nsfcenit-search-modal .is-search-result{padding:14px 18px!important;border-bottom:1px solid #f0f0f0!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-post:last-child,
.nsfcenit-scope .nsfcenit-search-modal .is-search-result:last-child{border-bottom:0!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-title,
.nsfcenit-scope .nsfcenit-search-modal .is-title a,
.nsfcenit-scope .nsfcenit-search-modal .is-search-title,
.nsfcenit-scope .nsfcenit-search-modal .is-search-title a{font-size:16px!important;font-weight:800!important;color:#1a1a1a!important;line-height:1.25!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-title a:hover,
.nsfcenit-scope .nsfcenit-search-modal .is-search-title a:hover{color:var(--c-red,#d6202b)!important;}
.nsfcenit-scope .nsfcenit-search-modal .is-search-excerpt,
.nsfcenit-scope .nsfcenit-search-modal .is-ajax-search-post-excerpt{font-size:13px!important;color:#565a6c!important;margin-top:4px!important;}
/* Ivory a veces inyecta los resultados al body, fuera del modal */
.is-ajax-search-result,
.is-ajax-search-details,
.is-search-results{z-index:1000002!important;}
@media(max-width:767px){
  .nsfcenit-scope .nsfcenit-search-modal{padding:72px 12px 12px;}
  .nsfcenit-scope .nsfcenit-search-modal__panel{width:calc(100vw - 24px);border-radius:22px;padding:34px 18px 22px;}
  .nsfcenit-scope .nsfcenit-search-modal__close{width:42px;height:42px;top:12px;right:12px;font-size:30px;}
  .nsfcenit-scope .nsfcenit-search-modal input[type="search"],
  .nsfcenit-scope .nsfcenit-search-modal input[type="text"],
  .nsfcenit-scope .nsfcenit-search-modal .is-search-input{height:60px!important;min-height:60px!important;font-size:18px!important;padding-left:22px!important;padding-right:62px!important;}
  .nsfcenit-scope .nsfcenit-search-modal .is-search-submit,
  .nsfcenit-scope .nsfcenit-search-modal button[type="submit"],
  .nsfcenit-scope .nsfcenit-search-modal input[type="submit"],
  .nsfcenit-scope .nsfcenit-search-modal .search-submit{width:44px!important;height:44px!important;right:8px!important;}
}

/* Cenit Category Navigation widget */
.nsfcenit-scope .nsfcenit-cat-nav-widget,
.nsfcenit-scope.nsfcenit-cat-nav-widget {
  width: 100%;
}
.nsfcenit-scope .nsfcenit-cat-nav-title {
  margin: 0 0 12px;
  font-family: var(--f-sans);
  font-size: 18px;
  font-weight: 800;
  color: var(--c-text);
}
.nsfcenit-scope .nsfcenit-cat-nav-list {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.nsfcenit-scope .nsfcenit-cat-nav-list.is-scroll {
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.nsfcenit-scope .nsfcenit-cat-nav-list.is-scroll::-webkit-scrollbar { display: none; }
.nsfcenit-scope .nsfcenit-cat-nav-list.is-wrap { flex-wrap: wrap; }
.nsfcenit-scope .nsfcenit-cat-nav-list.is-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nsfcenit-scope .nsfcenit-cat-nav-list.is-vertical {
  flex-direction: column;
}
.nsfcenit-scope .nsfcenit-cat-nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid var(--c-line);
  border-radius: 18px;
  background: #fff;
  color: var(--c-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
}
.nsfcenit-scope .nsfcenit-cat-nav-list.is-grid .nsfcenit-cat-nav-item,
.nsfcenit-scope .nsfcenit-cat-nav-list.is-vertical .nsfcenit-cat-nav-item {
  justify-content: flex-start;
  white-space: normal;
  flex-wrap: wrap;
}
.nsfcenit-scope .nsfcenit-cat-nav-item:hover {
  border-color: var(--c-text);
  background: var(--c-bg-alt);
}
.nsfcenit-scope .nsfcenit-cat-nav-item.is-active {
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.nsfcenit-scope .nsfcenit-cat-count {
  font-size: .85em;
  opacity: .75;
}
.nsfcenit-scope .nsfcenit-cat-desc {
  display: block;
  flex-basis: 100%;
  margin-top: 4px;
  color: var(--c-text-soft);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.nsfcenit-scope .nsfcenit-cat-nav-select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--c-line);
  border-radius: 22px;
  background: #fff;
  color: var(--c-text);
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
}
.nsfcenit-scope .nsfcenit-empty-message {
  margin: 10px 0 0;
  color: var(--c-meta);
  font-size: 13px;
}
@media (max-width: 767px) {
  .nsfcenit-scope .nsfcenit-cat-nav-list.is-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ============================================================
   v1.9 - Bloque de noticias dinámico + mejoras archive/images
   ============================================================ */
.nsfcenit-scope .nsfcenit-dynamic-section-title{
  font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.2px;color:var(--c-text);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--c-text);position:relative;
}
.nsfcenit-scope .nsfcenit-dynamic-section-title::after{content:"";position:absolute;left:0;bottom:-2px;width:120px;height:2px;background:var(--c-red)}
.nsfcenit-scope .nsfcenit-dynamic-grid{display:grid;grid-template-columns:minmax(0,66%) minmax(0,1fr);align-items:start;gap:24px;margin:24px 0;}
.nsfcenit-scope .nsfcenit-dynamic-big-right{grid-template-columns:minmax(0,1fr) minmax(0,66%)}
.nsfcenit-scope .nsfcenit-dynamic-side{display:grid;gap:18px;}
.nsfcenit-scope .nsfcenit-dynamic-card{position:relative;min-width:0;overflow:hidden;background:#fff;}
.nsfcenit-scope .nsfcenit-dynamic-img{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#eee;}
.nsfcenit-scope .nsfcenit-dynamic-img img,.nsfcenit-scope .nsfcenit-archive-img img,.nsfcenit-scope .hero-img-real,.nsfcenit-scope .card-img-real,.nsfcenit-scope .cat-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.nsfcenit-scope .nsfcenit-dynamic-placeholder{display:block;width:100%;height:100%;}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s1{background:linear-gradient(135deg,#b8c01b,#5a6e10)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s2{background:linear-gradient(135deg,#2c3e50,#4ca1af)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s3{background:linear-gradient(135deg,#614385,#516395)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s4{background:linear-gradient(135deg,#ee9ca7,#ffdde1)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s5{background:linear-gradient(135deg,#134e5e,#71b280)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s6{background:linear-gradient(135deg,#b79891,#94716b)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s7{background:linear-gradient(135deg,#283c86,#45a247)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s8{background:linear-gradient(135deg,#8e2de2,#4a00e0)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s9{background:linear-gradient(135deg,#c31432,#240b36)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s10{background:linear-gradient(135deg,#ff512f,#f09819)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s11{background:linear-gradient(135deg,#1f4037,#99f2c8)}
.nsfcenit-scope .nsfcenit-dynamic-placeholder.s12{background:linear-gradient(135deg,#16222a,#3a6073)}
.nsfcenit-scope .nsfcenit-dynamic-content{padding:12px 0 0;}
.nsfcenit-scope .nsfcenit-dynamic-title{font-weight:800;line-height:1.12;color:var(--c-text);margin:0;}
.nsfcenit-scope .nsfcenit-dynamic-main .nsfcenit-dynamic-title{font-size:clamp(28px,4vw,56px);letter-spacing:-.04em;}
.nsfcenit-scope .nsfcenit-dynamic-side .nsfcenit-dynamic-title{font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;}
.nsfcenit-scope .nsfcenit-dynamic-title a{color:inherit;}
.nsfcenit-scope .nsfcenit-dynamic-title a:hover{color:var(--c-red);}
.nsfcenit-scope .nsfcenit-dynamic-excerpt{font-size:18px;line-height:1.45;color:var(--c-text-soft);margin-top:12px;}
.nsfcenit-scope .nsfcenit-dynamic-meta{font-size:13px;color:var(--c-meta);margin-top:10px;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 100%);z-index:1;pointer-events:none;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px;color:#fff;}
.nsfcenit-scope .nsfcenit-dynamic-side-card.nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{padding:16px;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-title,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-title a,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-excerpt,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-meta{color:#fff;}
.nsfcenit-scope .nsfcenit-dynamic-overlay{min-height:1px;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-img{margin:0;}

.nsfcenit-scope .cat-list{display:grid;gap:18px;}
.nsfcenit-scope .cat-list.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.nsfcenit-scope .cat-list.layout-grid .cat-item{display:block;}
.nsfcenit-scope .cat-list.layout-grid .nsfcenit-archive-img{margin-top:12px;}
.nsfcenit-scope .cat-list.layout-compact .cat-item{display:block;}
.nsfcenit-scope .cat-list.layout-compact .nsfcenit-archive-img{display:none;}
.nsfcenit-scope .cat-item{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--c-line);}
.nsfcenit-scope .cat-item.is-featured-archive{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border-bottom:2px solid var(--c-line);padding-bottom:24px;}
.nsfcenit-scope .cat-item.is-featured-archive .card-title{font-size:clamp(30px,4.5vw,58px);letter-spacing:-.04em;line-height:1.08;}
.nsfcenit-scope .cat-item.is-featured-archive .nsfcenit-archive-img{order:2;aspect-ratio:16/9;}
.nsfcenit-scope .nsfcenit-archive-img{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1/1;background:#eee;}
.nsfcenit-scope .nsfcenit-archive-excerpt{margin-top:10px;}
.nsfcenit-scope .card-byline:empty{display:none!important;}

@media (max-width: 767px){
  .nsfcenit-scope .nsfcenit-dynamic-grid,.nsfcenit-scope .nsfcenit-dynamic-big-right{grid-template-columns:1fr;}
  .nsfcenit-scope .nsfcenit-dynamic-side{grid-template-columns:1fr;}
  .nsfcenit-scope .nsfcenit-dynamic-content,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{padding:14px;}
  .nsfcenit-scope .cat-item{grid-template-columns:minmax(0,1fr) 120px!important;gap:14px;}
  .nsfcenit-scope .cat-list.layout-grid{grid-template-columns:1fr!important;}
  .nsfcenit-scope .cat-item.is-featured-archive{grid-template-columns:1fr!important;}
  .nsfcenit-scope .cat-item.is-featured-archive .card-title{font-size:30px;}
}

/* v1.9.1 refinements */
.nsfcenit-scope .nsfcenit-feature-split.is-reversed{flex-direction:row-reverse;}
.nsfcenit-scope.nsfcenit-grid-news .card>a:first-child{display:block;aspect-ratio:var(--nsfcenit-grid-ratio,1/1);overflow:hidden;background:#f3f3f3;}
.nsfcenit-scope.nsfcenit-grid-news .card>a:first-child img,
.nsfcenit-scope.nsfcenit-grid-news .card>a:first-child .card-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.nsfcenit-scope.nsfcenit-grid-news .card-title{margin-top:8px;}
.nsfcenit-scope.nsfcenit-grid-news .dual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.nsfcenit-scope .nsfcenit-live-main-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:inherit;text-decoration:none;}
.nsfcenit-scope .live-bar-inner>a:first-child{flex-shrink:0;text-decoration:none;}
@media(max-width:767px){
  .nsfcenit-scope .nsfcenit-feature-split.is-reversed{flex-direction:column;}
  .nsfcenit-scope.nsfcenit-grid-news .dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Footer profesional editable */
.nsfcenit-scope .nsfcenit-footer-pro{
  border-top-style: solid;
  margin-top: 0;
}
.nsfcenit-scope .nsfcenit-footer-pro .nsfcenit-footer-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:48px;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-brand{
  text-align:inherit;
  margin:0;
  padding:0;
  border:0;
  flex:0 0 240px;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-brand .brand-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-weight:800;
  text-decoration:none;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-brand .brand-logo img{
  display:block;
  max-width:220px;
  height:auto;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-brand p{
  max-width:280px;
  margin:18px 0 0;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-socials{
  justify-content:inherit;
  flex-wrap:wrap;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-socials a{
  text-decoration:none;
  line-height:1;
  font-weight:700;
  text-transform:lowercase;
  background:transparent;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-cols{
  flex:1;
  display:grid;
  margin:0;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-col h5{
  margin-top:0;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-col ul{
  padding:0;
  margin:0;
  list-style:none;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-col a{
  text-decoration:none;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-bottom{
  margin-top:42px;
  border-top:1px solid;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-bottom p{
  margin:0;
}
.nsfcenit-scope .nsfcenit-footer-pro .footer-bottom ul{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}

@media (max-width: 767px){
  .nsfcenit-scope .nsfcenit-footer-pro .nsfcenit-footer-main{
    flex-direction:column;
    gap:30px;
  }
  .nsfcenit-scope .nsfcenit-footer-pro .footer-brand{
    flex-basis:auto !important;
    width:100%;
  }
  .nsfcenit-scope .nsfcenit-footer-pro .footer-cols{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
  }
}
@media (max-width: 480px){
  .nsfcenit-scope .nsfcenit-footer-pro .footer-cols{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   "EL DESTAPE NEWS" — Portal de noticias estilo popular argentino.
   Maqueta editorial inspirada en patrones visuales de medios
   populares (tipo Crónica): logo script cursivo, banda roja
   de categoría, kickers en rojo, cards con foto cuadrada.
   Marca, autores, textos e imágenes son ficticios.
   ============================================================ */
/* ============================================================
   1. RESET
   ============================================================ */
.nsfcenit-scope *, .nsfcenit-scope *::before, .nsfcenit-scope *::after {box-sizing: border-box; margin: 0; padding: 0;}
.nsfcenit-scope {-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.nsfcenit-scope {font-family: var(--f-sans);
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;}
.nsfcenit-scope img, .nsfcenit-scope svg, .nsfcenit-scope picture, .nsfcenit-scope video {display: block; max-width: 100%;}
.nsfcenit-scope a {color: inherit; text-decoration: none;}
.nsfcenit-scope button {font: inherit; cursor: pointer; background: none; border: none; color: inherit; padding: 0;}
.nsfcenit-scope ul, .nsfcenit-scope ol {list-style: none;}
.nsfcenit-scope input {font: inherit; color: inherit;}
/* ============================================================
   2. VARIABLES
   ============================================================ */
.nsfcenit-scope {/* Paleta editorial popular: rojo dominante */
  --c-red:        #d6202b;
  --c-red-dark:   #a31820;
  --c-red-darker: #7a1217;
  --c-red-live:   #d6202b;
  --c-text:       #1a1a1a;
  --c-text-soft:  #555;
  --c-meta:       #999;
  --c-line:       #e6e6e6;
  --c-line-soft:  #f0f0f0;
  --c-bg-alt:     #f6f6f6;
  --c-bg-dark:    #1a1a1a;
  --c-bg-darker:  #0a0a0a;
  --c-yellow:     #fce300;

  /* Tipografía sans-serif compacta tipo Helvetica condensed */
  --f-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;
  /* Cursiva para el wordmark — fallbacks nativos */
  --f-script: "Brush Script MT", "Lucida Handwriting", "Apple Chancery", "Snell Roundhand", cursive;

  /* Layout */
  --w-max: 1280px;
  --header-h: 60px;

  /* Transiciones */
  --t-fast: 150ms ease;}
/* ============================================================
   3. CONTENEDOR
   ============================================================ */
.nsfcenit-scope .container {width: 100%;
  max-width: var(--w-max);
  margin: 0 auto;
  padding: 0 16px;}
@media (min-width: 1024px){.nsfcenit-scope .container {padding: 0 24px;}}
/* ============================================================
   4. VIEW SWITCHER (maqueta)
   ============================================================ */
.nsfcenit-scope .view-switcher {position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 9000;
  background: var(--c-bg-darker);
  color: #fff;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(0,0,0,.3);
  padding: 4px;
  display: flex;
  gap: 2px;}
.nsfcenit-scope .view-switcher button {padding: 7px 12px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #aaa;
  border-radius: 20px;
  transition: all var(--t-fast);}
.nsfcenit-scope .view-switcher button:hover {color: #fff;}
.nsfcenit-scope .view-switcher button.is-active {background: var(--c-red);
  color: #fff;}
/* ============================================================
   5. BANNER PUBLICIDAD ARRIBA
   ============================================================ */
.nsfcenit-scope .top-ad {background: #f0f0f0;
  text-align: center;
  padding: 14px 0;
  border-bottom: 1px solid #e0e0e0;}
.nsfcenit-scope .top-ad::before {content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;}
.nsfcenit-scope .top-ad-box {margin: 0 auto;
  width: 100%;
  max-width: 728px;
  height: 90px;
  background:
    repeating-linear-gradient(135deg, #e2e2e2 0 14px, #ebebeb 14px 28px);
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;}
/* ============================================================
   6. HEADER PRINCIPAL
   ============================================================ */
.nsfcenit-scope .site-header {background: #fff;
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--c-line);}
.nsfcenit-scope .site-header-inner {display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: var(--header-h);
  gap: 12px;}
/* Botones izquierda (hamburguesa, lupa, campana) */
.nsfcenit-scope .header-icons {display: flex;
  align-items: center;
  gap: 4px;}
.nsfcenit-scope .header-icon-btn {width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c-line);
  border-radius: 6px;
  color: var(--c-text);
  transition: all var(--t-fast);
  background: #fff;}
.nsfcenit-scope .header-icon-btn:hover {background: var(--c-bg-alt);
  border-color: var(--c-text);}
.nsfcenit-scope .header-icon-btn svg {width: 18px; height: 18px; fill: currentColor;}
.nsfcenit-scope .header-icon-btn.is-burger {border-radius: 6px;}
/* Logo wordmark cursivo rojo */
.nsfcenit-scope .brand {text-align: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-decoration: none;}
.nsfcenit-scope .brand-logo {font-family: var(--f-script);
  font-weight: 700;
  font-style: italic;
  font-size: 42px;
  color: var(--c-red);
  letter-spacing: -1px;
  line-height: .85;
  text-transform: lowercase;
  /* Sombra muy sutil para darle un poco de cuerpo */
  text-shadow: 0 1px 0 rgba(0,0,0,.05);}
.nsfcenit-scope .brand-slogan {font-family: var(--f-sans);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: var(--c-text);
  background: var(--c-text);
  color: #fff;
  padding: 2px 8px;
  display: none; /* Sólo aparece en single post */}
/* Lado derecho: EN VIVO + CLUB */
.nsfcenit-scope .header-right {display: flex;
  align-items: center;
  gap: 10px;}
.nsfcenit-scope .live-pill {display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid var(--c-line);
  border-radius: 14px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--c-text);
  background: #fff;
  transition: background var(--t-fast);}
.nsfcenit-scope .live-pill:hover {background: var(--c-bg-alt);}
.nsfcenit-scope .live-pill .dot {width: 8px;
  height: 8px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;}
@keyframes livepulse{
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .4; transform: scale(.7); }
}
.nsfcenit-scope .club-pill {display: none; /* sólo desktop */
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: 4px;}
.nsfcenit-scope .club-pill .club-badge {background: var(--c-red);
  color: #fff;
  font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 8px;
  line-height: 1;}
.nsfcenit-scope .club-pill .club-text {font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.1;
  color: var(--c-text);}
/* Fecha lateral (sólo desktop o single) */
.nsfcenit-scope .header-date {display: none;
  font-size: 12px;
  color: var(--c-text-soft);}
/* ============================================================
   7. BARRA ROJA DE CATEGORÍA (firma visual)
   ============================================================ */
.nsfcenit-scope .cat-bar {background: var(--c-red);
  color: #fff;}
.nsfcenit-scope .cat-bar-inner {padding: 22px 0;}
.nsfcenit-scope .cat-bar h1 {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;}
@media (min-width: 768px){.nsfcenit-scope .cat-bar h1 {font-size: 30px;}}
/* ============================================================
   8. CARDS DE PORTADA / CATEGORÍA
   ============================================================ */
.nsfcenit-scope .posts-grid {display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding: 24px 0;}
@media (min-width: 600px){.nsfcenit-scope .posts-grid {grid-template-columns: 1fr 1fr; gap: 24px;}}
@media (min-width: 900px){.nsfcenit-scope .posts-grid {grid-template-columns: repeat(3, 1fr);}}
.nsfcenit-scope .post-card {display: block;}
.nsfcenit-scope .post-card-img {width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd, #999);
  position: relative;}
.nsfcenit-scope .post-card-img img {width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}
.nsfcenit-scope .post-card-img::after {content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(0,0,0,.3), transparent 60%);
  pointer-events: none;}
/* Paleta de gradientes para placeholders */
.nsfcenit-scope .s1 {background: linear-gradient(135deg, #2a4858, #5b7c99);}
.nsfcenit-scope .s2 {background: linear-gradient(135deg, #614385, #516395);}
.nsfcenit-scope .s3 {background: linear-gradient(135deg, #1c3e5c, #2e6ea3);}
.nsfcenit-scope .s4 {background: linear-gradient(135deg, #cc2b5e, #753a88);}
.nsfcenit-scope .s5 {background: linear-gradient(135deg, #16222a, #3a6073);}
.nsfcenit-scope .s6 {background: linear-gradient(135deg, #c31432, #240b36);}
.nsfcenit-scope .s7 {background: linear-gradient(135deg, #283c86, #45a247);}
.nsfcenit-scope .s8 {background: linear-gradient(135deg, #5a3e2b, #c4a777);}
.nsfcenit-scope .s9 {background: linear-gradient(135deg, #232526, #414345);}
.nsfcenit-scope .s10 {background: linear-gradient(135deg, #134e5e, #71b280);}
.nsfcenit-scope .s11 {background: linear-gradient(135deg, #ff512f, #f09819);}
.nsfcenit-scope .s12 {background: linear-gradient(135deg, #1f1c2c, #928dab);}
.nsfcenit-scope .s13 {background: linear-gradient(135deg, #4b6cb7, #182848);}
.nsfcenit-scope .s14 {background: linear-gradient(135deg, #7b4397, #dc2430);}
.nsfcenit-scope .s15 {background: linear-gradient(135deg, #485563, #29323c);}
.nsfcenit-scope .s16 {background: linear-gradient(135deg, #76b852, #8DC26F);}
.nsfcenit-scope .s17 {background: linear-gradient(135deg, #355c7d, #6c5b7b);}
.nsfcenit-scope .s18 {background: linear-gradient(135deg, #ff7e5f, #feb47b);}
.nsfcenit-scope .post-card-body {padding-top: 12px;}
.nsfcenit-scope .post-card-kicker {display: inline;
  font-family: var(--f-sans);
  font-weight: 900;
  font-size: 14px;
  color: var(--c-red);
  text-transform: uppercase;
  letter-spacing: -.3px;
  margin-right: 6px;}
.nsfcenit-scope .post-card-title {display: inline;
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 17px;
  line-height: 1.2;
  color: var(--c-text);
  letter-spacing: -.3px;}
.nsfcenit-scope .post-card:hover .post-card-title {color: var(--c-red);}
.nsfcenit-scope .post-card-date {display: block;
  font-size: 12px;
  color: var(--c-meta);
  margin-top: 10px;
  font-weight: 400;}
/* Card destacada (la primera, más grande) */
.nsfcenit-scope .posts-grid > .post-card.feat {grid-column: 1 / -1;}
.nsfcenit-scope .posts-grid > .post-card.feat .post-card-img {aspect-ratio: 16 / 10;}
.nsfcenit-scope .posts-grid > .post-card.feat .post-card-kicker {font-size: 16px;}
.nsfcenit-scope .posts-grid > .post-card.feat .post-card-title {font-size: 22px;}
@media (min-width: 600px){.nsfcenit-scope .posts-grid > .post-card.feat .post-card-title {font-size: 26px;}}
/* ============================================================
   9. DRAWER MOBILE
   ============================================================ */
.nsfcenit-scope .drawer-backdrop {position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease;}
.nsfcenit-scope .drawer-backdrop.is-open {opacity: 1; pointer-events: auto;}
.nsfcenit-scope .drawer {position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 520px;
  background: #fff;
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 280ms ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;}
.nsfcenit-scope .drawer.is-open {transform: translateX(0);}
.nsfcenit-scope .drawer-top {display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--c-line);}
.nsfcenit-scope .drawer-close {display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--c-line);
  border-radius: 4px;
  font-size: 13px;
  color: var(--c-text);
  background: #fff;}
.nsfcenit-scope .drawer-close::before {content: "×";
  font-size: 18px;
  line-height: 1;}
.nsfcenit-scope .drawer-close:hover {background: var(--c-bg-alt);}
.nsfcenit-scope .drawer-logo {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 38px;
  color: var(--c-red);
  text-align: center;
  line-height: 1;}
.nsfcenit-scope .drawer-list {padding: 22px 24px 18px;}
.nsfcenit-scope .drawer-list li {padding: 8px 0;
  position: relative;
  padding-left: 22px;
  font-size: 17px;
  font-weight: 400;
  color: var(--c-text);}
.nsfcenit-scope .drawer-list li::before {content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 8px;
  height: 8px;
  background: var(--c-red);
  border-radius: 50%;}
.nsfcenit-scope .drawer-list li a {color: var(--c-text);
  transition: color var(--t-fast);}
.nsfcenit-scope .drawer-list li a:hover {color: var(--c-red);}
.nsfcenit-scope .drawer-live-cta {margin: 16px auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  padding: 14px 28px;
  border: 1px solid var(--c-line);
  border-radius: 30px;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--c-text);
  box-shadow: 0 2px 6px rgba(0,0,0,.05);}
.nsfcenit-scope .drawer-live-cta .dot {width: 10px;
  height: 10px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;}
.nsfcenit-scope .drawer-search {padding: 0 24px 22px;}
.nsfcenit-scope .drawer-search-input {position: relative;}
.nsfcenit-scope .drawer-search-input input {width: 100%;
  height: 46px;
  padding: 0 18px 0 48px;
  border: 1px solid var(--c-line);
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);}
.nsfcenit-scope .drawer-search-input input::placeholder {color: var(--c-meta);}
.nsfcenit-scope .drawer-search-input svg {position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  fill: var(--c-text-soft);}
/* Grilla de "otros medios" del grupo (bloques de colores) */
.nsfcenit-scope .drawer-brands {padding: 0 24px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;}
.nsfcenit-scope .brand-tile {height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  letter-spacing: -.5px;
  border-radius: 2px;
  text-transform: lowercase;
  font-style: italic;
  font-family: var(--f-script);}
.nsfcenit-scope .brand-tile.tile-green {background: #1aab8d;}
.nsfcenit-scope .brand-tile.tile-pink {background: #d6206e;}
.nsfcenit-scope .brand-tile.tile-red {background: #c81515;}
.nsfcenit-scope .brand-tile.tile-orange {background: linear-gradient(90deg, #f7971e, #ffd200 50%, #00b8d9); color: #1a1a1a; font-family: var(--f-sans); font-style: normal; font-size: 14px; letter-spacing: 1px;}
.nsfcenit-scope .brand-tile.tile-blue {background: #1a3a8a;}
.nsfcenit-scope .brand-tile.tile-purple {background: linear-gradient(90deg, #4a148c, #d81b60);}
.nsfcenit-scope .brand-tile.tile-black {background: #0a0a0a; font-family: var(--f-sans); font-style: normal; font-weight: 900; font-size: 14px; letter-spacing: 1px;}
.nsfcenit-scope .brand-tile.tile-red2 {background: #d6202b;}
/* Sección oscura del drawer (otros medios + redes) */
.nsfcenit-scope .drawer-dark {background: var(--c-bg-dark);
  color: #fff;
  padding: 24px 24px 32px;
  margin-top: auto;}
.nsfcenit-scope .drawer-dark-head {background: var(--c-red);
  margin: -24px -24px 22px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;}
.nsfcenit-scope .drawer-dark-head .drawer-logo {font-size: 30px;
  color: #fff;
  text-align: left;}
.nsfcenit-scope .drawer-socials {display: flex;
  align-items: center;
  gap: 8px;}
.nsfcenit-scope .drawer-socials .lbl {font-weight: 900;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;}
.nsfcenit-scope .drawer-socials a {width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.nsfcenit-scope .drawer-socials svg {width: 13px; height: 13px; fill: #fff;}
.nsfcenit-scope .drawer-dark-cols {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;}
.nsfcenit-scope .drawer-dark-cols li {padding: 7px 0 7px 18px;
  position: relative;
  font-size: 14px;
  color: #fff;}
.nsfcenit-scope .drawer-dark-cols li::before {content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 6px;
  height: 6px;
  background: var(--c-red);
  border-radius: 50%;}
.nsfcenit-scope .drawer-dark-cols li a:hover {color: #ff9999;}
/* ============================================================
   10. SINGLE POST
   ============================================================ */
.nsfcenit-scope .single-wrap {padding: 18px 0 32px;}
.nsfcenit-scope .single-breadcrumb {font-size: 13px;
  color: var(--c-text);
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;}
.nsfcenit-scope .single-breadcrumb a {color: var(--c-red);
  font-weight: 400;}
.nsfcenit-scope .single-breadcrumb a:hover {text-decoration: underline;}
.nsfcenit-scope .single-breadcrumb .sep {color: var(--c-meta);}
.nsfcenit-scope .single-breadcrumb .current {color: var(--c-meta);}
.nsfcenit-scope .single-meta-row {display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;}
.nsfcenit-scope .single-kicker {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 14px;
  color: var(--c-red);
  text-transform: uppercase;
  letter-spacing: .3px;}
.nsfcenit-scope .single-date {font-size: 12px;
  color: var(--c-meta);}
.nsfcenit-scope .single-title {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -.8px;
  color: var(--c-text);
  margin-bottom: 18px;}
.nsfcenit-scope .single-subtitle {font-family: var(--f-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--c-text);
  margin-bottom: 22px;}
.nsfcenit-scope .single-figure {margin: 0 -16px 22px;
  position: relative;}
@media (min-width: 768px){.nsfcenit-scope .single-figure {margin-left: 0; margin-right: 0;}}
.nsfcenit-scope .single-figure .post-card-img {aspect-ratio: 16 / 10;}
.nsfcenit-scope .single-figcaption {position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75), transparent);
  color: #fff;
  font-size: 12px;
  padding: 28px 16px 12px;}
.nsfcenit-scope .single-body {font-family: var(--f-sans);
  font-size: 17px;
  line-height: 1.7;
  color: var(--c-text);}
.nsfcenit-scope .single-body > p {margin-bottom: 22px;}
.nsfcenit-scope .single-body a {color: var(--c-red);
  font-weight: 700;}
.nsfcenit-scope .single-body a:hover {text-decoration: underline;}
.nsfcenit-scope .single-body strong, .nsfcenit-scope .single-body b {font-weight: 800;
  color: var(--c-text);}
.nsfcenit-scope .single-body .highlight-red {color: var(--c-red);
  font-weight: 700;}
.nsfcenit-scope .single-body h2 {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.4px;
  margin: 30px 0 14px;
  color: var(--c-text);}
.nsfcenit-scope .single-body blockquote {border-left: 4px solid var(--c-red);
  padding: 6px 0 6px 18px;
  margin: 24px 0;
  font-size: 19px;
  font-style: italic;
  color: var(--c-text);
  line-height: 1.4;
  font-weight: 500;}
.nsfcenit-scope .single-ad {background: #f0f0f0;
  margin: 28px 0;
  padding: 14px 0;
  text-align: center;}
.nsfcenit-scope .single-ad::before {content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;}
.nsfcenit-scope .single-ad .ad-inner {margin: 0 auto;
  width: 100%;
  max-width: 728px;
  height: 90px;
  background:
    repeating-linear-gradient(135deg, #e2e2e2 0 14px, #ebebeb 14px 28px);
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;}
/* Tweet embed simulado */
.nsfcenit-scope .tweet-embed {border: 1px solid var(--c-line);
  border-radius: 12px;
  padding: 16px;
  margin: 24px 0;
  font-size: 15px;
  line-height: 1.4;}
.nsfcenit-scope .tweet-embed-header {display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;}
.nsfcenit-scope .tweet-embed-avatar {width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-red), var(--c-red-dark));
  flex-shrink: 0;}
.nsfcenit-scope .tweet-embed-author {display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 14px;
  color: var(--c-text);}
.nsfcenit-scope .tweet-embed-verified {width: 14px;
  height: 14px;
  background: #1da1f2;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 9px;
  font-weight: 900;}
.nsfcenit-scope .tweet-embed-handle {display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--c-meta);}
.nsfcenit-scope .tweet-embed-x {margin-left: auto;
  width: 18px;
  height: 18px;
  fill: var(--c-text);}
.nsfcenit-scope .tweet-embed-body {color: var(--c-text);}
.nsfcenit-scope .tweet-embed-share {width: 28px;
  height: 28px;
  background: var(--c-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  font-weight: 900;
  margin-top: 12px;}
/* Cards de ads laterales */
.nsfcenit-scope .single-side-ads {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 24px 0;}
.nsfcenit-scope .side-ad-card {background:
    repeating-linear-gradient(135deg, #f5e0ec 0 14px, #f7e6f0 14px 28px);
  border: 1px solid var(--c-line);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #c84895;
  font-weight: 700;
  text-align: center;
  position: relative;}
.nsfcenit-scope .side-ad-card::before {content: "PUBLICIDAD";
  position: absolute;
  top: 6px;
  right: 8px;
  background: rgba(255,255,255,.85);
  padding: 2px 6px;
  font-size: 8px;
  letter-spacing: .8px;
  color: var(--c-meta);}
.nsfcenit-scope .side-ad-card .brand {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 22px;
  color: #c84895;
  margin-bottom: 8px;}
.nsfcenit-scope .side-ad-card small {font-size: 10px;
  letter-spacing: .6px;}
/* ============================================================
   11. FOOTER
   ============================================================ */
.nsfcenit-scope .footer {background: var(--c-bg-dark);
  color: #fff;
  margin-top: 40px;}
.nsfcenit-scope .footer-top {background: var(--c-red);
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;}
.nsfcenit-scope .footer-top .container {display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;}
.nsfcenit-scope .footer-logo {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 38px;
  color: #fff;
  line-height: 1;}
.nsfcenit-scope .footer-socials {display: flex;
  align-items: center;
  gap: 8px;}
.nsfcenit-scope .footer-socials .lbl {font-weight: 900;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;}
.nsfcenit-scope .footer-socials a {width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.nsfcenit-scope .footer-socials svg {width: 14px; height: 14px; fill: #fff;}
.nsfcenit-scope .footer-body {padding: 28px 0 32px;}
.nsfcenit-scope .footer-cols {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  margin-bottom: 24px;}
.nsfcenit-scope .footer-cols li {padding: 8px 0 8px 18px;
  position: relative;
  font-size: 15px;
  color: #fff;}
.nsfcenit-scope .footer-cols li::before {content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 7px;
  height: 7px;
  background: var(--c-red);
  border-radius: 50%;}
.nsfcenit-scope .footer-cols a:hover {color: #ff9999;}
.nsfcenit-scope .footer-brands-grid {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 24px;}
.nsfcenit-scope .footer-bottom {border-top: 1px solid #333;
  padding-top: 18px;
  font-size: 12px;
  color: #888;
  text-align: center;}
/* ============================================================
   12. RESPONSIVE
   ============================================================ */
@media (min-width: 768px){.nsfcenit-scope .top-ad-box {height: 90px; max-width: 970px;}
.nsfcenit-scope .header-date {display: block;}
.nsfcenit-scope .single-title {font-size: 38px;}
.nsfcenit-scope .single-subtitle {font-size: 18px;}
.nsfcenit-scope .cat-bar-inner {padding: 28px 0;}}
@media (min-width: 1024px){.nsfcenit-scope {--header-h: 72px;}
.nsfcenit-scope .site-header-inner {grid-template-columns: 200px 1fr 200px;}
.nsfcenit-scope .brand-logo {font-size: 52px;}
.nsfcenit-scope .header-icons {gap: 6px;}
.nsfcenit-scope .header-icon-btn {width: 44px; height: 44px;}
.nsfcenit-scope .club-pill {display: inline-flex;}
.nsfcenit-scope .single-title {font-size: 48px;}
.nsfcenit-scope .single-body {font-size: 18px;}
.nsfcenit-scope .footer-cols {grid-template-columns: repeat(3, 1fr);}
.nsfcenit-scope .footer-brands-grid {grid-template-columns: repeat(4, 1fr);}
.nsfcenit-scope .drawer-dark-cols {grid-template-columns: 1fr 1fr;}}
/* ============================================================
   13. ACCESIBILIDAD
   ============================================================ */
.nsfcenit-scope a:focus-visible, .nsfcenit-scope button:focus-visible, .nsfcenit-scope input:focus-visible {outline: 2px solid var(--c-red);
  outline-offset: 2px;}
@media (prefers-reduced-motion: reduce){.nsfcenit-scope *, .nsfcenit-scope *::before, .nsfcenit-scope *::after {animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;}}


/* ==========================
   Cenit widget compatibility
   ========================== */
.nsfcenit-scope{--c-red:#d6202b;--c-orange:#d6202b;--c-red-dark:#a31820;--c-yellow:#fce300;--f-script:"Brush Script MT","Lucida Handwriting","Apple Chancery","Snell Roundhand",cursive;}
.nsfcenit-scope .card-img-real,
.nsfcenit-scope .post-card-img img,
.nsfcenit-scope .card > a:first-child img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.nsfcenit-scope .card > a:first-child:has(img),
.nsfcenit-scope .card-img-real{aspect-ratio:var(--nsfcenit-grid-ratio, 1 / 1);overflow:hidden;}
.nsfcenit-scope .nsfcenit-grid-news .card > a:first-child{display:block;aspect-ratio:var(--nsfcenit-grid-ratio, 4 / 3);overflow:hidden;background:#eee;}
.nsfcenit-scope .nsfcenit-grid-news .card-img-real{aspect-ratio:var(--nsfcenit-grid-ratio, 4 / 3);}
.nsfcenit-scope .nsfcenit-grid-news .card-title{font-family:var(--f-sans);font-weight:900;letter-spacing:-.3px;}
.nsfcenit-scope .nsfcenit-grid-news .section-head{border-bottom-color:var(--c-red);}
.nsfcenit-scope .nsfcenit-grid-news .section-title{font-weight:900;text-transform:uppercase;}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card{position:relative;overflow:hidden;background:#111;}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card__image img{width:100%;height:100%;object-fit:cover;}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card__image{height:100%;aspect-ratio:16/9;background:#ddd;}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card__content{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0));}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card__title{color:#fff;font-weight:900;line-height:1.05;}
.nsfcenit-scope .nsfcenit-dynamic-news-block .dynamic-card__kicker{color:#fff;background:var(--c-red);display:inline-block;padding:3px 7px;font-weight:900;text-transform:uppercase;font-size:12px;margin-bottom:8px;}
.nsfcenit-scope .nsfcenit-feature-split .feature-split__text{text-align:var(--feature-text-align,left);}
body.nsfcenit-drawer-open, body.nsfcenit-search-open{overflow:hidden!important;}

/* ==========================
   v1.1 fixes: byline, FontAwesome share, market carousel, brand tiles
   ========================== */
.nsfcenit-scope .share-btn i,
.nsfcenit-scope .share-save i{font-size:16px;line-height:1;color:currentColor;}
.nsfcenit-scope .share-save{gap:7px;}
.nsfcenit-scope .author-name:empty,
.nsfcenit-scope .card-byline:empty,
.nsfcenit-scope .hero-byline:empty,
.nsfcenit-scope .nsfcenit-dynamic-meta:empty,
.nsfcenit-scope .nsfcenit-news-row-author:empty{display:none!important;}

.nsfcenit-scope .nsfcenit-market-widget{border:0;padding:0;margin:0 0 18px;}
.nsfcenit-scope .nsfcenit-market-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;scrollbar-width:thin;}
.nsfcenit-scope .nsfcenit-market-track .nsfcenit-market-card{flex:0 0 220px;scroll-snap-align:start;}
.nsfcenit-scope .nsfcenit-market-ticker{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:6px 0;}
.nsfcenit-scope .nsfcenit-market-ticker .nsfcenit-market-card{min-height:52px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;text-align:left;flex:0 0 auto;padding:10px 14px;}
.nsfcenit-scope .nsfcenit-market-card{position:relative;min-height:108px;align-items:flex-start;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease;}
.nsfcenit-scope .nsfcenit-market-card::before{content:"";position:absolute;left:12px;right:12px;top:0;border-top:3px solid transparent;border-radius:999px;}
.nsfcenit-scope .nsfcenit-market-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.1);}
.nsfcenit-scope .nsfcenit-market-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.nsfcenit-scope .nsfcenit-market-title{text-align:left;font-size:12px;font-weight:900;letter-spacing:.08em;}
.nsfcenit-scope .nsfcenit-market-value{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:0;}
.nsfcenit-scope .nsfcenit-market-meta{justify-content:flex-start;font-size:12px;margin-top:8px;}
.nsfcenit-scope .nsfcenit-market-arrow.is-down,.nsfcenit-scope .nsfcenit-market-meta.is-down{color:#111;}
.nsfcenit-scope .nsfcenit-market-arrow.is-up,.nsfcenit-scope .nsfcenit-market-meta.is-up{color:#148a4f;}
.nsfcenit-scope .nsfcenit-market-source{margin-top:8px;}
.nsfcenit-scope .nsfcenit-market-source:before,.nsfcenit-scope .nsfcenit-market-source:after{max-width:180px;}

.nsfcenit-scope .nsfcenit-brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.nsfcenit-scope .nsfcenit-brand-tiles .brand-tile{min-height:0;text-decoration:none;transition:transform .18s ease,filter .18s ease;}
.nsfcenit-scope .nsfcenit-brand-tiles .brand-tile:hover{transform:translateY(-2px);filter:saturate(1.1) brightness(1.03);}

.elementor-editor-active .nsfcenit-scope .nsfcenit-dynamic-grid,
.elementor-editor-active .nsfcenit-scope .nsfcenit-dynamic-card,
.elementor-editor-active .nsfcenit-scope .nsfcenit-dynamic-img{transition:none!important;}
@media(max-width:767px){
  .nsfcenit-scope .nsfcenit-market-track .nsfcenit-market-card{flex-basis:72vw;}
  .nsfcenit-scope .nsfcenit-market-card{min-height:96px;}
  .nsfcenit-scope .nsfcenit-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* v1.2: FontAwesome frontend fallback + market sidebar/tape */
.nsfcenit-scope .share-btn .fa-fallback,
.nsfcenit-scope .share-save .fa-fallback{width:16px;height:16px;fill:currentColor;display:none;}
.nsfcenit-scope .share-btn i:empty + .fa-fallback,
.nsfcenit-scope .share-save i:empty + .fa-fallback{display:block;}
.nsfcenit-scope .share-btn i[class*="fa-"],
.nsfcenit-scope .share-save i[class*="fa-"]{font-style:normal;}
.nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-grid{grid-template-columns:1fr!important;gap:10px;}
.nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-card{min-height:74px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"top value" "meta value";align-items:center;text-align:left;padding:12px 14px;}
.nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-top{grid-area:top;margin:0;justify-content:flex-start;}
.nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-value{grid-area:value;font-size:26px;text-align:right;margin-left:10px;white-space:nowrap;}
.nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-meta{grid-area:meta;margin-top:4px;}
.nsfcenit-scope .nsfcenit-market-tape{overflow:hidden;width:100%;position:relative;padding:4px 0 10px;}
.nsfcenit-scope .nsfcenit-market-tape:before,.nsfcenit-scope .nsfcenit-market-tape:after{content:"";position:absolute;top:0;bottom:0;width:42px;z-index:2;pointer-events:none;}
.nsfcenit-scope .nsfcenit-market-tape:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.nsfcenit-scope .nsfcenit-market-tape:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
.nsfcenit-scope .nsfcenit-market-tape-inner{display:flex;gap:10px;width:max-content;animation:nsfcenitMarketTape var(--nsfcenit-ticker-speed,28s) linear infinite;}
.nsfcenit-scope .nsfcenit-market-tape.is-pausable:hover .nsfcenit-market-tape-inner{animation-play-state:paused;}
.nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-card{flex:0 0 auto;min-width:220px;min-height:62px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:12px;text-align:left;padding:10px 14px;box-shadow:none;border-radius:999px;}
.nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-card::before{display:none;}
.nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-top{width:auto;margin:0;gap:6px;}
.nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-value{font-size:22px;margin:0;white-space:nowrap;}
.nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-meta{margin:0;font-size:12px;white-space:nowrap;}
@keyframes nsfcenitMarketTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){
  .nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-card{grid-template-columns:1fr;grid-template-areas:"top" "value" "meta";}
  .nsfcenit-scope .nsfcenit-market-layout-sidebar_grid .nsfcenit-market-value{text-align:left;margin-left:0;font-size:24px;}
  .nsfcenit-scope .nsfcenit-market-tape .nsfcenit-market-card{min-width:190px;}
}

/* v1.3.0 - Search results and category grid widgets */
.nsfcenit-scope.nsfcenit-search-results .nsfcenit-search-title{
  font-family: var(--f-sans, Arial, sans-serif);
  font-size: clamp(30px, 4vw, 56px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.03em;
  margin: 34px 0 28px;
  color: var(--c-text, #1a1a1a);
}
.nsfcenit-search-list{display:grid; gap:20px; margin:0 0 34px;}
.nsfcenit-search-list.layout-list{display:flex; flex-direction:column;}
.nsfcenit-search-list.layout-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr));}
.nsfcenit-search-item{border-bottom:1px solid var(--c-line,#e6e6e6); padding:0 0 20px;}
.nsfcenit-search-item.layout-list{display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:22px; align-items:center;}
.nsfcenit-search-item.layout-grid{display:block;}
.nsfcenit-search-kicker{display:block; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin:0 0 7px; color:var(--c-red,#d6202b);}
.nsfcenit-search-item-title{font-size:clamp(20px, 2.1vw, 31px); line-height:1.12; font-weight:850; letter-spacing:-.035em; margin:0;}
.nsfcenit-search-list.layout-grid .nsfcenit-search-item-title{font-size:20px;}
.nsfcenit-search-excerpt{font-size:16px; line-height:1.45; color:#555; margin:10px 0 0;}
.nsfcenit-search-meta{font-size:13px; color:#999; margin:11px 0 0;}
.nsfcenit-search-img{display:block; width:100%; aspect-ratio:1/1; overflow:hidden; background:#eee;}
.nsfcenit-search-img img,.nsfcenit-search-img .nsfcenit-dynamic-placeholder{width:100%; height:100%; display:block; object-fit:cover; object-position:center;}
.nsfcenit-search-pagination{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:28px 0;}
.nsfcenit-search-pagination .page-numbers{min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--c-line,#e6e6e6); border-radius:999px; padding:0 12px; font-weight:800;}
.nsfcenit-search-pagination .current{background:var(--c-red,#d6202b); color:#fff; border-color:var(--c-red,#d6202b);}
.nsfcenit-search-empty{font-size:18px; color:#666;}

.nsfcenit-category-grid-posts .nsfcenit-cat-grid-header{margin:0 0 24px; padding:0 0 14px; border-bottom:3px solid var(--c-red,#d6202b);}
.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title{font-size:clamp(28px,4vw,54px); line-height:1; font-weight:900; text-transform:uppercase; letter-spacing:-.04em; margin:0; color:var(--c-red,#d6202b);}
.nsfcenit-category-grid-posts .nsfcenit-cat-grid-desc{font-size:17px; line-height:1.45; color:#555; max-width:760px; margin:12px 0 0;}
.nsfcenit-category-grid-posts .posts-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:0;}
.nsfcenit-category-grid-posts .post-card-img{width:100%; aspect-ratio:4/3; overflow:hidden; background:#eee;}
.nsfcenit-category-grid-posts .post-card-img img{width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.nsfcenit-category-grid-posts .post-card-body{padding-top:12px;}
.nsfcenit-category-grid-posts .post-card-kicker{display:inline; font-weight:900; color:var(--c-red,#d6202b); text-transform:uppercase; margin-right:7px;}
.nsfcenit-category-grid-posts .post-card-title{display:inline; font-weight:850; line-height:1.16; letter-spacing:-.025em; margin:0; font-size:20px;}
.nsfcenit-category-grid-posts .post-card-excerpt{font-size:15px; line-height:1.45; color:#555; margin:9px 0 0;}
.nsfcenit-category-grid-posts .post-card-date{display:block; font-size:13px; color:#999; margin-top:10px;}
.nsfcenit-category-grid-posts .post-card.feat{grid-column:1 / -1; display:grid; grid-template-columns:1.25fr 1fr; gap:28px; align-items:center; border-bottom:1px solid var(--c-line,#e6e6e6); padding-bottom:28px;}
.nsfcenit-category-grid-posts .post-card.feat .post-card-title{font-size:clamp(28px,3.4vw,48px);}
.nsfcenit-category-grid-posts .post-card.feat .post-card-img{aspect-ratio:16/10;}

@media (max-width: 767px){
  .nsfcenit-search-item.layout-list{grid-template-columns:1fr 112px; gap:14px; align-items:start;}
  .nsfcenit-search-list.layout-grid{grid-template-columns:1fr!important;}
  .nsfcenit-search-item-title{font-size:20px;}
  .nsfcenit-search-excerpt{font-size:15px;}
  .nsfcenit-category-grid-posts .posts-grid{grid-template-columns:1fr!important;}
  .nsfcenit-category-grid-posts .post-card.feat{display:block;}
  .nsfcenit-category-grid-posts .post-card.feat .post-card-title{font-size:26px;}
}


/* ============================================================
   v1.3.1 - Responsive/editor fixes
   Estos ajustes evitan que reglas mobile hardcodeadas pisen los controles responsive de Elementor.
   ============================================================ */
.nsfcenit-scope .brand-logo-img{display:block;height:auto;max-width:100%;object-fit:contain;}
.elementor-editor-active .nsfcenit-scope *{box-sizing:border-box;}
.elementor-editor-active .nsfcenit-scope .site-header{position:relative;}
.nsfcenit-scope .card-img-real,
.nsfcenit-scope .post-card-img img,
.nsfcenit-scope .nsfcenit-dynamic-img img,
.nsfcenit-scope .hero-img-real{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.nsfcenit-scope .card > a:first-child{display:block;aspect-ratio:var(--nsfcenit-grid-ratio,1/1);overflow:hidden;}
.nsfcenit-scope .card > a:first-child .card-img-real{aspect-ratio:unset;}
@media (max-width: 767px){
  .nsfcenit-scope.nsfcenit-header-widget .site-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;}
  .nsfcenit-scope.nsfcenit-header-widget .brand{min-width:0;}
  .nsfcenit-scope.nsfcenit-header-widget .brand-logo{font-size:clamp(30px,12vw,52px);white-space:nowrap;}
  .nsfcenit-scope.nsfcenit-header-widget .brand-logo-img{max-height:56px;width:auto;max-width:min(54vw,240px);}
  .nsfcenit-scope.nsfcenit-header-widget .header-date,
  .nsfcenit-scope.nsfcenit-header-widget .club-pill{display:none;}
  .nsfcenit-scope.nsfcenit-header-widget .header-icons{gap:4px;}
  .nsfcenit-scope.nsfcenit-header-widget .header-icon-btn{width:40px;height:40px;}
  .nsfcenit-scope .nsfcenit-dynamic-grid,
  .nsfcenit-scope .nsfcenit-dynamic-big-right{grid-template-columns:1fr;}
  .nsfcenit-scope .nsfcenit-dynamic-side{grid-template-columns:1fr;}
  .nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{padding:14px;}
  .nsfcenit-scope .nsfcenit-dynamic-main .nsfcenit-dynamic-title{font-size:clamp(26px,8vw,38px);}
  .nsfcenit-scope .nsfcenit-dynamic-side .nsfcenit-dynamic-title{font-size:clamp(18px,6vw,24px);}
}

/* v1.3.3 fixes: Hero Noticias multi-post, share SVG icons and responsive preview */
.nsfcenit-scope .nsfcenit-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);
  align-items:stretch;
  gap:24px;
}
.nsfcenit-scope .nsfcenit-hero-secondary-bottom .nsfcenit-hero-grid{
  grid-template-columns:1fr;
}
.nsfcenit-scope .nsfcenit-hero-main,
.nsfcenit-scope .nsfcenit-hero-side-card{
  position:relative;
  overflow:hidden;
  min-width:0;
}
.nsfcenit-scope .nsfcenit-hero-main-media,
.nsfcenit-scope .nsfcenit-hero-main-media img,
.nsfcenit-scope .nsfcenit-hero-side-media,
.nsfcenit-scope .nsfcenit-hero-side-media img,
.nsfcenit-scope .hero-img-real{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.nsfcenit-scope .nsfcenit-hero-main-media-link,
.nsfcenit-scope .nsfcenit-hero-side-media-link{
  display:block;
  overflow:hidden;
  background:#ddd;
}
.nsfcenit-scope .nsfcenit-hero-main-content{
  padding:16px 0 0;
}
.nsfcenit-scope .nsfcenit-hero-main-title{
  font-size:clamp(28px,4vw,54px);
  line-height:1.06;
  font-weight:900;
  margin:0 0 14px;
  letter-spacing:-.04em;
}
.nsfcenit-scope .nsfcenit-hero-side{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  min-width:0;
}
.nsfcenit-scope .nsfcenit-hero-secondary-bottom .nsfcenit-hero-side{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.nsfcenit-scope .nsfcenit-hero-side-title{
  font-size:clamp(18px,2vw,28px);
  line-height:1.08;
  font-weight:900;
  margin:10px 0 0;
  letter-spacing:-.02em;
}
.nsfcenit-scope .share-btn svg,
.nsfcenit-scope .share-save svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
}
.nsfcenit-scope .share-save svg{
  margin-right:7px;
}
.nsfcenit-scope .note-breadcrumb .sep{ color:#999; margin:0 6px; }
.nsfcenit-scope .note-breadcrumb .current{ color:#999; }
@media (max-width:767px){
  .nsfcenit-scope .nsfcenit-hero-grid,
  .nsfcenit-scope .nsfcenit-hero-secondary-bottom .nsfcenit-hero-grid{
    grid-template-columns:1fr;
  }
  .nsfcenit-scope .nsfcenit-hero-side{
    grid-template-columns:1fr;
  }
  .nsfcenit-scope .nsfcenit-hero-side-card{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:12px;
    align-items:center;
  }
  .nsfcenit-scope .nsfcenit-hero-side-title{
    margin:0;
    font-size:17px;
  }
}

/* v1.3.5 fixes: dynamic news mobile + footer socials in columns */
.nsfcenit-scope .nsfcenit-dynamic-news{width:100%;max-width:100%;overflow:hidden;}
.nsfcenit-scope .nsfcenit-dynamic-grid{display:grid;grid-template-columns:minmax(0,66%) minmax(0,1fr);align-items:stretch;}
.nsfcenit-scope .nsfcenit-dynamic-grid.is-reverse .nsfcenit-dynamic-main{order:2;}
.nsfcenit-scope .nsfcenit-dynamic-grid.is-reverse .nsfcenit-dynamic-side{order:1;}
.nsfcenit-scope .nsfcenit-dynamic-side{display:grid;grid-template-columns:1fr;gap:inherit;min-width:0;}
.nsfcenit-scope .nsfcenit-dynamic-card{position:relative;min-width:0;overflow:hidden;}
.nsfcenit-scope .nsfcenit-dynamic-img{display:block;position:relative;overflow:hidden;background:#eee;width:100%;}
.nsfcenit-scope .nsfcenit-dynamic-img img,.nsfcenit-scope .nsfcenit-dynamic-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.62) 100%);}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,3vw,32px);color:#fff;}
.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-title,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-title a,.nsfcenit-scope .nsfcenit-dynamic-overlay .nsfcenit-dynamic-excerpt{color:#fff;}
.nsfcenit-scope .nsfcenit-dynamic-title{font-weight:900;line-height:1.08;margin:0;}
.nsfcenit-scope .nsfcenit-dynamic-main .nsfcenit-dynamic-title{font-size:clamp(30px,4.2vw,56px);}
.nsfcenit-scope .nsfcenit-dynamic-side .nsfcenit-dynamic-title{font-size:clamp(18px,1.8vw,26px);}
.nsfcenit-scope .nsfcenit-dynamic-excerpt{margin-top:10px;font-size:clamp(15px,1.5vw,19px);line-height:1.45;}
.nsfcenit-scope .footer-socials-inline{justify-content:flex-start;flex-wrap:wrap;margin-top:8px;}

@media (max-width: 767px){
  .nsfcenit-scope .nsfcenit-dynamic-grid,.nsfcenit-scope .nsfcenit-dynamic-grid.is-reverse{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  .nsfcenit-scope .nsfcenit-dynamic-grid.is-reverse .nsfcenit-dynamic-main,.nsfcenit-scope .nsfcenit-dynamic-grid.is-reverse .nsfcenit-dynamic-side{order:initial;}
  .nsfcenit-scope .nsfcenit-dynamic-side{gap:16px!important;}
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="1"] [data-mobile-index]:nth-of-type(n+2),
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="2"] [data-mobile-index]:nth-of-type(n+3),
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="3"] [data-mobile-index]:nth-of-type(n+4),
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="4"] [data-mobile-index]:nth-of-type(n+5),
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="5"] [data-mobile-index]:nth-of-type(n+6),
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-visible="6"] [data-mobile-index]:nth-of-type(n+7){display:none!important;}
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-text-below="1"] .nsfcenit-dynamic-content{position:static!important;padding:10px 0 0!important;color:var(--c-text)!important;background:transparent!important;}
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-text-below="1"] .nsfcenit-dynamic-title,
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-text-below="1"] .nsfcenit-dynamic-title a,
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-text-below="1"] .nsfcenit-dynamic-excerpt{color:var(--c-text)!important;}
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-text-below="1"] .nsfcenit-dynamic-img::after{display:none!important;}
  .nsfcenit-scope .nsfcenit-dynamic-main .nsfcenit-dynamic-title{font-size:28px!important;line-height:1.1!important;}
  .nsfcenit-scope .nsfcenit-dynamic-side .nsfcenit-dynamic-title{font-size:18px!important;line-height:1.15!important;}
  .nsfcenit-scope .nsfcenit-dynamic-main .nsfcenit-dynamic-img{aspect-ratio:16/10!important;}
  .nsfcenit-scope .nsfcenit-dynamic-side .nsfcenit-dynamic-img{aspect-ratio:4/3!important;}
  .nsfcenit-scope .nsfcenit-dynamic-news[data-mobile-hide-excerpt="1"] .nsfcenit-dynamic-excerpt{display:none!important;}
  .nsfcenit-scope .nsfcenit-dynamic-mobile-two .nsfcenit-dynamic-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .nsfcenit-scope .nsfcenit-dynamic-mobile-compact .nsfcenit-dynamic-side-card{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;}
  .nsfcenit-scope .nsfcenit-dynamic-mobile-compact .nsfcenit-dynamic-side-card .nsfcenit-dynamic-img{aspect-ratio:1/1!important;}
}


/* ============================================================
   SKIN Cenit — generado para paquete independiente.
   Layout con logo central, cards con sombra, bajadas amplias y botón en vivo destacado.
   No incluye logos, imágenes ni assets propietarios de medios reales.
   ============================================================ */
.nsfcenit-scope{
  --c-red:#0b3b69;
  --c-red-live:#ff5b2e;
  --c-yellow:#ff5b2e;
  --c-bg-dark:#072a4a;
  --c-bg-alt:#f7f7f7;
  --f-sans:Arial, "Helvetica Neue", Helvetica, sans-serif;
  --f-serif:Georgia, "Times New Roman", serif;
}
.nsfcenit-scope .brand-logo{letter-spacing:-.04em;}
.nsfcenit-scope .post-card-title, .nsfcenit-scope .card-title, .nsfcenit-scope .hero-title, .nsfcenit-scope .note-title{text-wrap:balance;}
.nsfcenit-scope .site-header{z-index:50;}
.nsfcenit-scope .card-img-real, .nsfcenit-scope .post-card-img img{object-fit:cover;}

.nsfcenit-scope{background:#fff;color:#051f3a;}
.nsfcenit-scope .site-header{background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.07);}
.nsfcenit-scope .site-header-inner{grid-template-columns:1fr auto 1fr;min-height:74px;}
.nsfcenit-scope .brand-logo{font-family:var(--f-serif);font-weight:900;color:#0b3b69;font-size:clamp(40px,6vw,64px);}
.nsfcenit-scope .brand-logo::first-letter{color:#ff5b2e;}
.nsfcenit-scope .brand-slogan{display:none;}
.nsfcenit-scope .live-pill{background:#ff5b2e;color:#fff;border-radius:999px;box-shadow:0 6px 16px rgba(255,91,46,.26);}
.nsfcenit-scope .cat-bar{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.nsfcenit-scope .cat-bar h1{color:#0b3b69;font-family:var(--f-serif);font-weight:900;text-align:center;}
.nsfcenit-scope .posts-grid{gap:22px;background:#fff;}
@media(min-width:900px){.nsfcenit-scope .posts-grid{grid-template-columns:2fr 1fr 1fr;}.nsfcenit-scope .posts-grid>.post-card.feat{grid-column:span 2;}}
.nsfcenit-scope .post-card{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.nsfcenit-scope .post-card-body{padding:14px 16px 18px;}
.nsfcenit-scope .post-card-kicker{font-size:11px;color:#0b3b69;font-family:var(--f-sans);font-weight:900;}
.nsfcenit-scope .post-card-title{font-family:var(--f-serif);font-weight:800;line-height:1.12;color:#071d33;}
.nsfcenit-scope .section-title{font-family:var(--f-serif);font-weight:900;text-align:center;color:#0b3b69;}
.nsfcenit-scope .section-title::after{content:"";display:block;width:100px;height:2px;background:#0b3b69;margin:10px auto 0;}
.nsfcenit-scope .nsfcenit-market-ticker{background:#f4f4f4;padding:8px;}
.nsfcenit-scope .footer-top{background:#ff5b2e;}
.nsfcenit-scope .footer{background:#0b3b69;}



/* ============================================================
   V2 Layouts: estructuras distintas por medio de referencia.
   Mantiene widgets/shortcodes originales; sólo redefine maqueta y skin visual.
   ============================================================ */
.nsfcenit-scope .nsf-v2 { --v2-accent:#073863; --v2-accent2:#ff6333; --v2-dark:#062540; --v2-line:#e6e6e6; --v2-muted:#6b7280; background:#fff; color:#141414; font-family:Arial,Helvetica,sans-serif; }
.nsfcenit-scope .nsf-v2 a{color:inherit;text-decoration:none}
.nsfcenit-scope .nsf-v2 .container{max-width:1180px;margin:0 auto;padding-inline:18px}
.nsfcenit-scope .nsf-v2-header{background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid var(--v2-line)}
.nsfcenit-scope .nsf-v2-header-inner{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.nsfcenit-scope .nsf-v2-header-left{display:flex;gap:10px;align-items:center}
.nsfcenit-scope .nsf-v2-header-right{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.nsfcenit-scope .nsf-v2 .header-icon-btn{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;color:inherit;cursor:pointer}
.nsfcenit-scope .nsf-v2 .header-icon-btn svg{width:23px;height:23px;fill:currentColor}
.nsfcenit-scope .nsf-v2-live{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--v2-accent);color:#fff;padding:8px 13px;font-size:12px;font-weight:800;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.nsfcenit-scope .nsf-v2-live span{width:8px;height:8px;border-radius:99px;background:var(--v2-accent2)}
.nsfcenit-scope .nsf-v2-nav{border-bottom:1px solid var(--v2-line);background:#fff}
.nsfcenit-scope .nsf-v2-nav .container{display:flex;align-items:center;gap:22px;overflow:auto;min-height:42px;white-space:nowrap;font-size:13px;font-weight:700}
.nsfcenit-scope .nsf-v2-ad{margin:18px auto;background:#f0f0f0;border:1px solid #e0e0e0;min-height:78px;display:grid;place-items:center;text-align:center;color:#6b7280}
.nsfcenit-scope .nsf-v2-ad span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#999}
.nsfcenit-scope .nsf-v2-ad strong{font-size:15px;color:#777}
.nsfcenit-scope .nsf-v2-bigad{min-height:140px}
.nsfcenit-scope .nsf-v2-img{position:relative;width:100%;aspect-ratio:16/10;background:#ddd;overflow:hidden}
.nsfcenit-scope .nsf-v2-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 32%),linear-gradient(to top,rgba(0,0,0,.22),transparent 50%)}
.nsfcenit-scope .nsf-v2-img-1{background:linear-gradient(135deg,#485563,#29323c)}
.nsfcenit-scope .nsf-v2-img-2{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}
.nsfcenit-scope .nsf-v2-img-3{background:linear-gradient(135deg,#134e5e,#71b280)}
.nsfcenit-scope .nsf-v2-img-4{background:linear-gradient(135deg,#614385,#516395)}
.nsfcenit-scope .nsf-v2-img-5{background:linear-gradient(135deg,#141e30,#243b55)}
.nsfcenit-scope .nsf-v2-img-6{background:linear-gradient(135deg,#c31432,#240b36)}
.nsfcenit-scope .nsf-v2-img-7{background:linear-gradient(135deg,#5a3e2b,#c4a777)}
.nsfcenit-scope .nsf-v2-img-8{background:linear-gradient(135deg,#355c7d,#6c5b7b)}
.nsfcenit-scope .nsf-v2-img-9{background:linear-gradient(135deg,#2c3e50,#4ca1af)}
.nsfcenit-scope .nsf-v2-img-10{background:linear-gradient(135deg,#ff512f,#f09819)}
.nsfcenit-scope .nsf-v2-img-11{background:linear-gradient(135deg,#283c86,#45a247)}
.nsfcenit-scope .nsf-v2-img-12{background:linear-gradient(135deg,#16222a,#3a6073)}
.nsfcenit-scope .nsf-v2-img-13{background:linear-gradient(135deg,#7b4397,#dc2430)}
.nsfcenit-scope .nsf-v2-kicker{display:inline-block;margin:10px 0 6px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:var(--v2-accent)}
.nsfcenit-scope .nsf-v2-card h3{font-size:20px;line-height:1.12;margin:0 0 8px;font-weight:800;text-wrap:balance}
.nsfcenit-scope .nsf-v2-card p{margin:0;color:var(--v2-muted);font-size:12px;line-height:1.35}
.nsfcenit-scope .nsf-v2-grid-2,.nsfcenit-scope .nsf-v2-grid-3,.nsfcenit-scope .nsf-v2-grid-4,.nsfcenit-scope .nsf-v2-mini-grid{display:grid;gap:18px}
.nsfcenit-scope .nsf-v2-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nsfcenit-scope .nsf-v2-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nsfcenit-scope .nsf-v2-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.nsfcenit-scope .nsf-v2-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.nsfcenit-scope .nsf-v2-section-grid,.nsfcenit-scope .nsf-v2-related{padding:28px 0}
.nsfcenit-scope .nsf-v2-note-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:46px;padding:38px 0}
.nsfcenit-scope .nsf-v2-breadcrumb{font-size:12px;color:var(--v2-muted);margin-bottom:14px}
.nsfcenit-scope .nsf-v2-note-main h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:8px 0 14px;text-wrap:balance}
.nsfcenit-scope .nsf-v2-lead{font-size:20px;line-height:1.4;color:#4b5563}
.nsfcenit-scope .nsf-v2-author{font-size:13px;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);padding:12px 0;margin:18px 0;color:#555}
.nsfcenit-scope .nsf-v2-note-photo{margin:22px 0;aspect-ratio:16/9}
.nsfcenit-scope .nsf-v2-note-main p{font-size:18px;line-height:1.72}
.nsfcenit-scope .nsf-v2-note-main blockquote{margin:30px 0;padding:20px 24px;border-left:5px solid var(--v2-accent);font-size:24px;line-height:1.3;font-weight:700;background:#fafafa}
.nsfcenit-scope .nsf-v2-note-side{position:sticky;top:94px;align-self:start;border-top:4px solid var(--v2-accent);padding-top:12px}
.nsfcenit-scope .nsf-v2-note-side h3{margin:0 0 10px;font-size:18px;text-transform:uppercase}
.nsfcenit-scope .nsf-v2-note-side ol{padding-left:22px;margin:0}
.nsfcenit-scope .nsf-v2-note-side li{padding:10px 0;border-bottom:1px solid var(--v2-line);font-weight:700}
.nsfcenit-scope .nsf-v2-boxad{height:250px;margin-top:22px;background:#eee;display:grid;place-items:center;color:#999}
.nsfcenit-scope .nsf-v2-footer{margin-top:36px;padding:28px 0;background:var(--v2-dark);color:#fff}
.nsfcenit-scope .nsf-v2-footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.nsfcenit-scope .nsf-v2 .drawer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 24px 22px}
.nsfcenit-scope .nsf-v2 .drawer-list a{padding:15px 0;border-bottom:1px solid #eee;font-weight:800}
@media(max-width:900px){
 .nsfcenit-scope .nsf-v2-header-inner{min-height:62px}
 .nsfcenit-scope .nsf-v2-header-right .nsf-v2-date,.nsfcenit-scope .nsf-v2-subscribe{display:none}
 .nsfcenit-scope .nsf-v2-grid-4{grid-template-columns:repeat(2,1fr)}
 .nsfcenit-scope .nsf-v2-grid-3,.nsfcenit-scope .nsf-v2-grid-2,.nsfcenit-scope .nsf-v2-mini-grid{grid-template-columns:1fr}
 .nsfcenit-scope .nsf-v2-note-layout{grid-template-columns:1fr}
 .nsfcenit-scope .nsf-v2-note-side{position:static}
}

.nsfcenit-scope .nsf-v2-cenit{--v2-accent:#073863;--v2-accent2:#ff6333;background:#fff;color:#072846;font-family:Georgia,"Times New Roman",serif}
.nsfcenit-scope .nsf-v2-cenit .nsf-v2-header{box-shadow:0 3px 12px rgba(0,0,0,.08);border-bottom:1px solid #eee}
.nsfcenit-scope .nsf-v2-logo-ed{font-size:clamp(40px,6vw,66px);font-weight:900;letter-spacing:-.08em;line-height:1}
.nsfcenit-scope .nsf-v2-logo-ed span{color:#ff6333}
.nsfcenit-scope .nsf-v2-logo-ed strong{color:#073863}
.nsfcenit-scope .nsf-v2-market{margin-top:18px;background:#f3f3f3;display:flex;gap:18px;overflow:auto;white-space:nowrap;font:11px Arial;color:#333;padding-block:8px}
.nsfcenit-scope .nsf-v2-bluead{background:#d8ecfb;border-color:#b7d6eb;color:#073863;min-height:116px}
.nsfcenit-scope .nsf-v2-bluead strong{font-size:28px;color:#073863}
.nsfcenit-scope .nsf-v2-ed-hero{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding-top:22px}
.nsfcenit-scope .nsf-v2-ed-main,.nsfcenit-scope .nsf-v2-cenit .nsf-v2-card{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.14)}
.nsfcenit-scope .nsf-v2-ed-main h1{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 18px 8px;font-weight:900}
.nsfcenit-scope .nsf-v2-ed-main p,.nsfcenit-scope .nsf-v2-ed-main .nsf-v2-kicker{margin-left:18px;margin-right:18px}
.nsfcenit-scope .nsf-v2-ed-side{display:grid;gap:22px}
.nsfcenit-scope .nsf-v2-cenit .nsf-v2-card{padding-bottom:12px}
.nsfcenit-scope .nsf-v2-cenit .nsf-v2-card h3,.nsfcenit-scope .nsf-v2-cenit .nsf-v2-card p,.nsfcenit-scope .nsf-v2-cenit .nsf-v2-card .nsf-v2-kicker{margin-left:12px;margin-right:12px}
.nsfcenit-scope .nsf-v2-cenit .nsf-v2-kicker{color:#073863;font-family:Arial;font-weight:900}
.nsfcenit-scope .nsf-v2-ed-cards,.nsfcenit-scope .nsf-v2-ed-section{padding:26px 18px}
.nsfcenit-scope .nsf-v2-ed-section>h2{text-align:center;color:#073863;font-size:30px;margin:6px 0 24px;text-transform:uppercase}
.nsfcenit-scope .nsf-v2-ed-section>h2:after{content:"";display:block;width:110px;height:2px;background:#073863;margin:8px auto 0}
.nsfcenit-scope .nsf-v2-ed-world{display:grid;grid-template-columns:1fr 2fr 1fr;gap:22px;align-items:start}
.nsfcenit-scope .nsf-v2-ed-world .big h3{font-size:30px}
@media(max-width:900px){.nsfcenit-scope .nsf-v2-ed-hero,.nsfcenit-scope .nsf-v2-ed-world{grid-template-columns:1fr}}

/* ── CENIT: Layout tabloide agresivo ─────────────────────────── */
.nsfcenit-scope .dual-grid{
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  background: var(--c-line);
}
.nsfcenit-scope .dual-grid .card{
  background: #fff;
  padding: 10px 10px 14px;
}
.nsfcenit-scope .dual-grid .card-img{
  aspect-ratio: 3 / 2;
  margin-bottom: 8px;
}
.nsfcenit-scope .dual-grid .card-title{
  font-size: 19px;
  font-weight: 900;
  line-height: 1.1;
}
.nsfcenit-scope .card-title{
  font-weight: 900;
}
.nsfcenit-scope .card-img{
  border-radius: 0;
}
.nsfcenit-scope .hero-img{
  aspect-ratio: 21 / 9;
}
.nsfcenit-scope .hero-title{
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.nsfcenit-scope .section-title{
  padding: 5px 16px;
}
.nsfcenit-scope .cat-item{
  grid-template-columns: 1fr 130px;
  border-left: 4px solid var(--c-red);
  padding-left: 12px;
}

/* ═══════════════════════════════════════════════════════════════
   WIDGET CSS BASE — clases propias de los widgets
   ═══════════════════════════════════════════════════════════════ */

/* Hero grid: layout 2 col (main grande + side) */
.nsfcenit-scope .nsfcenit-hero-grid{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  padding: 16px 0 24px;
  align-items: start;
}
.nsfcenit-scope .nsfcenit-hero-main-media,
.nsfcenit-scope .nsfcenit-hero-main-media.wp-post-image{
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
}
.nsfcenit-scope .nsfcenit-hero-main-content{
  padding: 12px 0 0;
}
.nsfcenit-scope .nsfcenit-hero-main-title{
  font-size: 26px;
  font-weight: 800;
  line-height: 1.18;
  color: var(--c-text);
  margin-bottom: 8px;
}
.nsfcenit-scope .nsfcenit-hero-main-title a{
  color: inherit;
}
.nsfcenit-scope .nsfcenit-hero-main-title a:hover{
  color: var(--c-red);
}
.nsfcenit-scope .nsfcenit-hero-side{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nsfcenit-scope .nsfcenit-hero-side-card{
  display: block;
}
.nsfcenit-scope .nsfcenit-hero-side-media,
.nsfcenit-scope .nsfcenit-hero-side-media.wp-post-image{
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  margin-bottom: 8px;
}
.nsfcenit-scope .nsfcenit-hero-side-title{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-text);
}
.nsfcenit-scope .nsfcenit-hero-side-title a{
  color: inherit;
}
.nsfcenit-scope .nsfcenit-hero-side-title a:hover{
  color: var(--c-red);
}

/* News row: 4 columnas horizontales */
.nsfcenit-scope .nsfcenit-news-row-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 8px 0 20px;
}
.nsfcenit-scope .nsfcenit-news-row-card{
  display: block;
}
.nsfcenit-scope .nsfcenit-news-row-img,
.nsfcenit-scope .nsfcenit-news-row-img.wp-post-image{
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  margin-bottom: 8px;
}
.nsfcenit-scope .nsfcenit-news-row-title{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-text);
  margin-bottom: 4px;
}
.nsfcenit-scope .nsfcenit-news-row-title a{
  color: inherit;
}
.nsfcenit-scope .nsfcenit-news-row-title a:hover{
  color: var(--c-red);
}
.nsfcenit-scope .nsfcenit-news-row-author{
  font-size: 12px;
  color: var(--c-meta);
}

/* Dynamic news block: main + side */
.nsfcenit-scope .nsfcenit-dynamic-content{
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  padding: 8px 0 20px;
  align-items: start;
}
.nsfcenit-scope .nsfcenit-dynamic-img,
.nsfcenit-scope .nsfcenit-dynamic-img.wp-post-image{
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  margin-bottom: 10px;
}
.nsfcenit-scope .nsfcenit-dynamic-title{
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--c-text);
  margin-bottom: 8px;
}
.nsfcenit-scope .nsfcenit-dynamic-title a{ color: inherit; }
.nsfcenit-scope .nsfcenit-dynamic-title a:hover{ color: var(--c-red); }
.nsfcenit-scope .nsfcenit-dynamic-excerpt{
  font-size: 14px;
  color: var(--c-text-soft);
  line-height: 1.5;
}
.nsfcenit-scope .nsfcenit-dynamic-section-title{
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c-red);
  margin-bottom: 14px;
  border-bottom: 2px solid var(--c-red);
  padding-bottom: 6px;
}
.nsfcenit-scope .nsfcenit-dynamic-side{
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-left: 2px solid var(--c-line);
  padding-left: 16px;
}

/* Feature split: imagen grande + texto */
.nsfcenit-scope .nsfcenit-feature-media,
.nsfcenit-scope .nsfcenit-feature-media.wp-post-image{
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  margin-bottom: 12px;
}
.nsfcenit-scope .nsfcenit-feature-title{
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  color: var(--c-text);
  margin-bottom: 10px;
}
.nsfcenit-scope .nsfcenit-feature-title a{ color: inherit; }
.nsfcenit-scope .nsfcenit-feature-title a:hover{ color: var(--c-red); }
.nsfcenit-scope .nsfcenit-feature-text{
  font-size: 15px;
  color: var(--c-text-soft);
  line-height: 1.55;
}

/* Latest box: lista compacta */
.nsfcenit-scope .nsfcenit-latest-box{
  padding: 4px 0 20px;
}
.nsfcenit-scope .nsfcenit-latest-head{
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c-red);
  margin-bottom: 14px;
  border-bottom: 2px solid var(--c-red);
  padding-bottom: 6px;
}
.nsfcenit-scope .nsfcenit-latest-list{
  display: flex;
  flex-direction: column;
  gap: 0;
}
.nsfcenit-scope .nsfcenit-latest-item-title{
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-text);
  padding: 12px 0;
  border-bottom: 1px solid var(--c-line);
}
.nsfcenit-scope .nsfcenit-latest-item-title:hover{ color: var(--c-red); }
.nsfcenit-scope .nsfcenit-latest-thumb,
.nsfcenit-scope .nsfcenit-latest-thumb.wp-post-image{
  width: 72px;
  height: 56px;
  object-fit: cover;
  flex-shrink: 0;
}
.nsfcenit-scope .nsfcenit-latest-text{
  flex: 1;
  font-size: 13px;
  line-height: 1.35;
  color: var(--c-text);
}

/* Footer main */
.nsfcenit-scope .nsfcenit-footer-main{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  padding: 20px 0;
}

/* Ad containers */
.nsfcenit-scope .nsfcenit-ad-wrap{
  text-align: center;
  padding: 14px 0;
  background: var(--c-bg-alt);
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
  margin: 20px 0;
}
.nsfcenit-scope .nsfcenit-ad-label{
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 8px;
  font-weight: 600;
}
.nsfcenit-scope .nsfcenit-ad-box{
  margin: 0 auto;
  background: repeating-linear-gradient(135deg, #ececec 0 14px, #f4f4f4 14px 28px);
  border: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
}

/* Cenit: hero 2 cols pegadas sin gap, imágenes 3:2, títulos enormes */
.nsfcenit-scope .nsfcenit-hero-grid{
  grid-template-columns: 3fr 2fr;
  gap: 3px;
  background: var(--c-line);
  padding: 0;
}
.nsfcenit-scope .nsfcenit-hero-main{
  background: #fff;
  padding-bottom: 12px;
}
.nsfcenit-scope .nsfcenit-hero-main-media{
  aspect-ratio: 3/2;
}
.nsfcenit-scope .nsfcenit-hero-main-content{
  padding: 10px 12px 0;
}
.nsfcenit-scope .nsfcenit-hero-main-title{
  font-size: 28px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: none;
}
.nsfcenit-scope .nsfcenit-hero-side{
  background: #fff;
  gap: 3px;
  padding: 0;
}
.nsfcenit-scope .nsfcenit-hero-side-card{
  background: #fff;
  padding-bottom: 10px;
}
.nsfcenit-scope .nsfcenit-hero-side-media{
  aspect-ratio: 3/2;
}
.nsfcenit-scope .nsfcenit-hero-side-title{
  font-weight: 900;
  font-size: 14px;
  padding: 8px 10px 0;
}
.nsfcenit-scope .nsfcenit-news-row-grid{
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  background: var(--c-line);
}
.nsfcenit-scope .nsfcenit-news-row-card{
  background: #fff;
  padding: 10px;
}


/* ============================================================
   CENIT · CAPA "8 BITS SOBRIOS" v2.0
   ------------------------------------------------------------
   Lenguaje de pixel art aplicado al ENVASE, no al contenido.

   La regla que ordena todo: las piezas de interfaz —etiquetas,
   marcos, separadores, el logo— hablan en 8 bits; los titulares
   y el cuerpo van en una grotesca normal y legible. Una bitmap
   en texto corrido es ilegible y volvería el sitio un juego en
   lugar de un portal de noticias. Ese contraste es lo que lo
   mantiene serio.

   Cuatro gestos, y nada más:
     1. Esquinas biseladas (clip-path), nunca redondeadas
     2. Retícula de 8px en todos los espacios
     3. Trama de damero para separadores y fotos faltantes
     4. Sombras duras sin desenfoque, desplazadas

   Paleta sobria de verdigrís: ningún otro plugin de la familia
   usa verde, y apagado no compite con la lectura.
   ============================================================ */

.nsfcenit-scope.nsfcenit-px,
.nsfcenit-px{
  --px-ink:      #191d1c;
  --px-paper:    #f3f2ee;
  --px-panel:    #e9e8e2;
  --px-slate:    #3d4a47;
  --px-accent:   #2f6f5e;
  --px-accent-l: #57a28b;
  --px-amber:    #b07d3a;
  --px-rule:     #c9c7bf;
  --px-rule-sft: #dedcd5;
  --px-muted:    #6b716d;

  --px-notch: 7px;    /* el bisel: la firma de la identidad */
  --px-step:  8px;    /* la retícula */

  --f-px-bit:  "Silkscreen", "Courier New", ui-monospace, monospace;
  --f-px-sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;

  --c-red:    #2f6f5e;
  --c-yellow: #b07d3a;
  --c-text:   #191d1c;
  --c-meta:   #6b716d;
  --c-line:   #c9c7bf;
  --c-bg-alt: #e9e8e2;

  color:var(--px-ink);
  font-family:var(--f-px-sans);
}

/* ── Primitiva 1: el bisel ──────────────────────────────────
   Un octógono de esquinas cortadas. Es lo que lee el ojo como
   "pixel" sin necesidad de dibujar la escalerita entera, y a
   diferencia de border-radius no suaviza nada: corta en recto. */
.nsfcenit-px .px-notch,
.nsfcenit-px .post-card-img,
.nsfcenit-px .nsfcenit-archive-img,
.nsfcenit-px .nsfcenit-dynamic-img,
.nsfcenit-px .nsfcenit-latest-thumb,
.nsfcenit-px .nsfcenit-news-row-img,
.nsfcenit-px .note-figure,
.nsfcenit-px.nsfcenit-grid-news .card > a:first-child{
  clip-path:polygon(
    var(--px-notch) 0, calc(100% - var(--px-notch)) 0,
    100% var(--px-notch), 100% calc(100% - var(--px-notch)),
    calc(100% - var(--px-notch)) 100%, var(--px-notch) 100%,
    0 calc(100% - var(--px-notch)), 0 var(--px-notch));
  border-radius:0;
  overflow:hidden;
  background:var(--px-panel);
}

/* ── Primitiva 2: la trama de damero ───────────────────────
   Un tablero de 6px resuelto con un degradado cónico repetido.
   Sirve de separador y de relleno cuando la nota no tiene foto:
   sin imagen, en vez de un gris plano queda una textura. */
.nsfcenit-px .px-dither{
  background-image:repeating-conic-gradient(
    var(--px-rule) 0% 25%, transparent 0% 50%);
  background-size:6px 6px;
}
.nsfcenit-px .card-img,
.nsfcenit-px .nsfcenit-dynamic-placeholder{
  background-color:var(--px-panel);
  background-image:repeating-conic-gradient(
    rgba(25,29,28,.09) 0% 25%, transparent 0% 50%);
  background-size:6px 6px;
}

/* ── Primitiva 3: etiquetas en bitmap ──────────────────────
   Secciones, fechas, firmas y numeraciones. Nunca texto corrido. */
.nsfcenit-px .post-card-kicker,
.nsfcenit-px .cat-kicker,
.nsfcenit-px .nsfcenit-archive-kicker,
.nsfcenit-px .cat-item .kicker,
.nsfcenit-px .card-byline,
.nsfcenit-px .post-card-date,
.nsfcenit-px .note-date,
.nsfcenit-px .author-name,
.nsfcenit-px .header-date,
.nsfcenit-px .brand-slogan,
.nsfcenit-px .note-breadcrumb,
.nsfcenit-px .nsfcenit-latest-head em,
.nsfcenit-px .nsfcenit-dynamic-meta,
.nsfcenit-px .nsfcenit-news-row-author,
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5,
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom{
  font-family:var(--f-px-bit);
  font-weight:400;
  font-style:normal;
  font-size:9.5px;
  line-height:1.6;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--px-muted);
}
.nsfcenit-px .post-card-kicker,
.nsfcenit-px .nsfcenit-archive-kicker,
.nsfcenit-px .cat-item .kicker,
.nsfcenit-px .cat-kicker{ color:var(--px-accent); }

/* ── Titulares: grotesca sólida, nada de bitmap ──────────── */
.nsfcenit-px .cat-title,
.nsfcenit-px .cat-item .card-title,
.nsfcenit-px .note-title,
.nsfcenit-px .note-body h2,
.nsfcenit-px .note-body h3,
.nsfcenit-px .nsfcenit-dynamic-title,
.nsfcenit-px .nsfcenit-latest-item-title,
.nsfcenit-px .nsfcenit-news-row-title,
.nsfcenit-px .nsfcenit-mostread-title,
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title,
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-title,
.nsfcenit-px.nsfcenit-grid-news .card-title,
.nsfcenit-px.nsfcenit-grid-news .section-title{
  font-family:var(--f-px-sans);
  font-style:normal;
  font-weight:800;
  letter-spacing:-.018em;
  line-height:1.1;
  text-transform:none;
  color:var(--px-ink);
}


/* ============================================================
   1. HEADER — placa de arranque
   Tira de damero arriba, el logo como bloque macizo biselado
   —un sprite, no un wordmark— y las secciones como PESTAÑAS.
   ============================================================ */
.nsfcenit-px .site-header{
  position:sticky; top:0; z-index:100;
  background:var(--px-paper);
  border-bottom:3px solid var(--px-ink);
}
/* El tema define su propio .site-header y le impone un ancho máximo;
   como el marcado del widget usa el mismo nombre de clase, se lo
   aplica creyendo que es el suyo. */
.nsfcenit-scope.nsfcenit-px .site-header,
.nsfcenit-scope.nsfcenit-px .site-header .site-header-inner{
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.nsfcenit-px .site-header::before{
  content:"";
  display:block;
  height:6px;
  background-image:repeating-conic-gradient(var(--px-accent) 0% 25%, transparent 0% 50%);
  background-size:6px 6px;
}
.nsfcenit-px.nsfcenit-header-widget .site-header-inner{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  grid-template-areas:
    "brand icons status"
    "nav   nav   nav";
  align-items:center;
  column-gap:16px;
  row-gap:0;
  height:auto;
  min-height:0;
  padding:16px 0 0;
}

/* El logo: bloque macizo en verdigrís, biselado, con sombra dura */
.nsfcenit-px .brand{
  grid-area:brand;
  justify-self:start;
  align-self:center;
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.nsfcenit-px .brand-logo{
  font-family:var(--f-px-bit);
  font-weight:700;
  font-size:clamp(15px,1.7vw,21px);
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--px-paper);
  background:var(--px-accent);
  padding:11px 14px 10px;
  box-shadow:4px 4px 0 var(--px-ink);
  clip-path:polygon(
    var(--px-notch) 0, calc(100% - var(--px-notch)) 0,
    100% var(--px-notch), 100% calc(100% - var(--px-notch)),
    calc(100% - var(--px-notch)) 100%, var(--px-notch) 100%,
    0 calc(100% - var(--px-notch)), 0 var(--px-notch));
}
.nsfcenit-px .brand-logo-img{ display:block; width:auto; height:auto; }
.nsfcenit-px .brand-slogan{ letter-spacing:.22em; padding-left:2px; }

.nsfcenit-px .header-icons{ grid-area:icons; display:inline-flex; gap:4px; }
.nsfcenit-px .header-icon-btn{
  width:32px; height:32px;
  display:inline-flex; align-items:center; justify-content:center;
  border:2px solid var(--px-ink);
  border-radius:0;
  background:var(--px-paper);
  color:var(--px-ink);
  transition:background 90ms steps(2), color 90ms steps(2);
}
.nsfcenit-px .header-icon-btn:hover{ background:var(--px-ink); color:var(--px-paper); }
.nsfcenit-px .header-icon-btn svg{ width:16px; height:16px; fill:currentColor; }

.nsfcenit-px .header-right{
  grid-area:status;
  display:flex; align-items:center; justify-content:flex-end; gap:10px;
}
.nsfcenit-px .header-date::before{ content:none; }
.nsfcenit-px .live-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px;
  border:0;
  border-radius:0;
  background:var(--px-amber);
  color:var(--px-ink);
  font-family:var(--f-px-bit);
  font-size:9px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  box-shadow:3px 3px 0 var(--px-ink);
}
/* El punto no late con una transición suave: salta, como un sprite */
.nsfcenit-px .live-pill .dot{
  width:6px; height:6px; border-radius:0;
  background:var(--px-ink);
  animation:nsfcenit-px-blink 1s steps(1,end) infinite;
}
@keyframes nsfcenit-px-blink{ 0%,49%{opacity:1} 50%,100%{opacity:0} }
.nsfcenit-px .club-pill{
  align-items:center; gap:6px;
  padding:5px 10px;
  border:2px solid var(--px-ink);
  border-radius:0;
  background:var(--px-paper);
}
.nsfcenit-px .club-pill .club-badge{
  background:none; color:var(--px-accent); padding:0;
  font-family:var(--f-px-bit); font-size:9px;
  letter-spacing:.1em; text-transform:uppercase;
}
.nsfcenit-px .club-pill .club-text{
  font-family:var(--f-px-bit); font-size:8px; line-height:1.4;
  letter-spacing:.06em; text-transform:uppercase; color:var(--px-ink);
}

/* Secciones como PESTAÑAS: biseladas sólo arriba, apoyadas en el
   filete del cabezal. Es el gesto de interfaz vieja más reconocible. */
.nsfcenit-px .header-nav{ grid-area:nav; width:100%; margin-top:14px; }
.nsfcenit-px .header-nav ul{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:4px;
  margin:0; padding:0;
}
.nsfcenit-px .header-nav li{ border:0; padding:0; }
.nsfcenit-px .header-nav li::before{ content:none; }
.nsfcenit-px .header-nav a{
  display:block;
  padding:8px 14px;
  background:var(--px-panel);
  border:2px solid var(--px-ink);
  border-bottom:0;
  font-family:var(--f-px-bit);
  font-size:9.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--px-ink);
  clip-path:polygon(
    6px 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%, 0 6px);
  transition:background 90ms steps(2), color 90ms steps(2);
}
.nsfcenit-px .header-nav a:hover{ background:var(--px-accent); color:var(--px-paper); }

@media (min-width:1025px){
  .nsfcenit-px .header-icon-btn.is-burger{ display:none; }
}
@media (max-width:1024px){
  .nsfcenit-px .header-nav{ display:none; }
  .nsfcenit-px.nsfcenit-header-widget .site-header-inner{
    grid-template-columns:auto auto minmax(0,1fr);
    grid-template-areas:"brand icons status";
    padding:14px 0;
  }
}


/* ── Canvas: baja desde arriba, como una ventana de sistema ── */
.nsfcenit-px .drawer{
  top:0; left:0; right:0; bottom:auto;
  width:100%; max-width:none; max-height:100dvh;
  transform:translateY(-100%);
  transition:transform 240ms steps(8,end);   /* entra a saltos, no fluido */
  padding:0 clamp(16px,3vw,48px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"top top" "list list" "search cta";
  column-gap:24px;
  align-content:start;
  overflow-y:auto; overscroll-behavior:contain;
  background:var(--px-paper);
  border-right:0;
  border-bottom:4px solid var(--px-ink);
  border-radius:0;
  color:var(--px-ink);
}
.nsfcenit-px .drawer.is-open{ transform:translateY(0); }
.nsfcenit-px .drawer > .drawer-top{ grid-area:top; }
.nsfcenit-px .drawer > .drawer-list{ grid-area:list; }
.nsfcenit-px .drawer > .drawer-search{ grid-area:search; }
.nsfcenit-px .drawer > .drawer-live-cta{ grid-area:cta; }
.nsfcenit-px .drawer-backdrop{ background:rgba(25,29,28,.72); }
.nsfcenit-px .drawer-top{
  grid-template-columns:minmax(0,1fr) auto;
  padding:16px 0;
  border-bottom:3px solid var(--px-ink);
  height:auto;
}
.nsfcenit-px .drawer-top .drawer-logo{ grid-column:1; grid-row:1; justify-self:start; }
.nsfcenit-px .drawer-top .drawer-close{ grid-column:2; grid-row:1; justify-self:end; }
.nsfcenit-px .drawer-top > span[aria-hidden]{ display:none; }
.nsfcenit-px .drawer-logo{
  font-family:var(--f-px-bit); font-style:normal; font-weight:700;
  font-size:15px; line-height:1; letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-paper); background:var(--px-accent);
  padding:9px 12px; text-align:left;
}
.nsfcenit-px .drawer-close{
  width:auto; height:auto;
  padding:7px 12px;
  border:2px solid var(--px-ink);
  border-radius:0;
  background:var(--px-paper);
  color:var(--px-ink);
  font-family:var(--f-px-bit); font-size:9px;
  letter-spacing:.1em; text-transform:uppercase;
}
.nsfcenit-px .drawer-close:hover{ background:var(--px-ink); color:var(--px-paper); }
.nsfcenit-px .drawer-list{ padding:16px 0; }
.nsfcenit-px .drawer-list ul{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(176px,1fr)); gap:8px;
}
.nsfcenit-px .drawer-list li{ border:0; padding:0; }
.nsfcenit-px .drawer-list li::before{ content:none; }
.nsfcenit-px .drawer-list li a{
  display:block; padding:12px 14px;
  background:var(--px-panel);
  border:2px solid var(--px-ink);
  font-family:var(--f-px-bit);
  font-size:11px; line-height:1.2;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--px-ink);
}
.nsfcenit-px .drawer-list li a::before{ content:none; }
.nsfcenit-px .drawer-list li a:hover{ background:var(--px-accent); color:var(--px-paper); transform:none; }
.nsfcenit-px .drawer-search{ padding:8px 0 16px; align-self:center; }
.nsfcenit-px .drawer-search-input input{
  height:40px; padding:0 12px;
  border:2px solid var(--px-ink); border-radius:0;
  background:var(--px-paper); color:var(--px-ink);
  font-family:var(--f-px-bit); font-size:11px;
  letter-spacing:.06em; text-transform:uppercase;
}
.nsfcenit-px .drawer-search-input input::placeholder{ color:var(--px-muted); }
.nsfcenit-px .drawer-search-input input:focus{ outline:0; border-color:var(--px-accent); }
.nsfcenit-px .drawer-search-input > svg{ display:none; }
.nsfcenit-px .drawer-live-cta{
  margin:0; padding:10px 14px; border-radius:0;
  background:var(--px-amber); color:var(--px-ink);
  font-family:var(--f-px-bit); font-size:9px;
  letter-spacing:.1em; text-transform:uppercase;
  display:flex; align-items:center; justify-content:center; align-self:center;
}
.nsfcenit-px .drawer-live-cta .dot{
  width:6px; height:6px; border-radius:0; background:var(--px-ink);
  animation:nsfcenit-px-blink 1s steps(1,end) infinite;
}


/* ============================================================
   2. FOOTER — panel de sistema
   ============================================================ */
.nsfcenit-px.nsfcenit-footer-widget{ background:var(--px-ink); }
.nsfcenit-px .nsfcenit-footer-pro{
  position:relative;
  background:var(--px-ink);
  color:var(--px-paper);
  border-top-style:solid;
  border-top-width:4px;
  border-radius:0;
}
.nsfcenit-px .nsfcenit-footer-pro::before{
  content:"";
  position:absolute; left:0; right:0; top:0;
  height:6px;
  background-image:repeating-conic-gradient(var(--px-accent) 0% 25%, transparent 0% 50%);
  background-size:6px 6px;
}
.nsfcenit-px .nsfcenit-footer-pro .nsfcenit-footer-main{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"brand" "cols";
  gap:0;
  padding-top:8px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand{
  grid-area:brand;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:24px;
  text-align:left;
  padding:0 0 24px;
  margin-bottom:24px;
  border-bottom:2px solid rgba(243,242,238,.18);
  flex:none;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-cols{ grid-area:cols; }
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo{
  grid-column:1;
  display:inline-block;
  font-family:var(--f-px-bit); font-style:normal; font-weight:700;
  font-size:17px; line-height:1; letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-ink); background:var(--px-accent-l);
  padding:11px 14px 10px; margin:0;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo img{
  display:block; height:auto; max-width:140px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand p{
  grid-column:2;
  font-family:var(--f-px-sans);
  font-size:13.5px; line-height:1.6;
  letter-spacing:0; max-width:64ch; margin:0;
  padding:0; border:0;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .footer-socials{
  grid-column:2; justify-content:flex-start; margin-top:14px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-socials a{
  display:inline-flex; align-items:center; justify-content:center;
  border:2px solid rgba(243,242,238,.3);
  border-radius:0; background:none;
  font-family:var(--f-px-bit); font-size:9px; text-transform:lowercase;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-socials a:hover{ color:var(--px-ink); transform:none; }
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5{
  display:block;
  color:var(--px-accent-l);
  font-size:9.5px;
  padding-bottom:8px; margin-bottom:8px;
  border-bottom:2px solid rgba(243,242,238,.2);
}
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5::before{ content:none; }
.nsfcenit-px .nsfcenit-footer-pro .footer-col li{ border:0; }
.nsfcenit-px .nsfcenit-footer-pro .footer-col a{
  display:block; padding:5px 0;
  font-family:var(--f-px-sans);
  font-size:13.5px; letter-spacing:0; text-transform:none;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-col a::before{ content:none; }
.nsfcenit-px .nsfcenit-footer-pro .footer-col a:hover{ padding-left:0; }
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:8px 24px;
  margin-top:24px; padding-top:16px;
  border-top-style:solid; border-top-width:2px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom ul{ display:flex; flex-wrap:wrap; gap:16px; margin:0; order:1; }
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom p{ order:0; margin:0; }
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom li{ border:0; }


/* ============================================================
   3. CATEGORÍA CON NOTAS EN GRILLA  ·  4. GRILLA NOTICIAS
   Las dos retículas comparten tratamiento para que se lean como
   un solo sistema: foto biselada, etiqueta bitmap, titular en
   grotesca y sombra dura al pasar el cursor.
   ============================================================ */
.nsfcenit-px.nsfcenit-category-grid-posts,
.nsfcenit-px.nsfcenit-grid-news{
  background:var(--px-paper);
  padding:48px 0 56px;
}
.nsfcenit-px.nsfcenit-category-grid-posts > .container,
.nsfcenit-px.nsfcenit-grid-news > .container{
  max-width:var(--px-box,1280px);
  margin-inline:auto;
  padding-left:var(--px-inset,32px);
  padding-right:var(--px-inset,32px);
}

/* Cabecera de sección: etiqueta bitmap sobre un filete grueso */
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-header,
.nsfcenit-px.nsfcenit-grid-news .section-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px;
  margin:0 0 24px; padding:0 0 8px;
  border-bottom:3px solid var(--px-ink);
  text-align:left;
}
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-header::after{ content:none; }
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title,
.nsfcenit-px.nsfcenit-grid-news .section-title{
  display:inline-block;
  font-size:clamp(19px,2.1vw,27px);
  line-height:1;
  letter-spacing:-.022em;
  margin:0;
}
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title::before{ content:none; }
.nsfcenit-px.nsfcenit-grid-news .section-link{
  flex:0 0 auto;
  font-family:var(--f-px-bit);
  font-size:9px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--px-accent);
  background:var(--px-panel);
  border:2px solid var(--px-ink);
  padding:6px 10px;
}
.nsfcenit-px.nsfcenit-grid-news .section-link:hover{ background:var(--px-accent); color:var(--px-paper); }
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-desc{
  font-size:14px; line-height:1.55; max-width:62ch; margin:8px 0 0; color:var(--px-slate);
}

/* Fichas: sin recuadro —la foto biselada ya delimita— y sombra dura
   sólo al pasar el cursor, que es cuando hace falta señalar. */
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid,
.nsfcenit-px.nsfcenit-grid-news .dual-grid{ align-items:stretch; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card,
.nsfcenit-px.nsfcenit-grid-news .card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:none; border:0; border-radius:0; padding:0;
  box-shadow:none;
}
.nsfcenit-px.nsfcenit-category-grid-posts .post-card::after{ content:none; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-img,
.nsfcenit-px.nsfcenit-grid-news .card > a:first-child{
  transition:transform 90ms steps(2);
}
.nsfcenit-px.nsfcenit-category-grid-posts .post-card:hover .post-card-img,
.nsfcenit-px.nsfcenit-grid-news .card:hover > a:first-child{
  transform:translate(-2px,-2px);
}
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-body{ padding:12px 0 0; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-kicker{ display:block; margin:0 0 6px; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-title,
.nsfcenit-px.nsfcenit-grid-news .card-title{
  display:block;
  font-size:15.5px;
  line-height:1.16;
  margin:12px 0 0;
  padding:0;
  flex:1 0 auto;
}
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-title{ margin:0; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-excerpt{
  font-size:13.5px; line-height:1.5; margin:8px 0 0; color:var(--px-slate);
}
/* La fecha se empuja al pie para que quede alineada en toda la fila
   aunque los titulares ocupen distinta cantidad de renglones. */
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-date,
.nsfcenit-px.nsfcenit-grid-news .card-byline{
  display:block;
  margin:16px 0 0;
  padding:8px 0 0 2px;   /* los 2px protegen el primer glifo del recorte */
  border-top:2px solid var(--px-rule);
  margin-top:auto;
}
.nsfcenit-px.nsfcenit-grid-news .card-byline:empty,
.nsfcenit-px .card-byline:empty{ display:none; }

/* Destacada: horizontal, con la sombra dura puesta */
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,.66fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:0 0 24px;
  border-bottom:3px solid var(--px-ink);
}
.nsfcenit-scope.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-img,
.nsfcenit-scope.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-img img{
  aspect-ratio:4 / 3;
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-img{
  box-shadow:6px 6px 0 var(--px-accent);
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-body{ padding:0; }
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-title{
  font-size:clamp(20px,2.5vw,32px); line-height:1.08;
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-excerpt{ font-size:15px; }


/* ============================================================
   5. ARCHIVO POR CATEGORÍA — índice con miniatura biselada
   ============================================================ */
.nsfcenit-px.nsfcenit-archive-widget{ background:var(--px-paper); padding:48px 0 56px; }
.nsfcenit-px.nsfcenit-archive-widget > .container{
  max-width:var(--px-box,1280px);
  margin-inline:auto;
  padding-left:var(--px-inset,32px);
  padding-right:var(--px-inset,32px);
}
.nsfcenit-px .cat-header{
  padding:0 0 12px; margin-bottom:8px;
  border-bottom:3px solid var(--px-ink);
  text-align:left;
}
.nsfcenit-px .cat-header::after,
.nsfcenit-px .cat-header::before{ content:none; }
.nsfcenit-px .cat-kicker{ display:block; margin-bottom:6px; }
.nsfcenit-px .cat-kicker::before{ content:none; }
.nsfcenit-px .cat-title{
  font-size:clamp(23px,2.8vw,38px); line-height:1; letter-spacing:-.028em; margin:0;
}
.nsfcenit-px .cat-header .cat-desc{
  font-size:14.5px; line-height:1.55; max-width:64ch; margin-top:10px; color:var(--px-slate);
}

.nsfcenit-px .cat-list{ --px-archive-img:128px; }
.nsfcenit-px .cat-list.layout-list{
  display:grid; grid-template-columns:minmax(0,1fr); gap:0; columns:auto; padding:0;
}
.nsfcenit-px .cat-list.layout-list .cat-item{
  display:grid;
  grid-template-columns:var(--px-archive-img) minmax(0,1fr);
  gap:16px;
  align-items:center;
  align-content:center;
  padding:16px 0;
  margin:0;
  border-top:0;
  border-bottom:2px solid var(--px-rule-sft);
  transition:background 90ms steps(2);
}
.nsfcenit-px .cat-list.layout-list .cat-item:hover{ background:var(--px-panel); box-shadow:none; }
.nsfcenit-px .cat-list.layout-list .cat-item .nsfcenit-archive-img{ order:-1; }
.nsfcenit-px .nsfcenit-archive-content{ padding:0; text-align:left; width:100%; min-width:0; }
.nsfcenit-px .nsfcenit-archive-content::before{ content:none; }
.nsfcenit-px .cat-item .kicker,
.nsfcenit-px .nsfcenit-archive-kicker{ display:block; margin-bottom:6px; }
.nsfcenit-px .cat-item .card-title{ font-size:16.5px; line-height:1.14; margin-bottom:6px; }
.nsfcenit-px .nsfcenit-archive-excerpt{ font-size:13.5px; line-height:1.5; margin-top:6px; color:var(--px-slate); }
.nsfcenit-px .cat-item .card-byline{ margin-top:8px; }

/* Variante grilla: la misma ficha, foto arriba */
.nsfcenit-px .cat-list.layout-grid{ gap:28px 22px; }
.nsfcenit-px .cat-list.layout-grid .cat-item{
  display:flex; flex-direction:column;
  background:none; border:0; border-radius:0; padding:0; margin:0; box-shadow:none;
}
.nsfcenit-px .cat-list.layout-grid .cat-item:hover{ background:none; }
.nsfcenit-px .cat-list.layout-grid .nsfcenit-archive-img{ order:-1; margin-top:0; width:100%; }
.nsfcenit-px .cat-list.layout-grid .nsfcenit-archive-content{ order:2; padding:12px 0 0; }

/* Destacada del archivo: cruza las columnas y lleva la sombra */
.nsfcenit-px .cat-list.layout-grid .cat-item.is-featured-archive{ grid-column:1 / -1; }
.nsfcenit-px .cat-item.is-featured-archive{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
  background:none;
  border:0;
  border-bottom:3px solid var(--px-ink);
  padding:0 0 24px;
  margin:0 0 20px;
}
.nsfcenit-px .cat-item.is-featured-archive:hover{ background:none; }
.nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-img{
  order:-1; box-shadow:6px 6px 0 var(--px-accent);
}
.nsfcenit-scope.nsfcenit-px .cat-list .cat-item.is-featured-archive .nsfcenit-archive-img,
.nsfcenit-scope.nsfcenit-px .cat-list .cat-item.is-featured-archive .nsfcenit-archive-img img{
  aspect-ratio:4 / 3;
}
.nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-content{ margin:0; padding:0; }
.nsfcenit-px .cat-item.is-featured-archive .card-title{ font-size:clamp(20px,2.4vw,31px); line-height:1.08; }
.nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-excerpt{ font-size:15px; }


/* ============================================================
   6. CATEGORÍAS / SUBCATEGORÍAS — panel de selección
   Las categorías como fichas biseladas, al modo de un menú de
   consola: la activa se invierte en vez de subrayarse.
   ============================================================ */
.nsfcenit-px.nsfcenit-cat-nav-widget{
  max-width:var(--px-box,1280px);
  margin:0 auto;
  padding:32px var(--px-inset,32px);
  background:var(--px-paper);
}
.nsfcenit-px .nsfcenit-cat-nav-title{
  font-family:var(--f-px-bit);
  font-size:10px; font-weight:400;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-muted);
  margin:0 0 14px; padding:0 0 8px;
  border-bottom:3px solid var(--px-ink);
}
.nsfcenit-px .nsfcenit-cat-nav-list{
  display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0;
}
.nsfcenit-px .nsfcenit-cat-nav-item{
  border:0; padding:0; margin:0; background:none;
}
.nsfcenit-px .nsfcenit-cat-nav-item::before{ content:none; }
.nsfcenit-px .nsfcenit-cat-nav-item > a,
.nsfcenit-px .nsfcenit-cat-nav-list a{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 13px;
  background:var(--px-panel);
  border:2px solid var(--px-ink);
  border-radius:0;
  font-family:var(--f-px-bit);
  font-size:9.5px; line-height:1;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--px-ink);
  transition:background 90ms steps(2), color 90ms steps(2), transform 90ms steps(2);
}
.nsfcenit-px .nsfcenit-cat-nav-list a:hover{
  background:var(--px-accent); color:var(--px-paper); transform:translate(-2px,-2px);
  box-shadow:2px 2px 0 var(--px-ink);
}
/* La activa se invierte: en una interfaz de consola el estado se
   muestra con relleno, no con un subrayado. */
.nsfcenit-px .nsfcenit-cat-nav-list .is-active > a,
.nsfcenit-px .nsfcenit-cat-nav-list a[aria-current]{
  background:var(--px-ink); color:var(--px-paper); border-color:var(--px-ink);
}
.nsfcenit-px .nsfcenit-cat-count{
  font-family:var(--f-px-bit); font-size:8px;
  letter-spacing:.04em;
  color:var(--px-accent);
  background:var(--px-paper);
  padding:2px 5px;
}
.nsfcenit-px .nsfcenit-cat-nav-list a:hover .nsfcenit-cat-count,
.nsfcenit-px .nsfcenit-cat-nav-list .is-active > a .nsfcenit-cat-count{ color:var(--px-ink); }
.nsfcenit-px .nsfcenit-cat-nav-select{
  border:2px solid var(--px-ink); border-radius:0;
  background:var(--px-paper); color:var(--px-ink);
  font-family:var(--f-px-bit); font-size:10px;
  padding:9px 12px; text-transform:uppercase;
}
.nsfcenit-px .nsfcenit-cat-desc{ font-size:13.5px; line-height:1.55; color:var(--px-slate); }


/* ============================================================
   7. BLOQUE NOTICIAS DINÁMICO
   ============================================================ */
.nsfcenit-px.nsfcenit-dynamic-widget{
  background:var(--px-paper);
  border-top:3px solid var(--px-ink);
}
.nsfcenit-px .nsfcenit-dynamic-news{
  background:none; border-top:0;
  max-width:var(--px-box,1280px);
  margin-inline:auto;
  padding:40px var(--px-inset,32px) 44px;
}
.nsfcenit-px .nsfcenit-dynamic-section-title{
  display:inline-block;
  font-family:var(--f-px-bit); font-weight:400;
  font-size:10px; line-height:1;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-paper); background:var(--px-ink);
  border:0; padding:8px 12px; margin:0 0 20px;
}
.nsfcenit-px .nsfcenit-dynamic-section-title::after{ content:none; }

/* El bloque de texto va en flujo: el CSS base lo declara como grilla
   de dos columnas, 1fr 280px, y en una columna angosta eso parte los
   titulares en astillas de una palabra. */
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-content{
  display:block; grid-template-columns:none; gap:0;
}
/* La ficha grande mide lo que mide su foto: el CSS base declara la
   grilla dos veces, con `start` y después con `stretch`, y gana el
   segundo. Estirada, el texto superpuesto cae al fondo de una caja
   invisible y queda flotando debajo de la imagen. */
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-grid{ align-items:start; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main{
  align-self:start; position:relative;
}
.nsfcenit-px .nsfcenit-dynamic-card{ background:none; }
.nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-img{ box-shadow:6px 6px 0 var(--px-accent); }
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main.nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:block; padding:clamp(14px,2vw,24px);
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main.nsfcenit-dynamic-overlay .nsfcenit-dynamic-title{
  max-width:22ch; color:var(--px-paper);
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main.nsfcenit-dynamic-overlay .nsfcenit-dynamic-excerpt{
  max-width:52ch; margin-top:8px; color:rgba(243,242,238,.86);
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main:not(.nsfcenit-dynamic-overlay) .nsfcenit-dynamic-content{
  position:static; padding:14px 0 0; color:var(--px-ink);
}
.nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-title{ font-size:clamp(20px,2.5vw,32px); line-height:1.06; }
.nsfcenit-px .nsfcenit-dynamic-excerpt{ font-size:14.5px; line-height:1.55; margin-top:10px; color:var(--px-slate); }

/* Columna lateral: se estira al alto de la nota grande y reparte sus
   fichas en partes iguales. La primera y la última apoyan su conjunto
   a ras, para que las fotos coincidan arriba y abajo con la principal,
   pero el texto queda siempre centrado contra su propia foto —son dos
   alineaciones distintas: align-content mueve el par, align-items
   alinea sus partes entre sí. */
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side{
  align-self:stretch; grid-auto-rows:1fr; gap:0;
}
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:16px;
  align-items:center;
  align-content:center;
  padding:16px 0;
  border-top:2px solid var(--px-rule-sft);
  min-width:0;
}
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:first-child{
  align-content:start; padding-top:0; border-top:0;
}
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:last-child{
  align-content:end; padding-bottom:0;
}
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-content{ width:100%; min-width:0; padding:0; }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-content::before{ content:none; }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-title{
  display:block; width:100%; max-width:none;
  font-size:15px; line-height:1.18; text-wrap:pretty;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-img{
  aspect-ratio:4 / 3; width:132px;
}
/* En el lateral el texto va al lado de la foto, nunca encima */
.nsfcenit-px .nsfcenit-dynamic-side-card.nsfcenit-dynamic-overlay .nsfcenit-dynamic-content{
  position:static; padding:0; color:inherit;
}
.nsfcenit-px .nsfcenit-dynamic-side-card.nsfcenit-dynamic-overlay .nsfcenit-dynamic-title,
.nsfcenit-px .nsfcenit-dynamic-side-card.nsfcenit-dynamic-overlay .nsfcenit-dynamic-title a{ color:var(--px-ink); }
.nsfcenit-px .nsfcenit-dynamic-side-card.nsfcenit-dynamic-overlay .nsfcenit-dynamic-img::after{ content:none; }


/* ============================================================
   8. LO ÚLTIMO BOX  ·  9. SIDEBAR MÁS LEÍDAS
   Las dos piezas de columna comparten el mismo envase: panel con
   borde grueso y sombra dura, cabecera invertida y numeración en
   bitmap. Son las únicas que llevan marco, porque son bloques
   sueltos y no una serie repetida.
   ============================================================ */
.nsfcenit-px .nsfcenit-latest-box,
.nsfcenit-px.nsfcenit-mostread-widget .sidebar-box,
.nsfcenit-px.nsfcenit-mostread-widget > div:first-child{
  background:var(--px-paper);
  border:2px solid var(--px-ink);
  border-radius:0;
  padding:0;
  overflow:visible;
  box-shadow:5px 5px 0 var(--px-ink);
}
.nsfcenit-px .nsfcenit-latest-box::after,
.nsfcenit-px .nsfcenit-latest-box::before{ content:none; }

/* Cabecera invertida: el bloque de título en tinta plena */
.nsfcenit-px .nsfcenit-latest-head{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  margin:0;
  background:var(--px-ink);
  border-bottom:0;
  font-size:inherit; line-height:1;
  text-align:left;
}
.nsfcenit-px .nsfcenit-latest-head strong{
  font-family:var(--f-px-bit); font-weight:700;
  font-size:11px; line-height:1;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--px-paper);
}
.nsfcenit-px .nsfcenit-latest-head span{
  flex:1; width:auto; height:2px;
  background-image:repeating-conic-gradient(rgba(243,242,238,.45) 0% 25%, transparent 0% 50%);
  background-size:4px 4px;
}
.nsfcenit-px .nsfcenit-latest-head em{
  flex:0 0 auto; font-style:normal;
  border:0; padding:0;
  color:var(--px-accent-l);
  font-size:9px;
}

/* Listado numerado: el índice en bitmap, como una tabla de posiciones */
.nsfcenit-px .nsfcenit-latest-list{
  display:block;
  counter-reset:pxlast;
  padding:4px 14px 14px;
}
.nsfcenit-px .nsfcenit-latest-item{
  counter-increment:pxlast;
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-top-style:solid;
  border-top-width:2px;
  border-top-color:var(--px-rule-sft);
}
.nsfcenit-px .nsfcenit-latest-item:first-child{ border-top:0; padding-top:14px; }
.nsfcenit-px .nsfcenit-latest-text{ position:relative; padding-left:30px; }
.nsfcenit-px .nsfcenit-latest-text::before{
  content:counter(pxlast,decimal-leading-zero);
  position:absolute; left:0; top:2px;
  font-family:var(--f-px-bit); font-size:10px;
  letter-spacing:.04em;
  color:var(--px-accent);
}
.nsfcenit-px .nsfcenit-latest-item-title{
  font-size:14px; line-height:1.2; text-transform:none;
}
.nsfcenit-px .nsfcenit-latest-item-title:hover{ color:var(--px-accent); }
.nsfcenit-px .nsfcenit-latest-item.has-thumb{
  display:grid; grid-template-columns:minmax(0,1fr) 56px;
  border-bottom:0; margin-bottom:0;
}
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-thumb{ order:2; }
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-text{ order:1; }
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-thumb img,
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-thumb .card-img{
  aspect-ratio:1 / 1; width:100%;
}
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-item-title{ font-size:15px; }

/* Más leídas: el número es el protagonista, en bitmap y grande */
.nsfcenit-px.nsfcenit-mostread-widget{ padding:0; }
.nsfcenit-px.nsfcenit-mostread-widget ol,
.nsfcenit-px.nsfcenit-mostread-widget ul{
  counter-reset:pxread;
  list-style:none;
  margin:0;
  padding:14px;
}
.nsfcenit-px.nsfcenit-mostread-widget li{
  counter-increment:pxread;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-top:2px solid var(--px-rule-sft);
  border-bottom:0;
}
.nsfcenit-px.nsfcenit-mostread-widget li:first-child{ border-top:0; padding-top:4px; }
.nsfcenit-px.nsfcenit-mostread-widget li::before{
  content:counter(pxread,decimal-leading-zero);
  font-family:var(--f-px-bit);
  font-size:17px; line-height:1;
  letter-spacing:-.02em;
  color:var(--px-accent);
}
.nsfcenit-px.nsfcenit-mostread-widget li a{
  font-family:var(--f-px-sans);
  font-weight:800;
  font-size:14px; line-height:1.2;
  letter-spacing:-.015em;
  color:var(--px-ink);
}
.nsfcenit-px.nsfcenit-mostread-widget li a:hover{ color:var(--px-accent); }


/* ============================================================
   10. FILA DE NOTAS EDITORIAL
   Se conserva el orden del marcado —titular, firma, foto al pie—
   porque en una fila de opinión el que manda es el texto.
   ============================================================ */
.nsfcenit-px .nsfcenit-news-row-grid{
  max-width:var(--px-box,1280px);
  margin:0 auto;
  padding:40px var(--px-inset,32px) 0;
  gap:22px;
  border-bottom:0;
  align-items:stretch;
}
.nsfcenit-px .nsfcenit-news-row-card{
  display:flex; flex-direction:column;
  background:none;
  border:0;
  border-top:3px solid var(--px-ink);
  border-radius:0;
  padding:14px 0 16px;
  box-shadow:none;
}
.nsfcenit-px .nsfcenit-news-row-title{
  font-size:16.5px; line-height:1.14; margin:0 0 10px; flex:0 0 auto;
}
.nsfcenit-px .nsfcenit-news-row-title a:hover{ color:var(--px-accent); }
.nsfcenit-px .nsfcenit-news-row-author{ margin:0 0 12px; }
.nsfcenit-px .nsfcenit-news-row-author strong{ color:var(--px-accent); letter-spacing:.12em; }
/* El distintivo de opinión: un cuadrado biselado, no un círculo */
.nsfcenit-px .nsfcenit-opinion-dot{
  width:24px; height:24px;
  border:2px solid var(--px-accent);
  border-radius:0;
  background:var(--px-panel);
  margin-right:8px;
  clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),
                    calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);
}
/* La foto se ancla al pie para que todas las fichas cierren parejo */
.nsfcenit-px .nsfcenit-news-row-img{ margin-top:auto; display:block; }
.nsfcenit-px .nsfcenit-news-row-img img,
.nsfcenit-px .nsfcenit-news-row-img .card-img{
  width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:0; display:block;
}


/* ============================================================
   11. PÁGINA DE NOTA — ficha de lectura
   Columna medida y alineada a la izquierda, con los datos de la
   nota en una placa biselada y un separador de damero antes del
   cuerpo. Ninguna capitular: eso ya es de otro sitio.
   ============================================================ */
.nsfcenit-px.nsfcenit-note-widget{ background:var(--px-paper); }
.nsfcenit-px .note-wrap{ display:block; padding:40px 0 56px; }
.nsfcenit-px .note-main{ display:block; max-width:none; margin:0; }
.nsfcenit-px .note-breadcrumb,
.nsfcenit-px .note-title,
.nsfcenit-px .note-subtitle,
.nsfcenit-px .note-author-row,
.nsfcenit-px .note-date,
.nsfcenit-px .share-row,
.nsfcenit-px .note-figure,
.nsfcenit-px .note-body{
  max-width:728px; margin-left:0; margin-right:0;
}
.nsfcenit-px .note-breadcrumb{
  display:flex; align-items:center; justify-content:flex-start; gap:8px;
  padding:0 0 10px; margin-bottom:16px;
  border-bottom:3px solid var(--px-ink);
}
.nsfcenit-px .note-breadcrumb::before,
.nsfcenit-px .note-breadcrumb::after{ content:none; }
.nsfcenit-px .note-breadcrumb a:hover{ color:var(--px-accent); }
.nsfcenit-px .note-title{
  font-size:clamp(24px,3.4vw,42px);
  line-height:1.04;
  letter-spacing:-.026em;
  text-align:left;
  margin:0 0 12px;
  padding:0; background:none; border:0;
}
.nsfcenit-px .note-subtitle{
  font-family:var(--f-px-sans);
  font-style:normal;
  font-size:17px; line-height:1.55;
  color:var(--px-slate);
  text-align:left; padding:0; border:0;
  margin:0 0 20px;
}
/* Los datos de la nota en una placa, como una ficha de sistema */
.nsfcenit-px .note-author-row{
  display:flex; justify-content:flex-start; align-items:center;
  background:var(--px-panel);
  border:2px solid var(--px-ink);
  padding:8px 12px;
  margin:0 0 8px;
  width:fit-content;
}
.nsfcenit-px .author-block{ flex-direction:row; align-items:center; gap:10px; }
.nsfcenit-px .author-avatar{
  width:28px; height:28px;
  border-radius:0;
  background:var(--px-accent);
  font-family:var(--f-px-bit);
  font-weight:700; font-size:9px;
  letter-spacing:.04em; text-transform:uppercase;
  color:var(--px-paper);
}
.nsfcenit-px .note-date{ text-align:left; margin:0 0 20px; }
.nsfcenit-px .note-date::before{ content:none; }
.nsfcenit-px .share-row{
  display:flex; flex-direction:row; flex-wrap:wrap;
  align-items:center; justify-content:flex-start; gap:6px;
  position:static;
  padding:12px 0; margin:0 0 24px;
  border-top:2px solid var(--px-rule);
  border-bottom:2px solid var(--px-rule);
}
.nsfcenit-px .share-btn{
  margin:0;
  border:2px solid var(--px-ink);
  border-radius:0;
  background:var(--px-paper);
  color:var(--px-ink);
  transition:background 90ms steps(2), color 90ms steps(2);
}
.nsfcenit-px .share-btn:hover{ background:var(--px-ink); color:var(--px-paper); }
.nsfcenit-px .share-btn svg{ width:14px; height:14px; fill:currentColor; }
.nsfcenit-px .share-divider{ display:none; }
.nsfcenit-px .share-save{
  margin:0 0 0 10px; padding:7px 12px;
  border:2px solid var(--px-accent);
  border-radius:0;
  background:none;
  color:var(--px-accent);
  font-family:var(--f-px-bit); font-size:9px;
  letter-spacing:.1em; text-transform:uppercase;
}
.nsfcenit-px .share-save:hover{ background:var(--px-accent); color:var(--px-paper); }
.nsfcenit-px .note-figure{
  position:static;
  margin:0 0 8px;
  box-shadow:6px 6px 0 var(--px-accent);
}
.nsfcenit-px .note-figure img{
  width:100%; aspect-ratio:3 / 2; object-fit:cover; display:block;
}
.nsfcenit-px .note-figcaption{
  position:static; max-width:728px; margin:0;
  padding:10px 0 16px;
  background:none;
  color:var(--px-muted);
  font-family:var(--f-px-bit);
  font-size:9px; line-height:1.7;
  letter-spacing:.05em; text-transform:none;
  border-bottom:0;
}
/* Separador de damero entre la ficha y el cuerpo */
.nsfcenit-px .note-body{
  font-family:var(--f-px-sans);
  font-size:17.5px;
  line-height:1.72;
  color:var(--px-ink);
  padding-top:24px;
  border-top:6px solid transparent;
  border-image:repeating-conic-gradient(var(--px-rule) 0% 25%, transparent 0% 50%) 6 / 6px;
  background-origin:border-box;
}
.nsfcenit-px .note-body > p:first-of-type{ font-size:18.5px; line-height:1.62; }
.nsfcenit-px .note-body > p:first-of-type::first-letter{
  float:none; font-size:inherit; line-height:inherit;
  font-weight:inherit; color:inherit; padding:0;
}
.nsfcenit-px .note-body h2,
.nsfcenit-px .note-body h3{
  letter-spacing:-.022em; line-height:1.12;
  padding-top:0; border-top:0; color:var(--px-ink);
}
.nsfcenit-px .note-body h2{ font-size:23px; margin:32px 0 12px; }
.nsfcenit-px .note-body h3{ font-size:18.5px; margin:26px 0 10px; }
.nsfcenit-px .note-body blockquote{
  margin:28px 0; padding:16px 18px;
  background:var(--px-panel);
  border:0;
  border-left:5px solid var(--px-accent);
  border-radius:0;
  font-family:var(--f-px-sans);
  font-style:normal; font-weight:700;
  font-size:18px; line-height:1.42;
  letter-spacing:-.012em; text-transform:none;
  color:var(--px-ink);
}
.nsfcenit-px .note-body blockquote footer{
  margin-top:9px;
  font-family:var(--f-px-bit); font-style:normal;
  font-size:9px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--px-muted);
}
.nsfcenit-px .note-body figcaption{
  padding:8px 0 0; border-left:0;
  font-family:var(--f-px-bit); font-style:normal;
  font-size:9px; letter-spacing:.05em; text-transform:none;
  color:var(--px-muted);
}
.nsfcenit-px .note-body a{
  color:var(--px-accent);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:2px;
}


/* ============================================================
   12. BUSCADOR — ventana de sistema
   El formulario lo inyecta Ivory Search y la capa base lo pisa con
   una píldora blanca y un botón circular, idéntica en los diez
   plugins. Se responde con !important Y más especificidad: (0,4,0)
   contra (0,3,0), porque igualar no alcanza.
   ============================================================ */
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal{ padding:0; align-items:center; justify-content:center; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal__backdrop{ background:rgba(25,29,28,.84); backdrop-filter:none; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal__panel{
  width:min(640px,calc(100vw - 40px));
  background:var(--px-paper);
  border:3px solid var(--px-ink);
  border-radius:0;
  box-shadow:8px 8px 0 var(--px-accent);
  padding:28px 24px 24px;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal input[type="search"],
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal input[type="text"],
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-input{
  width:100%!important;
  min-height:48px!important;
  border:2px solid var(--px-ink)!important;
  border-radius:0!important;
  background:var(--px-panel)!important;
  padding:0 14px!important;
  font-family:var(--f-px-bit)!important;
  font-size:13px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--px-ink)!important;
  box-shadow:none!important;
  outline:0!important;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal input::placeholder{ color:var(--px-muted)!important; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-submit,
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .search-submit,
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal button[type="submit"]{
  background:var(--px-accent)!important;
  border:2px solid var(--px-ink)!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:48px!important; height:48px!important;
  padding:0!important;
  color:var(--px-paper)!important;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-submit svg,
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-icon svg{
  fill:var(--px-paper)!important; width:18px!important; height:18px!important;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-form{
  display:flex!important; align-items:center!important; gap:10px!important;
  background:none!important; border:0!important; box-shadow:none!important;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal .is-search-form label{
  flex:1 1 auto!important; margin:0!important; width:auto!important;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal__close{
  top:-16px; right:-16px;
  width:36px; height:36px;
  border:3px solid var(--px-ink);
  border-radius:0;
  background:var(--px-amber);
  color:var(--px-ink);
  font-size:19px; font-weight:400;
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-search-modal__close:hover{ background:var(--px-ink); color:var(--px-paper); }


/* ============================================================
   13. RESPONSIVE
   ============================================================ */
@media (max-width:1023px){
  .nsfcenit-px .cat-item.is-featured-archive{ grid-template-columns:minmax(0,1fr); gap:16px; }
  .nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-content{ order:2; }
  .nsfcenit-px .nsfcenit-footer-pro .footer-brand{ grid-template-columns:minmax(0,1fr); row-gap:16px; }
  .nsfcenit-px .nsfcenit-footer-pro .footer-brand p,
  .nsfcenit-px .nsfcenit-footer-pro .footer-brand .footer-socials{ grid-column:1; }
}

@media (max-width:767px){
  .nsfcenit-px.nsfcenit-header-widget .site-header-inner{ padding:12px 0; column-gap:10px; }
  .nsfcenit-px .brand-logo{ font-size:13px; padding:9px 11px 8px; box-shadow:3px 3px 0 var(--px-ink); }
  .nsfcenit-px .brand-slogan{ display:none; }
  .nsfcenit-px .header-date,
  .nsfcenit-px .club-pill{ display:none; }
  .nsfcenit-px .header-icon-btn{ width:30px; height:30px; }

  .nsfcenit-px .drawer{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"top" "list" "search" "cta";
  }
  .nsfcenit-px .drawer-list ul{ grid-template-columns:minmax(0,1fr); }

  .nsfcenit-px.nsfcenit-category-grid-posts,
  .nsfcenit-px.nsfcenit-grid-news,
  .nsfcenit-px.nsfcenit-archive-widget{ padding:28px 0 34px; }
  .nsfcenit-px.nsfcenit-category-grid-posts > .container,
  .nsfcenit-px.nsfcenit-grid-news > .container,
  .nsfcenit-px.nsfcenit-archive-widget > .container,
  .nsfcenit-px.nsfcenit-cat-nav-widget{ padding-left:18px; padding-right:18px; }
  .nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat{
    grid-template-columns:minmax(0,1fr); gap:16px;
  }

  /* El índice del archivo mantiene su miniatura: la densidad es la
     gracia del layout, sólo se achica. */
  .nsfcenit-px .cat-list{ --px-archive-img:92px; }
  .nsfcenit-px .cat-list.layout-list .cat-item{
    grid-template-columns:var(--px-archive-img) minmax(0,1fr) !important;
    gap:12px; padding:12px 0;
  }
  .nsfcenit-px .nsfcenit-archive-excerpt{ display:none; }

  /* Al apilarse las columnas la lateral deja de igualar altura */
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side{ align-self:auto; grid-auto-rows:auto; }
  .nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card,
  .nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:first-child,
  .nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:last-child{
    grid-template-columns:96px minmax(0,1fr);
    gap:12px; padding:12px 0;
    align-items:center; align-content:center;
  }
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-img{ width:96px; }
  .nsfcenit-px .nsfcenit-dynamic-news{ padding:28px 18px 32px; }

  .nsfcenit-px .nsfcenit-news-row-grid{ padding:28px 18px 0; gap:16px; }
  .nsfcenit-px .note-body{ font-size:16.5px; }
  .nsfcenit-px .share-save{ margin-left:0; }
  /* Las sombras duras se reducen: a 5px en pantalla chica comen ancho */
  .nsfcenit-px .nsfcenit-latest-box,
  .nsfcenit-px.nsfcenit-mostread-widget > div:first-child{ box-shadow:3px 3px 0 var(--px-ink); }
  .nsfcenit-px .note-figure,
  .nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-img,
  .nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-img{ box-shadow:4px 4px 0 var(--px-accent); }
}

/* Quien pide menos movimiento no ve el parpadeo ni los saltos */
@media (prefers-reduced-motion:reduce){
  .nsfcenit-px .live-pill .dot,
  .nsfcenit-px .drawer-live-cta .dot{ animation:none; }
  .nsfcenit-px .drawer{ transition:none; }
  .nsfcenit-px .nsfcenit-cat-nav-list a:hover,
  .nsfcenit-px.nsfcenit-category-grid-posts .post-card:hover .post-card-img,
  .nsfcenit-px.nsfcenit-grid-news .card:hover > a:first-child{ transform:none; }
}


/* ============================================================
   CENIT · v2.1 — ESTRUCTURA MODERNA
   ------------------------------------------------------------
   Giro de dirección. La v2.0 llevaba el lenguaje de 8 bits a casi
   todas las piezas: biseles por todas partes, damero en las tiras,
   bitmap en cada etiqueta y transiciones a saltos. Leía como una
   interfaz retro antes que como un portal de noticias.

   Acá el 8 bits queda reducido a TRES rastros —el logo, el acento
   verdigrís y una sombra dura en las fotos jerárquicas— y el resto
   pasa a una estructura contemporánea: más aire, tipografía más
   grande, menos filetes y la jerarquía puesta en el cuerpo de la
   letra en lugar de en los marcos.

   Un detalle vale más que diez: el gesto retro funciona cuando es
   excepción, no cuando es norma.
   ============================================================ */

.nsfcenit-scope.nsfcenit-px,
.nsfcenit-px{
  /* Escala tipográfica más grande y con más salto entre niveles */
  --px-h1:   clamp(32px,4.6vw,62px);
  --px-h2:   clamp(24px,2.9vw,40px);
  --px-h3:   clamp(19px,2.1vw,27px);
  --px-card: 18.5px;
  --px-body: 18px;
  --px-lead: 20px;
  --px-label: 10.5px;

  --px-notch: 0px;    /* el bisel se retira del uso general */
}

/* El bisel queda SÓLO en el logo y en el botón del buscador. En las
   fotos pasaba a ser ruido: ocho esquinas cortadas en cada miniatura
   de una retícula leen como defecto, no como estilo. */
.nsfcenit-px .post-card-img,
.nsfcenit-px .nsfcenit-archive-img,
.nsfcenit-px .nsfcenit-dynamic-img,
.nsfcenit-px .nsfcenit-latest-thumb,
.nsfcenit-px .nsfcenit-news-row-img,
.nsfcenit-px .note-figure,
.nsfcenit-px.nsfcenit-grid-news .card > a:first-child{
  clip-path:none;
  border-radius:0;
}

/* El damero se retira de las tiras del cabezal y del pie: queda sólo
   como relleno de las fotos que faltan, donde cumple una función. */
.nsfcenit-px .site-header::before,
.nsfcenit-px .nsfcenit-footer-pro::before{ display:none; content:none; }
.nsfcenit-px .nsfcenit-latest-head span{
  background-image:none;
  background:rgba(243,242,238,.22);
  height:1px;
}

/* Las transiciones dejan de saltar. El movimiento a pasos era el gesto
   más agresivo de los cuatro y el que más envejecía la interfaz. */
.nsfcenit-px .header-icon-btn,
.nsfcenit-px .header-nav a,
.nsfcenit-px .nsfcenit-cat-nav-list a,
.nsfcenit-px .share-btn,
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-img,
.nsfcenit-px.nsfcenit-grid-news .card > a:first-child{
  transition:background 160ms ease, color 160ms ease, opacity 160ms ease, transform 160ms ease;
}
.nsfcenit-px .drawer{ transition:transform 300ms cubic-bezier(.2,.8,.3,1); }
.nsfcenit-px .live-pill .dot,
.nsfcenit-px .drawer-live-cta .dot{ animation:none; opacity:1; }

/* La bitmap se repliega: queda en el logo, los kickers y las fechas.
   En firmas, migas, títulos de columna y barra inferior pasa a una
   grotesca con interletrado, que dice lo mismo sin disfraz. */
.nsfcenit-px .note-breadcrumb,
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5,
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom,
.nsfcenit-px .card-byline,
.nsfcenit-px .author-name,
.nsfcenit-px .nsfcenit-news-row-author,
.nsfcenit-px .nsfcenit-dynamic-meta,
.nsfcenit-px .note-figcaption,
.nsfcenit-px .note-body blockquote footer,
.nsfcenit-px .share-save,
.nsfcenit-px .drawer-close,
.nsfcenit-px .header-nav a,
.nsfcenit-px .drawer-list li a,
.nsfcenit-px .nsfcenit-cat-nav-list a,
.nsfcenit-px .nsfcenit-cat-nav-title{
  font-family:var(--f-px-sans);
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.nsfcenit-px .note-figcaption,
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom p{
  text-transform:none;
  letter-spacing:.01em;
  font-weight:400;
}


/* ============================================================
   HEADER v2.1 — una sola banda, con aire
   Se van las pestañas y la tira de damero. Queda el logo con su
   marca de acento a la izquierda y la navegación en la misma fila,
   con cuerpo grande y subrayado de acento al pasar.
   ============================================================ */
.nsfcenit-px .site-header{
  background:var(--px-paper);
  border-bottom:1px solid var(--px-rule);
}
.nsfcenit-px.nsfcenit-header-widget .site-header-inner{
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "brand nav status"
    "brand nav icons";
  align-items:center;
  column-gap:40px;
  row-gap:0;
  padding:26px 0;
}
/* El logo pierde el bloque macizo: queda el wordmark en bitmap con una
   barra de acento al costado. Es el único rastro tipográfico del 8 bits
   y, al ser el único, se lee como marca en vez de como decorado. */
.nsfcenit-px .brand{ gap:8px; }
.nsfcenit-px .brand-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:clamp(19px,2.2vw,27px);
  letter-spacing:.1em;
  color:var(--px-ink);
  background:none;
  padding:0;
  box-shadow:none;
  clip-path:none;
}
.nsfcenit-px .brand-logo::before{
  content:"";
  width:6px;
  align-self:stretch;
  min-height:1em;
  background:var(--px-accent);
}
.nsfcenit-px .brand-slogan{ font-size:9px; letter-spacing:.26em; padding-left:18px; }

/* La navegación comparte fila con el logo y gana cuerpo */
.nsfcenit-px .header-nav{ grid-area:nav; width:100%; margin:0; }
.nsfcenit-px .header-nav ul{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:4px 28px;
  margin:0; padding:0;
}
.nsfcenit-px .header-nav a{
  position:relative;
  display:block;
  padding:6px 0;
  background:none;
  border:0;
  clip-path:none;
  font-size:12.5px;
  letter-spacing:.11em;
  color:var(--px-ink);
}
/* Subrayado que crece desde la izquierda, no un relleno */
.nsfcenit-px .header-nav a::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:3px;
  background:var(--px-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 180ms cubic-bezier(.2,.8,.3,1);
}
.nsfcenit-px .header-nav a:hover{ background:none; color:var(--px-accent); }
.nsfcenit-px .header-nav a:hover::after{ transform:scaleX(1); }

.nsfcenit-px .header-right{
  grid-area:status;
  justify-content:flex-end;
  gap:14px;
  padding:0;
}
.nsfcenit-px .header-icons{
  grid-area:icons;
  justify-self:end;
  gap:6px;
  padding:0;
  border:0;
}
.nsfcenit-px .header-icon-btn{
  width:36px; height:36px;
  border:1px solid var(--px-rule);
  background:none;
}
.nsfcenit-px .header-icon-btn:hover{ background:var(--px-ink); border-color:var(--px-ink); color:var(--px-paper); }
.nsfcenit-px .header-icon-btn svg{ width:17px; height:17px; }
.nsfcenit-px .header-date{ font-size:10px; letter-spacing:.14em; }
.nsfcenit-px .live-pill{
  background:none;
  border:1px solid var(--px-amber);
  color:var(--px-amber);
  box-shadow:none;
  padding:6px 11px;
  letter-spacing:.14em;
}
.nsfcenit-px .live-pill .dot{ background:var(--px-amber); border-radius:50%; }
.nsfcenit-px .club-pill{ border-width:1px; }

@media (min-width:1025px){
  .nsfcenit-px .header-icon-btn.is-burger{ display:none; }
}
@media (max-width:1024px){
  .nsfcenit-px .header-nav{ display:none; }
  .nsfcenit-px.nsfcenit-header-widget .site-header-inner{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"brand status icons";
    column-gap:16px;
    padding:18px 0;
  }
}


/* ============================================================
   FOOTER v2.1 — marca grande arriba, columnas abajo
   Se va el damero y la marca sale de la fila horizontal apretada.
   Queda el logo en cuerpo grande, la descripción debajo, y las
   columnas separadas por aire en lugar de filetes.
   ============================================================ */
.nsfcenit-px .nsfcenit-footer-pro{
  border-top-width:1px;
  border-top-style:solid;
}
.nsfcenit-px .nsfcenit-footer-pro .nsfcenit-footer-main{
  padding-top:16px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand{
  display:block;
  padding:0 0 40px;
  margin-bottom:40px;
  border-bottom:1px solid rgba(243,242,238,.14);
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:clamp(22px,2.6vw,34px);
  letter-spacing:.1em;
  color:var(--px-paper);
  background:none;
  padding:0;
  margin:0 0 18px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo::before{
  content:"";
  width:7px;
  align-self:stretch;
  min-height:1em;
  background:var(--px-accent-l);
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo img{ max-width:160px; }
.nsfcenit-px .nsfcenit-footer-pro .footer-brand p{
  font-size:17px;
  line-height:1.6;
  max-width:52ch;
  margin:0;
  color:rgba(243,242,238,.72);
}
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .footer-socials{ margin-top:24px; }
.nsfcenit-px .nsfcenit-footer-pro .footer-socials a{
  border-width:1px;
  border-color:rgba(243,242,238,.22);
  font-family:var(--f-px-sans);
  font-size:11px;
  font-weight:600;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5{
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--px-accent-l);
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:16px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-col a{
  font-size:16px;
  line-height:1.4;
  padding:7px 0;
  color:rgba(243,242,238,.82);
}
.nsfcenit-px .nsfcenit-footer-pro .footer-col a:hover{ color:var(--px-accent-l); }
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom{
  margin-top:40px;
  padding-top:20px;
  border-top-width:1px;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom p,
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom a{ font-size:12.5px; }


/* ============================================================
   HERO NOTICIAS — el titular manda, la foto acompaña
   Entra a la identidad. La foto deja de ocupar media pantalla y
   baja a poco más de un tercio, regulable desde el panel; el peso
   lo lleva el titular, que es lo que define una tapa.
   ============================================================ */
.nsfcenit-px.nsfcenit-hero-news{
  --px-hero-media:36%;
  background:var(--px-paper);
  padding:48px 0 44px;
}
.nsfcenit-px.nsfcenit-hero-news > .container{
  max-width:var(--px-box,1280px);
  margin-inline:auto;
  padding-left:var(--px-inset,32px);
  padding-right:var(--px-inset,32px);
}
.nsfcenit-px .nsfcenit-hero-grid{ grid-template-columns:minmax(0,1fr); gap:0; }

/* Texto a la izquierda, foto a la derecha y contenida */
.nsfcenit-px .nsfcenit-hero-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--px-hero-media);
  gap:40px;
  align-items:center;
  overflow:visible;
  padding-bottom:40px;
  border-bottom:1px solid var(--px-rule);
}
.nsfcenit-px .nsfcenit-hero-main > .nsfcenit-hero-main-media-link{ order:2; }
.nsfcenit-px .nsfcenit-hero-main-content{
  order:1;
  margin:0; padding:0;
  max-width:none;
  text-align:left;
  background:none; border:0;
}
.nsfcenit-px .nsfcenit-hero-main-media-link,
.nsfcenit-px .nsfcenit-hero-side-media-link{
  display:block;
  background:var(--px-panel);
  /* La única sombra dura que queda en el hero: marca la jerarquía de
     la nota de tapa sin necesidad de agrandar la foto. */
  box-shadow:8px 8px 0 var(--px-accent);
}
.nsfcenit-px .nsfcenit-hero-side-media-link{ box-shadow:none; }
.nsfcenit-px .nsfcenit-hero-main-media,
.nsfcenit-px .nsfcenit-hero-side-media,
.nsfcenit-px .hero-img-real{ filter:none; }
.nsfcenit-px .nsfcenit-hero-main-title,
.nsfcenit-px .hero-title{
  font-family:var(--f-px-sans);
  font-weight:800;
  font-size:var(--px-h1);
  line-height:1.02;
  letter-spacing:-.03em;
  text-transform:none;
  color:var(--px-ink);
  margin:0 0 18px;
  text-align:left;
}
.nsfcenit-px .nsfcenit-hero-main-title a:hover,
.nsfcenit-px .hero-title a:hover{ color:var(--px-accent); }
.nsfcenit-px .hero-sub{
  font-family:var(--f-px-sans);
  font-size:var(--px-lead);
  line-height:1.5;
  color:var(--px-slate);
  margin:0 0 20px;
  max-width:54ch;
}
.nsfcenit-px .hero-byline{
  font-family:var(--f-px-bit);
  font-size:9.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--px-muted);
  padding:14px 0 0;
  border-top:1px solid var(--px-rule);
  display:block;
  margin:0;
  max-width:28ch;
}
/* Nota única: el marcado ya trae el texto primero */
.nsfcenit-px .hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--px-hero-media);
  gap:40px;
  align-items:center;
}
.nsfcenit-px .hero > div{ order:1; margin:0; padding:0; max-width:none; text-align:left; background:none; border:0; }
.nsfcenit-px .hero > .nsfcenit-hero-main-media-link{ order:2; }

/* Secundarias: fila limpia bajo el filete, separadas por aire */
.nsfcenit-px.nsfcenit-hero-secondary-side .nsfcenit-hero-side,
.nsfcenit-px.nsfcenit-hero-secondary-bottom .nsfcenit-hero-side{
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  grid-template-columns:none;
  gap:32px;
  margin-top:36px;
  padding-top:0;
  border-top:0;
}
.nsfcenit-px .nsfcenit-hero-side-card{
  padding:0;
  border:0;
  overflow:visible;
}
.nsfcenit-px .nsfcenit-hero-side-title{
  font-family:var(--f-px-sans);
  font-weight:800;
  font-size:var(--px-card);
  line-height:1.2;
  letter-spacing:-.018em;
  text-transform:none;
  color:var(--px-ink);
  margin:16px 0 0;
}
.nsfcenit-px .nsfcenit-hero-side-title::before{ content:none; }
.nsfcenit-px .nsfcenit-hero-side-title a:hover{ color:var(--px-accent); }


/* ============================================================
   EL RESTO, ADAPTADO A LA ESCALA NUEVA
   Si sólo crece el hero, la página se desarma: los titulares de
   las retículas tienen que acompañar o la jerarquía se rompe.
   ============================================================ */
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title,
.nsfcenit-px.nsfcenit-grid-news .section-title{ font-size:var(--px-h3); }
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-header,
.nsfcenit-px.nsfcenit-grid-news .section-head{
  border-bottom-width:1px;
  border-bottom-color:var(--px-ink);
  padding-bottom:12px;
  margin-bottom:28px;
}
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-title,
.nsfcenit-px.nsfcenit-grid-news .card-title{ font-size:var(--px-card); line-height:1.2; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-excerpt{ font-size:15px; }
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-date,
.nsfcenit-px.nsfcenit-grid-news .card-byline{
  border-top-width:1px;
  border-top-color:var(--px-rule);
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat{
  border-bottom-width:1px;
  padding-bottom:32px;
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-img{
  box-shadow:8px 8px 0 var(--px-accent);
}
.nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-title{ font-size:var(--px-h2); }

.nsfcenit-px .cat-title{ font-size:var(--px-h2); }
.nsfcenit-px .cat-header{ border-bottom-width:1px; padding-bottom:16px; }
.nsfcenit-px .cat-item .card-title{ font-size:var(--px-card); line-height:1.2; }
.nsfcenit-px .cat-list.layout-list .cat-item{ border-bottom-width:1px; padding:20px 0; }
.nsfcenit-px .nsfcenit-archive-excerpt{ font-size:15px; }
.nsfcenit-px .cat-item.is-featured-archive{ border-bottom-width:1px; padding-bottom:32px; margin-bottom:28px; }
.nsfcenit-px .cat-item.is-featured-archive .card-title{ font-size:var(--px-h2); }
.nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-img{ box-shadow:8px 8px 0 var(--px-accent); }

.nsfcenit-px .nsfcenit-dynamic-section-title{
  background:none;
  color:var(--px-accent);
  padding:0 0 12px;
  border-bottom:1px solid var(--px-ink);
  width:100%;
  font-size:10.5px;
  letter-spacing:.16em;
  margin-bottom:28px;
}
.nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-title{ font-size:var(--px-h2); }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-title{ font-size:var(--px-card); line-height:1.2; }
.nsfcenit-px .nsfcenit-dynamic-excerpt{ font-size:16px; }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card{ border-top-width:1px; }
.nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-img{ box-shadow:8px 8px 0 var(--px-accent); }
.nsfcenit-px.nsfcenit-dynamic-widget{ border-top-width:1px; border-top-color:var(--px-rule); }

/* Los paneles de columna bajan el borde grueso y la sombra: con menos
   marcos alrededor, ese peso quedaba desproporcionado. */
.nsfcenit-px .nsfcenit-latest-box,
.nsfcenit-px.nsfcenit-mostread-widget > div:first-child{
  border-width:1px;
  box-shadow:4px 4px 0 var(--px-ink);
}
.nsfcenit-px .nsfcenit-latest-item-title{ font-size:16px; }
.nsfcenit-px .nsfcenit-latest-item.has-thumb .nsfcenit-latest-item-title{ font-size:17px; }
.nsfcenit-px .nsfcenit-latest-item{ border-top-width:1px; }
.nsfcenit-px.nsfcenit-mostread-widget li{ border-top-width:1px; }
.nsfcenit-px.nsfcenit-mostread-widget li a{ font-size:16px; }
.nsfcenit-px.nsfcenit-mostread-widget li::before{ font-size:19px; }

.nsfcenit-px .nsfcenit-news-row-card{ border-top-width:1px; border-top-color:var(--px-ink); padding-top:18px; }
.nsfcenit-px .nsfcenit-news-row-title{ font-size:var(--px-card); line-height:1.2; }
.nsfcenit-px .nsfcenit-opinion-dot{ clip-path:none; border-radius:50%; border-width:1px; }

.nsfcenit-px .nsfcenit-cat-nav-list a{
  border-width:1px;
  font-size:11px;
  padding:10px 15px;
}
.nsfcenit-px .nsfcenit-cat-nav-list a:hover{ transform:none; box-shadow:none; }
.nsfcenit-px .nsfcenit-cat-nav-title{ border-bottom-width:1px; font-size:10.5px; letter-spacing:.16em; }

.nsfcenit-px .note-title{ font-size:var(--px-h1); line-height:1.02; }
.nsfcenit-px .note-subtitle{ font-size:var(--px-lead); }
.nsfcenit-px .note-body{ font-size:var(--px-body); border-image:none; border-top:1px solid var(--px-rule); }
.nsfcenit-px .note-body > p:first-of-type{ font-size:19.5px; }
.nsfcenit-px .note-body h2{ font-size:26px; }
.nsfcenit-px .note-body h3{ font-size:20px; }
.nsfcenit-px .note-breadcrumb{ border-bottom-width:1px; font-size:10.5px; }
.nsfcenit-px .note-author-row{ border-width:1px; }
.nsfcenit-px .share-row{ border-top-width:1px; border-bottom-width:1px; }
.nsfcenit-px .share-btn{ border-width:1px; }
.nsfcenit-px .share-save{ border-width:1px; font-size:10.5px; }
.nsfcenit-px .note-figure{ box-shadow:8px 8px 0 var(--px-accent); }
.nsfcenit-px .drawer{ border-bottom-width:1px; border-bottom-color:var(--px-ink); }
.nsfcenit-px .drawer-top{ border-bottom-width:1px; }
.nsfcenit-px .drawer-list li a{ border-width:1px; font-size:12px; }
.nsfcenit-px .drawer-close{ border-width:1px; font-size:10.5px; }
.nsfcenit-px .drawer-search-input input{ border-width:1px; }
.nsfcenit-px .nsfcenit-search-modal__panel{ border-width:1px; box-shadow:10px 10px 0 var(--px-accent); }
.nsfcenit-px .nsfcenit-search-modal__close{ border-width:2px; }
.nsfcenit-px .nsfcenit-search-modal input[type="search"],
.nsfcenit-px .nsfcenit-search-modal .is-search-input{ border-width:1px!important; }
.nsfcenit-px .nsfcenit-search-modal .is-search-submit,
.nsfcenit-px .nsfcenit-search-modal button[type="submit"]{ border-width:1px!important; }

@media (max-width:1023px){
  .nsfcenit-px .nsfcenit-hero-main,
  .nsfcenit-px .hero{ gap:28px; }
}

@media (max-width:767px){
  /* El hero se apila y la foto va primero: a un tercio de una pantalla
     angosta queda del tamaño de una estampilla. */
  .nsfcenit-px.nsfcenit-hero-news{ padding:28px 0 28px; }
  .nsfcenit-px.nsfcenit-hero-news > .container{ padding-left:18px; padding-right:18px; }
  .nsfcenit-px .nsfcenit-hero-main,
  .nsfcenit-px .hero{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .nsfcenit-px .nsfcenit-hero-main > .nsfcenit-hero-main-media-link,
  .nsfcenit-px .hero > .nsfcenit-hero-main-media-link{ order:1; }
  .nsfcenit-px .nsfcenit-hero-main-content,
  .nsfcenit-px .hero > div{ order:2; }
  .nsfcenit-px .nsfcenit-hero-main{ padding-bottom:28px; }
  .nsfcenit-px .nsfcenit-hero-main-media-link{ box-shadow:5px 5px 0 var(--px-accent); }
  .nsfcenit-px.nsfcenit-hero-secondary-side .nsfcenit-hero-side,
  .nsfcenit-px.nsfcenit-hero-secondary-bottom .nsfcenit-hero-side{
    grid-auto-flow:row;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-columns:auto;
    gap:24px 18px;
    margin-top:24px;
  }
  .nsfcenit-px .hero-byline{ max-width:none; }
  .nsfcenit-px .nsfcenit-footer-pro .footer-brand{ padding-bottom:28px; margin-bottom:28px; }
  .nsfcenit-px .note-figure,
  .nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-img,
  .nsfcenit-px .cat-item.is-featured-archive .nsfcenit-archive-img,
  .nsfcenit-px.nsfcenit-category-grid-posts .posts-grid > .post-card.feat .post-card-img{
    box-shadow:5px 5px 0 var(--px-accent);
  }
}


/* ============================================================
   CENIT · v2.2 — UN SOLO FONDO, Y TRES PIEZAS MÁS
   ============================================================ */

/* ── El doble fondo de Grilla Noticias ──────────────────────
   La capa base arma la retícula con un truco de tabloide: pinta
   el contenedor de gris y deja 3px de separación entre fichas
   blancas, de modo que el gris asoma como si fueran filetes. Con
   el fondo de papel de la identidad eso produce TRES superficies
   distintas apiladas —papel, gris y blanco— y la página se ve
   sucia. Todo pasa a un único color. */
.nsfcenit-scope.nsfcenit-px .dual-grid{
  background:none;
  gap:28px;
}
.nsfcenit-scope.nsfcenit-px .dual-grid .card{
  background:none;
}
/* El titular de sección tenía su propio bloque de color y un
   subrayado heredados del clon: sobran, la jerarquía ya la da el
   cuerpo de la letra. */
.nsfcenit-scope.nsfcenit-px .section-title{
  background:none;
  color:var(--px-ink);
  text-align:left;
  font-family:var(--f-px-sans);
  padding:0;
}
.nsfcenit-scope.nsfcenit-px .section-title::after{ content:none; }
/* El marcador de foto sin imagen también en papel */
.nsfcenit-scope.nsfcenit-px.nsfcenit-grid-news .card > a:first-child{
  background:var(--px-panel);
}


/* ── BLOQUE DE NOTICIAS DINÁMICO, al estilo actual ──────────
   Se alinea con el resto: filete de 1px en vez de bloque de
   color, cabecera de sección como etiqueta de acento sobre línea,
   y la sombra dura reservada a la foto principal. */
.nsfcenit-px.nsfcenit-dynamic-widget{
  background:var(--px-paper);
  border-top:1px solid var(--px-rule);
}
.nsfcenit-px .nsfcenit-dynamic-news{ padding:48px var(--px-inset,32px) 52px; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-section-title{
  display:block;
  width:100%;
  background:none;
  color:var(--px-accent);
  font-family:var(--f-px-sans);
  font-weight:600;
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0 0 12px;
  margin:0 0 28px;
  border:0;
  border-bottom:1px solid var(--px-ink);
}
.nsfcenit-px .nsfcenit-dynamic-grid{ gap:40px; }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card{
  border-top:1px solid var(--px-rule);
  padding:20px 0;
  gap:20px;
  grid-template-columns:120px minmax(0,1fr);
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-img{ width:120px; }
.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-title{ font-size:17px; line-height:1.22; }
.nsfcenit-px .nsfcenit-dynamic-main .nsfcenit-dynamic-title{ letter-spacing:-.028em; }
/* Si el texto va superpuesto, la sombra dura pelearía con el
   degradado: se retira y queda sólo cuando el texto va debajo. */
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-main.nsfcenit-dynamic-overlay .nsfcenit-dynamic-img{
  box-shadow:none;
}


/* ── FILA DE NOTAS EDITORIAL, al estilo actual ──────────────
   Deja el filete grueso superior y pasa a separarse por aire,
   con la firma en grotesca y el distintivo de opinión reducido
   a un punto de acento. */
.nsfcenit-px .nsfcenit-news-row-grid{
  padding:48px var(--px-inset,32px) 0;
  gap:36px;
}
.nsfcenit-px .nsfcenit-news-row-card{
  border-top:1px solid var(--px-ink);
  padding:20px 0 0;
}
.nsfcenit-px .nsfcenit-news-row-title{
  font-size:var(--px-card);
  line-height:1.22;
  letter-spacing:-.018em;
  margin:0 0 14px;
}
.nsfcenit-px .nsfcenit-news-row-author{
  font-family:var(--f-px-sans);
  font-weight:600;
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--px-muted);
  margin:0 0 18px;
  display:flex;
  align-items:center;
  gap:9px;
}
.nsfcenit-px .nsfcenit-news-row-author strong{ color:var(--px-accent); font-weight:600; }
.nsfcenit-px .nsfcenit-opinion-dot{
  width:9px; height:9px;
  flex:0 0 auto;
  border:0;
  border-radius:50%;
  background:var(--px-accent);
  margin:0;
  clip-path:none;
}
.nsfcenit-px .nsfcenit-news-row-img img,
.nsfcenit-px .nsfcenit-news-row-img .card-img{ aspect-ratio:3 / 2; }


/* ── LIVE BAR + TRENDS, al estilo actual ────────────────────
   Dos tiras finas que coronan la página. La de EN VIVO en tinta
   plena para que corte, la de tendencias en papel con el rótulo
   en acento. Sin biseles ni damero: son piezas de servicio y
   tienen que leerse de un vistazo. */
.nsfcenit-px.nsfcenit-live-trends-widget{ background:var(--px-paper); }

.nsfcenit-px .live-bar{
  background:var(--px-ink);
  border-bottom:0;
  color:var(--px-paper);
}
.nsfcenit-px .live-bar-inner{
  display:flex; align-items:center; gap:16px;
  min-height:46px;
  padding:8px 0;
}
.nsfcenit-px .fm-badge{
  display:inline-flex; flex-direction:column; align-items:flex-start;
  gap:1px;
  padding:5px 11px;
  background:var(--px-accent);
  color:var(--px-paper);
  font-family:var(--f-px-bit);
  font-size:10px; line-height:1;
  letter-spacing:.1em; text-transform:uppercase;
}
.nsfcenit-px .fm-badge small{
  font-family:var(--f-px-sans);
  font-size:8.5px; font-weight:600;
  letter-spacing:.14em;
  opacity:.8;
}
.nsfcenit-px .nsfcenit-live-main-link{
  display:flex; align-items:center; gap:14px;
  flex:1; min-width:0;
  color:inherit;
}
.nsfcenit-px .live-status{
  display:inline-flex; align-items:center; gap:7px;
  flex:0 0 auto;
  font-family:var(--f-px-sans);
  font-weight:600; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-amber);
}
.nsfcenit-px .live-status .dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--px-amber);
  animation:none;
}
.nsfcenit-px .live-title{
  flex:1; min-width:0;
  font-family:var(--f-px-sans);
  font-weight:700; font-size:15px;
  letter-spacing:-.01em;
  color:var(--px-paper);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.nsfcenit-px .live-time{
  flex:0 0 auto;
  font-family:var(--f-px-sans);
  font-weight:600; font-size:10px;
  letter-spacing:.12em; text-transform:uppercase;
  color:rgba(243,242,238,.6);
}
.nsfcenit-px .live-chevron{
  flex:0 0 auto;
  color:var(--px-accent-l);
  font-size:18px; line-height:1;
}

.nsfcenit-px .trends-bar{
  background:var(--px-paper);
  border-bottom:1px solid var(--px-rule);
}
.nsfcenit-px .trends-bar-inner{
  display:flex; align-items:center; gap:18px;
  min-height:42px;
  padding:6px 0;
}
.nsfcenit-px .trends-label{
  display:inline-flex; align-items:center; gap:7px;
  flex:0 0 auto;
  font-family:var(--f-px-sans);
  font-weight:600; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--px-accent);
}
.nsfcenit-px .trends-label .bolt{ width:13px; height:13px; fill:currentColor; }
/* Los temas se desplazan en horizontal sin barra visible: en una
   tira de servicio el scroll no debe ocupar alto. */
.nsfcenit-px .trends-items{
  display:flex; align-items:center; gap:0 22px;
  flex:1; min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
}
.nsfcenit-px .trends-items::-webkit-scrollbar{ display:none; }
.nsfcenit-px .trends-items a{
  flex:0 0 auto;
  font-family:var(--f-px-sans);
  font-weight:600; font-size:13px;
  letter-spacing:-.005em;
  color:var(--px-slate);
  padding:4px 0;
  border-bottom:2px solid transparent;
  transition:color 160ms ease, border-color 160ms ease;
}
.nsfcenit-px .trends-items a:hover{ color:var(--px-ink); border-bottom-color:var(--px-accent); }
.nsfcenit-px .trends-items a.live-item{ color:var(--px-amber); }

@media (max-width:767px){
  .nsfcenit-scope.nsfcenit-px .dual-grid{ gap:20px; }
  .nsfcenit-px .nsfcenit-dynamic-news{ padding:28px 18px 32px; }
  .nsfcenit-px .nsfcenit-dynamic-grid{ gap:24px; }
  .nsfcenit-px .nsfcenit-news-row-grid{ padding:28px 18px 0; gap:24px; }
  .nsfcenit-px .live-bar-inner{ gap:10px; min-height:40px; }
  .nsfcenit-px .live-time,
  .nsfcenit-px .live-chevron{ display:none; }
  .nsfcenit-px .live-title{ font-size:13.5px; }
  .nsfcenit-px .trends-bar-inner{ gap:12px; }
  .nsfcenit-px .trends-items{ gap:0 16px; }
  .nsfcenit-px .trends-items a{ font-size:12px; }
}


/* ============================================================
   CENIT · v2.3 — UNA SOLA TIPOGRAFÍA
   ------------------------------------------------------------
   Hasta acá convivían dos familias: una bitmap para el logo y las
   etiquetas, y una grotesca para titulares y cuerpo. No comparten
   nada —ni proporción, ni terminaciones, ni eje— y el conjunto se
   leía como dos sitios pegados.

   Pasa a una sola: Chakra Petch. Tiene las terminaciones cortadas
   en recto que dan el aire digital del pixel, pero es una
   tipografía de texto y se lee sin esfuerzo en párrafo.

   Las dos variables se conservan apuntando a la misma familia: así
   los 54 usos repartidos por los trece componentes se actualizan
   de una, sin tocar regla por regla. Lo que distingue a una
   etiqueta de un titular deja de ser la familia y pasa a ser lo
   que corresponde: el cuerpo, el peso y el interletrado.
   ============================================================ */

.nsfcenit-scope.nsfcenit-px,
.nsfcenit-px{
  --f-px:      "Chakra Petch", "DejaVu Sans Mono", ui-monospace, system-ui, sans-serif;
  --f-px-bit:  var(--f-px);
  --f-px-sans: var(--f-px);
  font-family:var(--f-px);
}

/* Etiquetas: lo que antes distinguía la bitmap ahora lo hacen el
   peso y el interletrado. Suben de cuerpo, porque una tipografía
   de texto a 9,5px en mayúsculas no se lee. */
.nsfcenit-px .post-card-kicker,
.nsfcenit-px .cat-kicker,
.nsfcenit-px .nsfcenit-archive-kicker,
.nsfcenit-px .cat-item .kicker,
.nsfcenit-px .card-byline,
.nsfcenit-px .post-card-date,
.nsfcenit-px .note-date,
.nsfcenit-px .author-name,
.nsfcenit-px .header-date,
.nsfcenit-px .brand-slogan,
.nsfcenit-px .note-breadcrumb,
.nsfcenit-px .nsfcenit-latest-head em,
.nsfcenit-px .nsfcenit-dynamic-meta,
.nsfcenit-px .nsfcenit-news-row-author,
.nsfcenit-px .hero-byline,
.nsfcenit-px .note-figcaption,
.nsfcenit-px .note-body blockquote footer,
.nsfcenit-px .nsfcenit-footer-pro .footer-col h5,
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom,
.nsfcenit-px .live-status,
.nsfcenit-px .live-time,
.nsfcenit-px .trends-label,
.nsfcenit-px .fm-badge small{
  font-family:var(--f-px);
  font-weight:600;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.nsfcenit-px .note-figcaption{
  font-weight:400;
  font-size:13px;
  letter-spacing:.01em;
  text-transform:none;
}
.nsfcenit-px .nsfcenit-footer-pro .footer-bottom p{
  font-weight:400;
  font-size:13px;
  letter-spacing:.02em;
  text-transform:none;
}

/* Elementos de control: mismo tratamiento que las etiquetas */
.nsfcenit-px .header-nav a,
.nsfcenit-px .drawer-list li a,
.nsfcenit-px .drawer-close,
.nsfcenit-px .share-save,
.nsfcenit-px .nsfcenit-cat-nav-list a,
.nsfcenit-px .nsfcenit-cat-nav-title,
.nsfcenit-px .live-pill,
.nsfcenit-px .club-pill .club-badge,
.nsfcenit-px .club-pill .club-text,
.nsfcenit-px .drawer-live-cta,
.nsfcenit-px .nsfcenit-dynamic-section-title,
.nsfcenit-px.nsfcenit-grid-news .section-link{
  font-family:var(--f-px);
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.nsfcenit-px .header-nav a{ font-size:13px; }
.nsfcenit-px .drawer-list li a{ font-size:13px; }
.nsfcenit-px .nsfcenit-cat-nav-list a{ font-size:12px; }
.nsfcenit-px .nsfcenit-cat-nav-title,
.nsfcenit-px .nsfcenit-dynamic-section-title{ font-size:11px; letter-spacing:.17em; }
.nsfcenit-px .live-pill,
.nsfcenit-px .club-pill .club-badge{ font-size:10.5px; }
.nsfcenit-px .club-pill .club-text{ font-size:9.5px; letter-spacing:.09em; }
.nsfcenit-px .drawer-close,
.nsfcenit-px .share-save,
.nsfcenit-px.nsfcenit-grid-news .section-link{ font-size:11px; }

/* Titulares: la misma familia, distinguida por peso y cuerpo */
.nsfcenit-px .brand-logo,
.nsfcenit-px .drawer-logo,
.nsfcenit-px .cat-title,
.nsfcenit-px .cat-item .card-title,
.nsfcenit-px .note-title,
.nsfcenit-px .note-body h2,
.nsfcenit-px .note-body h3,
.nsfcenit-px .hero-title,
.nsfcenit-px .nsfcenit-hero-main-title,
.nsfcenit-px .nsfcenit-hero-side-title,
.nsfcenit-px .nsfcenit-dynamic-title,
.nsfcenit-px .nsfcenit-latest-head strong,
.nsfcenit-px .nsfcenit-latest-item-title,
.nsfcenit-px .nsfcenit-news-row-title,
.nsfcenit-px .live-title,
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo,
.nsfcenit-px.nsfcenit-category-grid-posts .nsfcenit-cat-grid-title,
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-title,
.nsfcenit-px.nsfcenit-grid-news .card-title,
.nsfcenit-px.nsfcenit-mostread-widget li a,
.nsfcenit-scope.nsfcenit-px .section-title{
  font-family:var(--f-px);
  font-weight:700;
  font-style:normal;
  text-transform:none;
}

/* El logo: la misma familia que todo lo demás, separada sólo por el
   interletrado y la caja alta. Deja de ser una pieza ajena. */
.nsfcenit-px .brand-logo,
.nsfcenit-px .drawer-logo,
.nsfcenit-px .nsfcenit-footer-pro .footer-brand .brand-logo{
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* Cuerpo y bajadas: peso regular de la misma familia */
.nsfcenit-px .note-body,
.nsfcenit-px .note-subtitle,
.nsfcenit-px .hero-sub,
.nsfcenit-px .nsfcenit-dynamic-excerpt,
.nsfcenit-px .nsfcenit-archive-excerpt,
.nsfcenit-px .nsfcenit-cat-grid-desc,
.nsfcenit-px .cat-desc,
.nsfcenit-px .nsfcenit-footer-pro .footer-brand p,
.nsfcenit-px .nsfcenit-footer-pro .footer-col a,
.nsfcenit-px .trends-items a,
.nsfcenit-px.nsfcenit-category-grid-posts .post-card-excerpt{
  font-family:var(--f-px);
  font-weight:400;
  font-style:normal;
  letter-spacing:.005em;
  text-transform:none;
}
/* Chakra Petch tiene la caja de la x algo baja: el cuerpo necesita un
   punto más de interlínea que una grotesca común para respirar. */
.nsfcenit-px .note-body{ line-height:1.78; }
.nsfcenit-px .note-body blockquote{ font-weight:600; font-style:normal; }

/* La marca del logo y el badge de radio comparten peso */
.nsfcenit-px .fm-badge{ font-family:var(--f-px); font-weight:700; letter-spacing:.14em; font-size:11px; }

@media (max-width:767px){
  .nsfcenit-px .post-card-kicker,
  .nsfcenit-px .cat-kicker,
  .nsfcenit-px .nsfcenit-archive-kicker,
  .nsfcenit-px .card-byline,
  .nsfcenit-px .post-card-date,
  .nsfcenit-px .note-date{ font-size:10.5px; letter-spacing:.11em; }
}


/* ============================================================
   CENIT · v2.4 — DOS CORRECCIONES
   ============================================================ */

/* ── Fila editorial: el fondo le faltaba ────────────────────
   Se estilaron la retícula y las fichas, pero nunca la raíz del
   widget, así que la tira tomaba el fondo de lo que hubiera
   detrás en lugar del papel de la identidad. */
.nsfcenit-px.nsfcenit-row-widget{
  background:var(--px-paper);
}
.nsfcenit-px .nsfcenit-news-row-grid{ background:none; }


/* ── Sidebar Más Leídas: el marcado ya traía su numeración ──
   Error propio: agregué un contador con `::before` sin revisar que
   el marcado ya imprime el número en un `.rank-num`. Resultado:
   doble numeración, y la grilla de dos columnas recibiendo TRES
   hijos —el pseudo-elemento, el número real y el bloque de texto—
   con lo que el texto se iba a una fila nueva y se colapsaba a una
   palabra por renglón.

   Antes de numerar con CSS hay que mirar si el PHP ya numera. */
.nsfcenit-px.nsfcenit-mostread-widget li::before{ content:none; }

.nsfcenit-px.nsfcenit-mostread-widget{ background:var(--px-paper); }
.nsfcenit-px.nsfcenit-mostread-widget .home-side,
.nsfcenit-px.nsfcenit-mostread-widget .side-block{
  background:none; border:0; padding:0; margin:0; box-shadow:none;
}
/* El panel enmarcado va sobre .side-block, que es el contenedor real */
.nsfcenit-px.nsfcenit-mostread-widget .side-block{
  background:var(--px-paper);
  border:1px solid var(--px-ink);
  box-shadow:4px 4px 0 var(--px-ink);
}
.nsfcenit-px.nsfcenit-mostread-widget .side-head{
  margin:0;
  padding:14px 18px;
  background:var(--px-ink);
  color:var(--px-paper);
  font-family:var(--f-px);
  font-weight:600;
  font-size:11px;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.nsfcenit-px.nsfcenit-mostread-widget .rank-list{
  display:flex;
  flex-direction:column;
  counter-reset:none;
  margin:0;
  padding:4px 18px 18px;
  list-style:none;
}
/* Dos columnas para los dos hijos que el marcado trae de verdad:
   el número y el bloque de texto. Con aire, que estaba apretado. */
.nsfcenit-px.nsfcenit-mostread-widget .rank-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:18px 0;
  margin:0;
  border-top:1px solid var(--px-rule);
  border-bottom:0;
}
.nsfcenit-px.nsfcenit-mostread-widget .rank-item:first-child{
  border-top:0;
  padding-top:16px;
}
.nsfcenit-px.nsfcenit-mostread-widget .rank-num{
  font-family:var(--f-px);
  font-weight:700;
  font-size:26px;
  line-height:.9;
  letter-spacing:-.04em;
  color:var(--px-accent);
  display:block;
}
.nsfcenit-px.nsfcenit-mostread-widget .rank-item > div{ min-width:0; }
.nsfcenit-px.nsfcenit-mostread-widget .rank-item .card-title{
  font-family:var(--f-px);
  font-weight:700;
  font-size:16px;
  line-height:1.26;
  letter-spacing:-.015em;
  text-transform:none;
  color:var(--px-ink);
  margin:0 0 7px;
}
.nsfcenit-px.nsfcenit-mostread-widget .rank-item .card-title a{ color:inherit; }
.nsfcenit-px.nsfcenit-mostread-widget .rank-item .card-title a:hover{ color:var(--px-accent); }
.nsfcenit-px.nsfcenit-mostread-widget .rank-item .card-byline{
  font-family:var(--f-px);
  font-weight:600;
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--px-muted);
  margin:0;
  padding:0;
  border:0;
}

@media (max-width:767px){
  .nsfcenit-px.nsfcenit-mostread-widget .side-head{ padding:12px 14px; }
  .nsfcenit-px.nsfcenit-mostread-widget .rank-list{ padding:4px 14px 14px; }
  .nsfcenit-px.nsfcenit-mostread-widget .rank-item{
    grid-template-columns:32px minmax(0,1fr);
    gap:12px;
    padding:14px 0;
  }
  .nsfcenit-px.nsfcenit-mostread-widget .rank-num{ font-size:22px; }
  .nsfcenit-px.nsfcenit-mostread-widget .side-block{ box-shadow:3px 3px 0 var(--px-ink); }
}


/* ============================================================
   CENIT · v2.5 — PAGINADO DEL ARCHIVO
   ------------------------------------------------------------
   `paginate_links()` emite `<a class="page-numbers">` para las
   páginas, `<span class="page-numbers current">` para la actual y
   `<span class="page-numbers dots">` para los puntos. Se estilan
   los tres estados con el mismo lenguaje que el resto: filete de
   1px, sin radio, y la página actual invertida en tinta plena.
   ============================================================ */
.nsfcenit-px .nsfcenit-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid var(--px-rule);
}
.nsfcenit-px .nsfcenit-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--px-rule);
  border-radius:0;
  background:none;
  font-family:var(--f-px);
  font-weight:600;
  font-size:13px;
  letter-spacing:.06em;
  line-height:1;
  color:var(--px-ink);
  transition:background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.nsfcenit-px .nsfcenit-pagination a.page-numbers:hover{
  background:var(--px-accent);
  border-color:var(--px-accent);
  color:var(--px-paper);
}
/* La página actual se invierte: en una lista de números, el relleno
   dice dónde estás más rápido que un subrayado. */
.nsfcenit-px .nsfcenit-pagination .page-numbers.current{
  background:var(--px-ink);
  border-color:var(--px-ink);
  color:var(--px-paper);
}
/* Los puntos no son un botón: sin marco ni caja clickeable */
.nsfcenit-px .nsfcenit-pagination .page-numbers.dots{
  border:0;
  min-width:0;
  padding:0 4px;
  color:var(--px-muted);
}
/* Anterior y siguiente, un punto más grandes y en acento */
.nsfcenit-px .nsfcenit-pagination .prev,
.nsfcenit-px .nsfcenit-pagination .next{
  font-size:19px;
  color:var(--px-accent);
  border-color:var(--px-rule);
}

@media (max-width:767px){
  .nsfcenit-px .nsfcenit-pagination{
    margin-top:28px;
    padding-top:20px;
    gap:6px;
  }
  .nsfcenit-px .nsfcenit-pagination .page-numbers{
    min-width:36px; height:36px; padding:0 9px; font-size:12px;
  }
}

/* El control de columnas pasa a emitir una variable.

   La capa base fuerza una sola columna en móvil con `!important`, y eso
   le gana a cualquier valor que escriba Elementor —el `!important` vence
   a la especificidad—, así que el control quedaba muerto en ese
   dispositivo. Con la variable, el valor viaja y la regla con
   `!important` es la mía: el control vuelve a mandar en los tres
   tamaños. */
.nsfcenit-scope.nsfcenit-px .cat-list.layout-grid{
  grid-template-columns:repeat(var(--px-grid-cols,3),minmax(0,1fr));
}
@media (max-width:767px){
  .nsfcenit-scope.nsfcenit-px .cat-list.layout-grid{
    grid-template-columns:repeat(var(--px-grid-cols,1),minmax(0,1fr))!important;
  }
}


/* ============================================================
   CENIT · v2.6 — FONDO BLANCO Y NOTA CENTRADA
   ============================================================ */

/* ── Fondo blanco ───────────────────────────────────────────
   El papel hueso pasa a blanco puro. Hay que recalibrar las dos
   superficies de apoyo: un panel que antes se distinguía del
   hueso queda invisible sobre blanco, y el filete necesita medio
   tono más para no desaparecer. */
.nsfcenit-scope.nsfcenit-px,
.nsfcenit-px{
  --px-paper:    #ffffff;
  --px-panel:    #f1f1ef;   /* marcador de foto y placas */
  --px-rule:     #dcdbd6;
  --px-rule-sft: #ebeae6;
}


/* ── PÁGINA DE NOTA — plantilla propia, centrada ────────────
   Venía con la misma disposición que el resto de los componentes:
   columna medida pegada al margen izquierdo. En escritorio eso
   deja la nota descolgada contra un costado y muchísimo aire
   muerto del otro.

   Pasa a columna centrada, y con un bloque de cabecera propio:
   migas, titular y bajada CENTRADOS, con la ficha de datos
   también al medio. El cuerpo en cambio queda alineado a la
   izquierda: centrar texto corrido destruye la lectura, porque
   el ojo pierde el punto de arranque de cada renglón.

   Es la diferencia entre centrar el BLOQUE y centrar el TEXTO.
   ============================================================ */
.nsfcenit-px.nsfcenit-note-widget{ background:var(--px-paper); }
.nsfcenit-px .note-wrap{ padding:56px 0 64px; }

.nsfcenit-scope.nsfcenit-px .note-breadcrumb,
.nsfcenit-scope.nsfcenit-px .note-title,
.nsfcenit-scope.nsfcenit-px .note-subtitle,
.nsfcenit-scope.nsfcenit-px .note-author-row,
.nsfcenit-scope.nsfcenit-px .note-date,
.nsfcenit-scope.nsfcenit-px .share-row,
.nsfcenit-scope.nsfcenit-px .note-figure,
.nsfcenit-scope.nsfcenit-px .note-figcaption,
.nsfcenit-scope.nsfcenit-px .note-body{
  max-width:740px;
  margin-left:auto;
  margin-right:auto;
}

/* Cabecera centrada: migas con el filete corto al medio */
.nsfcenit-scope.nsfcenit-px .note-breadcrumb{
  justify-content:center;
  border-bottom:0;
  padding:0;
  margin-bottom:20px;
  color:var(--px-accent);
}
/* El margen va con `auto` a los lados, no en cero.

   La regla de centrado de más arriba pone `margin-left:auto` y
   `margin-right:auto`; escribir después `margin:0 0 18px` es una
   abreviatura que fija los cuatro lados y pisa esos dos autos con cero.
   El bloque quedaba pegado a la izquierda del contenedor mientras el
   resto de la cabecera sí se centraba.

   Una abreviatura no declara sólo lo que uno escribe: declara TODOS los
   lados, también los que se omiten. */
.nsfcenit-scope.nsfcenit-px .note-title{
  text-align:center;
  letter-spacing:-.032em;
  margin:0 auto 18px;
}
.nsfcenit-scope.nsfcenit-px .note-subtitle{
  text-align:center;
  max-width:62ch;
  margin:0 auto 28px;
  color:var(--px-slate);
}
/* La ficha de datos al medio, con el filete arriba y abajo que la
   encierra como una línea de crédito */
.nsfcenit-scope.nsfcenit-px .note-author-row{
  justify-content:center;
  width:auto;
  background:none;
  border:0;
  border-top:1px solid var(--px-rule);
  padding:18px 0 0;
  margin:0 auto 10px;
}
.nsfcenit-scope.nsfcenit-px .note-date{
  text-align:center;
  margin:0 auto 24px;
}
.nsfcenit-scope.nsfcenit-px .share-row{
  justify-content:center;
  border-top:1px solid var(--px-rule);
  border-bottom:1px solid var(--px-rule);
  margin:0 auto 32px;
}

/* La foto sale de la medida de lectura: un poco más ancha que el
   texto, centrada, con la sombra dura de la identidad. Así la
   imagen respira sin empujar la columna de lectura. */
.nsfcenit-scope.nsfcenit-px .note-figure{
  max-width:900px;
  margin:0 auto 10px;
  box-shadow:10px 10px 0 var(--px-accent);
}
.nsfcenit-scope.nsfcenit-px .note-figure img{ aspect-ratio:16 / 9; }
.nsfcenit-scope.nsfcenit-px .note-figcaption{
  max-width:900px;
  text-align:left;
  padding:14px 0 28px;
}

/* El cuerpo: bloque centrado, texto a la izquierda */
.nsfcenit-scope.nsfcenit-px .note-body{
  text-align:left;
  padding-top:32px;
  border-top:1px solid var(--px-rule);
}
.nsfcenit-px .note-body h2,
.nsfcenit-px .note-body h3{ text-align:left; }
/* La cita sale de la medida y se centra: es el único momento en que
   centrar texto funciona, porque son dos renglones y no un párrafo. */
.nsfcenit-px .note-body blockquote{
  margin:36px 0;
  padding:24px 28px;
  text-align:center;
  background:var(--px-panel);
  border:0;
  border-top:3px solid var(--px-accent);
  border-bottom:3px solid var(--px-accent);
  font-size:21px;
  line-height:1.4;
}
.nsfcenit-px .note-body blockquote footer{ text-align:center; }

@media (max-width:1023px){
  .nsfcenit-scope.nsfcenit-px .note-figure,
  .nsfcenit-scope.nsfcenit-px .note-figcaption{ max-width:740px; }
}

@media (max-width:767px){
  .nsfcenit-px .note-wrap{ padding:28px 0 36px; }
  /* En pantalla angosta la cabecera vuelve a la izquierda: centrado en
     poco ancho produce renglones de largo irregular y se lee peor. */
  .nsfcenit-scope.nsfcenit-px .note-title,
  .nsfcenit-scope.nsfcenit-px .note-subtitle{ text-align:left; }
  .nsfcenit-scope.nsfcenit-px .note-breadcrumb,
  .nsfcenit-scope.nsfcenit-px .note-author-row,
  .nsfcenit-scope.nsfcenit-px .share-row{ justify-content:flex-start; }
  .nsfcenit-scope.nsfcenit-px .note-date{ text-align:left; }
  .nsfcenit-scope.nsfcenit-px .note-figure{ box-shadow:5px 5px 0 var(--px-accent); }
  .nsfcenit-px .note-body blockquote{ padding:18px 16px; font-size:18px; text-align:left; }
  .nsfcenit-px .note-body blockquote footer{ text-align:left; }
}


/* ============================================================
   CENIT · v2.7 — BUSCADOR EN LÍNEA
   ------------------------------------------------------------
   La lupa deja de abrir el modal de Ivory Search y despliega un
   campo al lado, en el propio cabezal. El modal tapaba la página
   entera para pedir una sola línea de texto: demasiada ceremonia
   para lo que es.

   El campo se abre creciendo en ancho, no apareciendo de golpe:
   así se entiende de dónde salió y a qué botón pertenece.
   ============================================================ */
.nsfcenit-px .header-search{
  display:inline-flex;
  align-items:center;
  gap:0;
}
.nsfcenit-px .header-search-form{
  display:block;
  overflow:hidden;
  width:0;
  transition:width 260ms cubic-bezier(.2,.8,.3,1), margin-left 260ms cubic-bezier(.2,.8,.3,1);
  margin-left:0;
}
.nsfcenit-px .header-search.is-open .header-search-form{
  width:clamp(180px,22vw,280px);
  margin-left:8px;
}
.nsfcenit-px .header-search-form input[type="search"]{
  width:100%;
  height:36px;
  padding:0 12px;
  border:1px solid var(--px-ink);
  border-radius:0;
  background:var(--px-paper);
  color:var(--px-ink);
  font-family:var(--f-px);
  font-weight:600;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  outline:0;
  /* Quita la cruz de limpiar que Safari agrega y descoloca el campo */
  appearance:none;
  -webkit-appearance:none;
}
.nsfcenit-px .header-search-form input[type="search"]::-webkit-search-cancel-button{ display:none; }
.nsfcenit-px .header-search-form input::placeholder{
  color:var(--px-muted);
  letter-spacing:.1em;
}
.nsfcenit-px .header-search-form input:focus{ border-color:var(--px-accent); }
/* La lupa queda marcada mientras el campo está abierto, para que se
   lea como un estado y no como un botón suelto. */
.nsfcenit-px .header-search.is-open .header-icon-btn[data-nsfcenit-search-open]{
  background:var(--px-ink);
  border-color:var(--px-ink);
  color:var(--px-paper);
}

@media (max-width:1024px){
  /* En tablet y móvil el cabezal no tiene ancho para un campo al lado:
     se despliega debajo, a todo el ancho de la fila. */
  .nsfcenit-px .header-search{ position:relative; }
  .nsfcenit-px .header-search-form{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:auto;
    min-width:0;
    opacity:0;
    pointer-events:none;
    transition:opacity 200ms ease;
    margin:0;
    z-index:40;
  }
  .nsfcenit-px .header-search.is-open .header-search-form{
    width:min(74vw,320px);
    opacity:1;
    pointer-events:auto;
    margin:0;
  }
  .nsfcenit-px .header-search-form input[type="search"]{
    height:42px;
    box-shadow:0 6px 18px rgba(25,29,28,.14);
  }
}

@media (prefers-reduced-motion:reduce){
  .nsfcenit-px .header-search-form{ transition:none; }
}


/* ============================================================
   CENIT · v2.8 — UN SOLO EJE PARA LA NOTA
   ------------------------------------------------------------
   La foto se veía corrida respecto del cuerpo. La causa no estaba
   en la foto: `.note-main` mide el ancho completo de su columna y
   tiene margen cero, así que queda apoyado a la izquierda. Centrar
   cada hijo dentro de esa caja los centra sobre el eje de la caja,
   no sobre el de la página, y con hijos de distinto ancho —740px
   el texto, 900px la foto— cada uno terminaba en un eje propio.

   Se centra EL CONTENEDOR una sola vez. Los hijos heredan el eje
   y dejan de poder desalinearse entre sí.
   ============================================================ */
.nsfcenit-scope.nsfcenit-px .note-main{
  max-width:900px;
  margin-inline:auto;
}
/* La foto ocupa el ancho completo del contenedor; el texto se
   recoge a su medida de lectura adentro. */
.nsfcenit-scope.nsfcenit-px .note-figure,
.nsfcenit-scope.nsfcenit-px .note-figcaption{
  max-width:100%;
  margin-left:0;
  margin-right:0;
}
.nsfcenit-scope.nsfcenit-px .note-figure img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}
/* El epígrafe se alinea con el borde de la foto, no con el texto */
.nsfcenit-scope.nsfcenit-px .note-figcaption{ text-align:left; }

@media (max-width:1023px){
  .nsfcenit-scope.nsfcenit-px .note-main{ max-width:740px; }
}


/* ============================================================
   MÁS LEÍDAS BAJO LA NOTA — widget nuevo
   ------------------------------------------------------------
   Hace el mismo trabajo que el Sidebar Más Leídas pero al pie del
   artículo, donde hay ancho de sobra: en vez de una lista vertical
   angosta, reparte las notas en columnas y usa la numeración como
   ancla visual.
   ============================================================ */
.nsfcenit-px.nsfcenit-related-widget{ background:var(--px-paper); }
.nsfcenit-px .nsfcenit-related{
  max-width:var(--px-box,1280px);
  margin-inline:auto;
  padding:48px var(--px-inset,32px) 52px;
}
.nsfcenit-px .nsfcenit-related-head{
  font-family:var(--f-px);
  font-weight:600;
  font-size:11px;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--px-accent);
  margin:0 0 28px;
  padding:0 0 12px;
  border-bottom:1px solid var(--px-ink);
}
.nsfcenit-px .nsfcenit-related-grid{
  --px-rel-cols:4;
  display:grid;
  grid-template-columns:repeat(var(--px-rel-cols),minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}
/* Cada ficha es una columna flexible para que el titular empuje la
   fecha al pie y la línea de fechas quede alineada en toda la fila. */
.nsfcenit-px .nsfcenit-related-item{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.nsfcenit-px .nsfcenit-related-img{
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  overflow:hidden;
  background:var(--px-panel);
  margin-bottom:14px;
  transition:transform 160ms ease;
}
.nsfcenit-px .nsfcenit-related-img img,
.nsfcenit-px .nsfcenit-related-img .card-img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.nsfcenit-px .nsfcenit-related-item:hover .nsfcenit-related-img{ transform:translate(-2px,-2px); }
.nsfcenit-px .nsfcenit-related-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}
/* La numeración es el ancla: cuerpo grande y en acento, como en el
   sidebar, pero arriba del titular en lugar de al costado. */
.nsfcenit-px .nsfcenit-related-num{
  font-family:var(--f-px);
  font-weight:700;
  font-size:22px;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--px-accent);
  display:block;
  margin-bottom:8px;
}
.nsfcenit-px .nsfcenit-related-kicker{
  font-family:var(--f-px);
  font-weight:600;
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--px-accent);
  display:block;
  margin-bottom:6px;
}
.nsfcenit-px .nsfcenit-related-title{
  font-family:var(--f-px);
  font-weight:700;
  font-size:17px;
  line-height:1.24;
  letter-spacing:-.015em;
  color:var(--px-ink);
  margin:0;
  flex:1 0 auto;
}
.nsfcenit-px .nsfcenit-related-date{
  font-family:var(--f-px);
  font-weight:600;
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--px-muted);
  display:block;
  margin-top:14px;
  padding-top:9px;
  padding-left:2px;   /* protege el primer glifo de cualquier recorte */
  border-top:1px solid var(--px-rule);
}

@media (max-width:767px){
  .nsfcenit-px .nsfcenit-related{ padding:28px 18px 32px; }
  .nsfcenit-px .nsfcenit-related-grid{ gap:22px; }
  .nsfcenit-px .nsfcenit-related-num{ font-size:19px; }
  .nsfcenit-px .nsfcenit-related-title{ font-size:16px; }
}

@media (prefers-reduced-motion:reduce){
  .nsfcenit-px .nsfcenit-related-item:hover .nsfcenit-related-img{ transform:none; }
}


/* ============================================================
   CENIT · v2.9 — LA FICHA LATERAL EN MÓVIL
   ------------------------------------------------------------
   El titular quedaba pisado por la foto. Causa: en la v2.2 se le
   dio 120px de ancho a la miniatura, y esa regla quedó DESPUÉS del
   bloque de móvil que la bajaba a 96px.

   Las media queries no suman especificidad. Una regla posterior le
   gana a una anterior aunque la anterior esté dentro de un
   `@media`: la consulta acota cuándo aplica, no cuánto pesa. Así
   que la foto conservaba sus 120px, desbordaba su columna de 96 y
   se metía sobre el texto.

   El ancho de la foto y el de su columna pasan a salir de la misma
   variable: no pueden volver a desincronizarse.
   ============================================================ */
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side{ --px-side-thumb:120px; }
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card{
  grid-template-columns:var(--px-side-thumb) minmax(0,1fr);
}
.nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-img{
  width:var(--px-side-thumb);
  max-width:100%;
}

@media (max-width:767px){
  /* Una sola variable y las dos medidas acompañan */
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side{ --px-side-thumb:92px; }
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card,
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:first-child,
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-side-card:last-child{
    grid-template-columns:var(--px-side-thumb) minmax(0,1fr);
    gap:14px;
    padding:14px 0;
    align-items:center;
    align-content:center;
  }
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side .nsfcenit-dynamic-title{
    font-size:15px;
    line-height:1.26;
  }
  /* Sin texto superpuesto en la lateral, pase lo que pase */
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side-card .nsfcenit-dynamic-content{
    position:static;
    padding:0;
    color:inherit;
  }
  .nsfcenit-scope.nsfcenit-px .nsfcenit-dynamic-side-card .nsfcenit-dynamic-img::after{ content:none; }
}