/* ==========================================================================
   NOVA STEM LABS — Noticias Científicas
   Sección del inicio, listado (/noticias) y página de artículo.
   Usa las variables de styles.css.
   ========================================================================== */

/* Enlace «Noticias» del menú: punto luminoso que late */
.nav__links > a.is-news::before{
  content:''; display:inline-block;
  width:7px; height:7px; margin-right:7px;
  border-radius:50%;
  background:#7FDBFF;
  box-shadow:0 0 0 0 rgba(34,185,245,.7), 0 0 10px rgba(34,185,245,.9);
  vertical-align:middle;
  animation:notiPunto 2.4s ease-out infinite;
}
@keyframes notiPunto{
  0%  { box-shadow:0 0 0 0 rgba(34,185,245,.6), 0 0 10px rgba(34,185,245,.9); }
  70% { box-shadow:0 0 0 7px rgba(34,185,245,0), 0 0 10px rgba(34,185,245,.9); }
  100%{ box-shadow:0 0 0 0 rgba(34,185,245,0), 0 0 10px rgba(34,185,245,.9); }
}

/* ==========================================================================
   El círculo brillante
   Esfera luminosa con textura celular, anillo de luz que gira, órbita con
   satélites y halo que late. Es a la vez emblema y botón de la sección.
   ========================================================================== */

.orbe{
  --orbe:300px;
  position:relative;
  flex-shrink:0;
  width:var(--orbe); height:var(--orbe);
  display:grid; place-items:center;
  border-radius:50%;
  color:#fff; text-align:center; text-decoration:none;
  isolation:isolate;
  transition:transform .6s var(--e-out);
}
a.orbe:hover{ text-decoration:none; transform:scale(1.035); }
a.orbe:focus-visible{ outline-offset:18px; border-radius:50%; }

/* Halo exterior */
.orbe::before{
  content:''; position:absolute; inset:-24%;
  border-radius:50%;
  background:radial-gradient(closest-side, rgba(34,185,245,.4), rgba(11,111,212,.15) 55%, transparent 76%);
  z-index:-4;
  animation:orbeLatido 5s ease-in-out infinite;
  pointer-events:none;
}
a.orbe:hover::before{ animation-duration:2.6s; }

/* Órbita punteada con dos satélites */
.orbe__orbita{
  position:absolute; inset:-18px;
  border-radius:50%;
  border:1px dashed rgba(127,219,255,.26);
  z-index:-3;
  animation:orbeGiro 32s linear infinite;
}
.orbe__orbita::before,
.orbe__orbita::after{
  content:''; position:absolute;
  border-radius:50%;
  background:#9BE4FF;
}
.orbe__orbita::before{
  width:9px; height:9px; top:-5px; left:calc(50% - 4.5px);
  box-shadow:0 0 12px 3px rgba(34,185,245,.85);
}
.orbe__orbita::after{
  width:6px; height:6px; bottom:14%; right:4%;
  background:#C8E4F7;
  box-shadow:0 0 10px 2px rgba(200,228,247,.7);
}

/* Núcleo: esfera con brillo interior y textura de puntos (como la célula del logo) */
.orbe__nucleo{
  position:absolute; inset:9px;
  border-radius:50%;
  overflow:hidden;
  z-index:-2;
  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.3) 0%, rgba(130,215,255,.24) 14%, transparent 40%),
    radial-gradient(circle at 50% 55%, #0F5199 0%, #082F60 42%, #041735 70%, #020B1C 100%);
  box-shadow:
    inset 0 0 40px rgba(34,185,245,.55),
    inset 0 -24px 60px rgba(2,8,20,.75),
    0 0 50px rgba(34,185,245,.38),
    0 0 130px rgba(11,111,212,.3);
}
.orbe__nucleo::before{
  content:''; position:absolute; inset:-25%;
  background-image:radial-gradient(rgba(170,228,255,.55) 1.1px, transparent 1.7px);
  background-size:15px 15px;
  -webkit-mask-image:radial-gradient(circle, #000 18%, transparent 60%);
          mask-image:radial-gradient(circle, #000 18%, transparent 60%);
  opacity:.55;
  animation:orbeGiro 70s linear infinite;
}
.orbe__nucleo::after{
  content:''; position:absolute;
  top:7%; left:20%; width:60%; height:32%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.2), transparent 70%);
}

/* Anillo de luz que gira */
.orbe__anillo{
  position:absolute; inset:0;
  border-radius:50%;
  padding:2px;
  background:conic-gradient(from 0deg,
    rgba(34,185,245,0) 0deg, rgba(34,185,245,.95) 70deg, #EAF8FF 108deg, rgba(34,185,245,0) 168deg,
    rgba(11,111,212,0) 196deg, rgba(34,120,245,.9) 282deg, rgba(34,185,245,0) 350deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  filter:drop-shadow(0 0 6px rgba(34,185,245,.8));
  z-index:-1;
  animation:orbeGiro 7s linear infinite;
}

.orbe__txt{
  position:relative;
  display:flex; flex-direction:column; align-items:center; gap:9px;
  padding:0 30px;
}
.orbe__kicker{
  font-family:'Sora',sans-serif;
  font-size:.58rem; font-weight:600;
  letter-spacing:.38em; margin-right:-.38em;
  color:#8FDBFF;
}
.orbe__titulo{
  font-family:'Sora',sans-serif;
  font-size:1.78rem; font-weight:700;
  line-height:1.06; letter-spacing:-.01em;
  color:#fff;
  text-shadow:0 0 18px rgba(34,185,245,.75), 0 0 2px rgba(255,255,255,.7);
}
.orbe__ver{
  margin-top:4px;
  padding:6px 14px;
  border-radius:var(--r-full);
  border:1px solid rgba(143,219,255,.42);
  background:rgba(3,13,31,.42);
  font-size:.76rem; font-weight:600;
  color:#D4F1FF;
  transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
a.orbe:hover .orbe__ver{ background:var(--cyan); color:var(--ink); border-color:var(--cyan); }
.orbe__linea{
  width:64px; height:1px; margin-top:4px;
  background:linear-gradient(90deg, transparent, #8FDBFF, transparent);
}

@keyframes orbeGiro{ to{ transform:rotate(360deg); } }
@keyframes orbeLatido{
  0%,100%{ opacity:.6; transform:scale(.94); }
  50%    { opacity:1;  transform:scale(1.05); }
}

/* Versión diminuta: tarjetas sin foto y estados vacíos */
.miniOrbe{
  position:relative; display:inline-block;
  width:64px; height:64px; border-radius:50%;
  background:radial-gradient(circle at 50% 36%, rgba(255,255,255,.3), rgba(130,215,255,.2) 16%, transparent 42%),
             radial-gradient(circle, #0F5199 0%, #072B5A 50%, #031430 100%);
  box-shadow:inset 0 0 18px rgba(34,185,245,.6), 0 0 26px rgba(34,185,245,.45);
}
.miniOrbe > span{
  position:absolute; inset:-5px;
  border-radius:50%;
  border:1px solid transparent;
  border-top-color:#9BE4FF; border-right-color:rgba(34,185,245,.5);
  animation:orbeGiro 5s linear infinite;
}

/* ==========================================================================
   Sección del inicio
   ========================================================================== */

.section--noticias{
  background:
    radial-gradient(900px 520px at 18% 20%, rgba(11,111,212,.2), transparent 62%),
    linear-gradient(180deg, var(--ink), #051731 50%, var(--ink));
}

.notiHead{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:clamp(40px, 7vw, 96px);
  margin-bottom:var(--s-8);
  padding-inline:28px;
}
.notiHead__txt{ margin:0; }
.notiHead__btn{ margin-top:var(--s-5); }

.notiGrid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:var(--s-5);
}

/* ==========================================================================
   Tarjeta de artículo
   ========================================================================== */

.notiCard{
  position:relative;
  display:flex; flex-direction:column;
  border-radius:var(--r-lg);
  overflow:hidden;
  background:linear-gradient(165deg, rgba(13,46,88,.72), rgba(8,32,63,.55));
  border:1px solid var(--navy-edge);
  transition:transform var(--t-mid) var(--e-out), border-color var(--t-mid), box-shadow var(--t-mid);
}
.notiCard:hover{
  transform:translateY(-6px);
  border-color:rgba(34,185,245,.5);
  box-shadow:0 22px 60px rgba(0,0,0,.42), 0 0 0 1px rgba(34,185,245,.12);
}
.notiCard:focus-within{ border-color:rgba(34,185,245,.6); }

.notiCard__img{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:
    radial-gradient(400px 220px at 50% 60%, rgba(11,111,212,.35), transparent 70%),
    linear-gradient(160deg,#0A2A55,#041430);
}
.notiCard__img img{
  width:100%; height:100%; object-fit:cover;
  transition:transform var(--t-slow) var(--e-out);
}
.notiCard:hover .notiCard__img img{ transform:scale(1.05); }
.notiCard__img::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, transparent 55%, rgba(8,32,63,.75) 100%);
}
.notiCard__sinFoto{ position:absolute; inset:0; display:grid; place-items:center; }

.notiCard__cat{
  position:absolute; left:14px; top:14px; z-index:1;
  padding:5px 12px;
  border-radius:var(--r-full);
  background:rgba(3,13,31,.72);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid rgba(34,185,245,.35);
  font-size:.7rem; font-weight:600; letter-spacing:.06em;
  color:#BDEBFF;
}

.notiCard__cuerpo{
  flex:1;
  display:flex; flex-direction:column;
  padding:var(--s-5) var(--s-5) var(--s-6);
}
.notiCard__meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin-bottom:var(--s-3);
  font-size:.78rem; color:var(--text-3);
}
.notiCard__pdf{
  margin-left:auto;
  padding:2px 8px;
  border-radius:6px;
  background:rgba(240,104,94,.14);
  border:1px solid rgba(240,104,94,.35);
  color:#FFB4AD;
  font-size:.66rem; font-weight:700; letter-spacing:.08em;
}
.notiCard__titulo{
  font-size:1.14rem; line-height:1.3;
  margin-bottom:var(--s-3);
}
/* Toda la tarjeta es clicable con un único enlace (el del título) */
.notiCard__titulo a{ color:var(--text); text-decoration:none; }
.notiCard__titulo a::after{ content:''; position:absolute; inset:0; z-index:2; }
.notiCard__titulo a:focus-visible{ outline:none; }
.notiCard__titulo a:focus-visible::after{ outline:2px solid var(--cyan); outline-offset:-2px; border-radius:var(--r-lg); }
.notiCard__resumen{
  color:var(--text-2); font-size:.92rem;
  margin-bottom:var(--s-4);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.notiCard__leer{
  margin-top:auto;
  display:inline-flex; align-items:center; gap:8px;
  font-weight:600; font-size:.9rem; color:var(--cyan);
}
.notiCard__leer span{ transition:transform var(--t-fast) var(--e-out); }
.notiCard:hover .notiCard__leer span{ transform:translateX(5px); }

/* Destacada (primera del listado): horizontal y más grande */
.notiCard--dest{ grid-column:1 / -1; }
@media (min-width:900px){
  .notiCard--dest{ flex-direction:row; min-height:380px; }
  .notiCard--dest .notiCard__img{ flex:0 0 56%; aspect-ratio:auto; }
  .notiCard--dest .notiCard__img::after{ background:linear-gradient(90deg, transparent 60%, rgba(8,32,63,.6) 100%); }
  .notiCard--dest .notiCard__cuerpo{ justify-content:center; padding:var(--s-7) var(--s-7); }
  .notiCard--dest .notiCard__titulo{ font-size:clamp(1.5rem,2.4vw,2rem); letter-spacing:-.02em; }
  .notiCard--dest .notiCard__resumen{ font-size:1rem; -webkit-line-clamp:4; }
}

/* Sin artículos todavía */
.notiVacio{
  grid-column:1 / -1;
  display:flex; align-items:center; gap:var(--s-5);
  padding:var(--s-6);
  border-radius:var(--r-lg);
  border:1px dashed rgba(34,185,245,.3);
  background:rgba(8,32,63,.4);
  color:var(--text-2);
}
.notiVacio strong{ color:var(--text); }
.notiVacio--grande{ flex-direction:column; text-align:center; padding:var(--s-8) var(--s-5); }
.notiVacio--grande .miniOrbe{ width:96px; height:96px; }

/* ==========================================================================
   Páginas del blog: cabecera, migas y listado
   ========================================================================== */

.blog main{ min-height:60vh; }

.migas{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin-bottom:var(--s-4);
  font-size:.82rem; color:var(--text-3);
}
.migas a{ color:var(--text-2); }
.migas a:hover{ color:var(--cyan); }

.notiHero{
  padding-top:calc(var(--nav-h) + var(--s-8));
  padding-bottom:var(--s-7);
  overflow:hidden; overflow:clip;
}
.notiHero__inner{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:clamp(40px, 7vw, 100px);
}
.notiHero .orbe{ --orbe:340px; margin:28px; }
.notiHero__titulo{
  font-size:clamp(2.4rem, 5.6vw, 4.2rem);
  font-weight:700; letter-spacing:-.04em;
  margin:var(--s-2) 0 var(--s-4);
}
.notiHero__lead{ color:var(--text-2); font-size:1.08rem; max-width:58ch; }
.notiHero__cuenta{
  display:inline-flex; margin-top:var(--s-5);
  padding:6px 14px;
  border-radius:var(--r-full);
  border:1px solid rgba(34,185,245,.3);
  background:rgba(34,185,245,.08);
  font-size:.8rem; font-weight:600; color:var(--cyan);
}

.notiListado{ padding-top:var(--s-6); }

.notiFiltros{
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-4);
  margin-bottom:var(--s-6);
}
.notiBuscar{
  position:relative; flex:1 1 280px; max-width:420px;
  display:flex; align-items:center;
}
.notiBuscar svg{ position:absolute; left:16px; width:18px; height:18px; color:var(--text-3); pointer-events:none; }
.notiBuscar input{
  width:100%; height:48px;
  padding:0 16px 0 46px;
  border-radius:var(--r-full);
  background:rgba(8,32,63,.6);
  border:1px solid var(--navy-edge);
  color:var(--text); font-size:.95rem;
  transition:border-color var(--t-fast), box-shadow var(--t-fast);
}
.notiBuscar input::placeholder{ color:var(--text-3); }
.notiBuscar input:focus{ outline:none; border-color:var(--cyan); box-shadow:0 0 0 3px rgba(34,185,245,.18); }
.notiChips{ display:flex; flex-wrap:wrap; gap:8px; }
.notiChip{
  min-height:40px; padding:8px 16px;
  border-radius:var(--r-full);
  border:1px solid var(--navy-edge);
  background:rgba(13,46,88,.45);
  color:var(--text-2); font-size:.86rem; font-weight:500;
  transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.notiChip:hover{ color:var(--text); border-color:rgba(34,185,245,.4); }
.notiChip.is-on{ background:var(--cyan); border-color:var(--cyan); color:var(--ink); font-weight:600; }
.notiCard.is-oculta{ display:none; }
.notiSinResultados{ margin-top:var(--s-5); color:var(--text-3); text-align:center; }

/* ==========================================================================
   Página de artículo
   ========================================================================== */

.vistaPrevia{
  position:fixed; left:50%; top:calc(var(--nav-h) + 10px); z-index:calc(var(--z-nav) - 1);
  transform:translateX(-50%);
  padding:8px 16px;
  border-radius:var(--r-full);
  background:rgba(242,178,76,.16);
  border:1px solid rgba(242,178,76,.5);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  color:#FFD99A; font-size:.82rem;
  white-space:nowrap;
}

.art{
  padding-top:calc(var(--nav-h) + var(--s-8));
  background:
    radial-gradient(1000px 560px at 50% 0%, rgba(11,111,212,.2), transparent 62%),
    var(--ink);
}
.art__cab{ max-width:880px; text-align:center; }
.art__cab .migas{ justify-content:center; }
.art__cat{
  display:inline-flex;
  padding:6px 14px;
  border-radius:var(--r-full);
  border:1px solid rgba(34,185,245,.35);
  background:rgba(34,185,245,.1);
  font-size:.74rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--cyan);
  margin-bottom:var(--s-4);
}
.art__titulo{
  font-size:clamp(2rem, 4.6vw, 3.4rem);
  font-weight:700; letter-spacing:-.035em; line-height:1.1;
  margin-bottom:var(--s-5);
}
.art__resumen{
  font-size:clamp(1.05rem, 1.8vw, 1.22rem);
  color:var(--text-2);
  max-width:68ch; margin:0 auto var(--s-6);
}
.art__meta{
  display:inline-flex; align-items:center; gap:14px;
  text-align:left;
}
.art__avatar{
  width:48px; height:48px; flex-shrink:0;
  display:grid; place-items:center;
  border-radius:50%;
  font-family:'Sora',sans-serif; font-weight:700; font-size:.95rem;
  color:#fff;
  background:radial-gradient(circle at 50% 35%, #1A7FD6, #0A3B78 70%);
  box-shadow:0 0 0 2px rgba(34,185,245,.45), 0 0 22px rgba(34,185,245,.45);
}
.art__autor{ display:flex; flex-direction:column; line-height:1.4; }
.art__autor strong{ font-size:.95rem; color:var(--text); }
.art__autor span{ font-size:.82rem; color:var(--text-3); }

.art__portada{
  max-width:1120px;
  margin:var(--s-7) auto 0;
}
.art__portada img{
  width:100%; max-height:620px;
  aspect-ratio:16/9; object-fit:cover;
  border-radius:var(--r-xl);
  border:1px solid rgba(34,185,245,.2);
  box-shadow:0 30px 80px rgba(0,0,0,.5), 0 0 60px rgba(11,111,212,.22);
}
.art__sinPortada{
  width:min(560px, 80%); height:1px; margin:var(--s-7) auto 0;
  background:linear-gradient(90deg, transparent, rgba(34,185,245,.7), transparent);
}

.art__cuerpo{ max-width:760px; padding-top:var(--s-7); padding-bottom:var(--s-9); }

/* Tipografía de lectura */
.prosa{
  font-size:1.09rem; line-height:1.82;
  color:#D3E4F4;
}
.prosa > * + *{ margin-top:1.2em; }
.prosa p{ margin:0; }
.prosa > p:first-child::first-letter{
  float:left;
  font-family:'Sora',sans-serif; font-weight:700;
  font-size:3.4em; line-height:.9;
  margin:.06em .12em 0 0;
  color:var(--cyan);
  text-shadow:0 0 22px rgba(34,185,245,.5);
}
.prosa h2{
  position:relative;
  margin-top:2em;
  padding-left:22px;
  font-size:clamp(1.35rem, 2.4vw, 1.7rem);
  color:var(--text);
}
.prosa h2::before{
  content:''; position:absolute; left:0; top:.42em;
  width:10px; height:10px; border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 14px rgba(34,185,245,.9);
}
.prosa a{ color:var(--cyan); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(34,185,245,.45); }
.prosa a:hover{ text-decoration-color:var(--cyan); }
.prosa strong{ color:var(--text); font-weight:600; }
.prosa ul, .prosa ol{ padding-left:1.4em; }
.prosa ul{ list-style:none; padding-left:0; }
.prosa ul li{ position:relative; padding-left:1.5em; }
.prosa ul li::before{
  content:''; position:absolute; left:.3em; top:.72em;
  width:7px; height:7px; border-radius:50%;
  background:var(--cyan); box-shadow:0 0 8px rgba(34,185,245,.7);
}
.prosa ol{ list-style:decimal; }
.prosa ol li::marker{ color:var(--cyan); font-weight:600; }
.prosa li + li{ margin-top:.5em; }
.prosa figure{ margin:2em 0; }
.prosa figure img{
  width:100%; border-radius:var(--r-lg);
  border:1px solid var(--navy-edge);
}
.prosa figcaption{
  margin-top:10px;
  font-size:.86rem; color:var(--text-3); text-align:center;
}
.prosa blockquote{
  position:relative;
  margin:2em 0;
  padding:var(--s-5) var(--s-6);
  border-radius:0 var(--r-lg) var(--r-lg) 0;
  background:linear-gradient(90deg, rgba(34,185,245,.1), rgba(13,46,88,.3));
  border-left:3px solid var(--cyan);
  box-shadow:-8px 0 24px -12px rgba(34,185,245,.8);
}
.prosa blockquote p{
  font-family:'Sora',sans-serif;
  font-size:1.18rem; line-height:1.55; font-style:italic;
  color:var(--text);
}
.prosa blockquote cite{
  display:block; margin-top:10px;
  font-style:normal; font-size:.86rem; color:var(--cyan);
}
.prosa blockquote cite::before{ content:'— '; }

/* Documentos adjuntos */
.artDocs{ margin-top:var(--s-8); }
.artDocs__titulo, .artRefs__titulo{
  font-size:.8rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--cyan); margin-bottom:var(--s-4);
}
.artDocs__lista{ display:grid; gap:10px; }
.artDoc{
  display:flex; align-items:center; gap:var(--s-4);
  padding:var(--s-4);
  border-radius:var(--r-md);
  background:rgba(8,32,63,.6);
  border:1px solid var(--navy-edge);
  transition:border-color var(--t-fast);
}
.artDoc:hover{ border-color:rgba(34,185,245,.4); }
.artDoc__ico{
  width:48px; height:48px; flex-shrink:0;
  display:grid; place-items:center;
  border-radius:12px;
  background:rgba(240,104,94,.12);
  color:#FF9C92;
}
.artDoc__ico svg{ width:28px; height:28px; }
.artDoc__txt{ flex:1; min-width:0; display:flex; flex-direction:column; }
.artDoc__txt strong{ font-size:.95rem; color:var(--text); overflow-wrap:anywhere; }
.artDoc__txt small{ font-size:.78rem; color:var(--text-3); }
.artDoc__acc{ display:flex; gap:8px; flex-shrink:0; }
.artDoc__btn{
  min-height:38px; padding:8px 14px;
  display:inline-flex; align-items:center;
  border-radius:var(--r-full);
  border:1px solid rgba(34,185,245,.35);
  color:var(--cyan); font-size:.84rem; font-weight:600;
  transition:background var(--t-fast), color var(--t-fast);
}
.artDoc__btn:hover{ text-decoration:none; background:rgba(34,185,245,.12); }
.artDoc__btn--sol{ background:var(--cyan); color:var(--ink); border-color:var(--cyan); }
.artDoc__btn--sol:hover{ background:var(--ice); color:var(--ink); }

/* Referencias */
.artRefs{ margin-top:var(--s-7); padding-top:var(--s-5); border-top:1px solid var(--navy-edge); }
.artRefs ol{ list-style:decimal; padding-left:1.4em; display:grid; gap:8px; }
.artRefs li{ font-size:.86rem; color:var(--text-3); line-height:1.6; overflow-wrap:anywhere; }
.artRefs li::marker{ color:var(--cyan); }
.artRefs a{ color:var(--text-2); text-decoration:underline; text-decoration-color:rgba(157,187,214,.4); }

/* Compartir */
.artCompartir{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  margin-top:var(--s-7);
}
.artCompartir__txt{
  margin-right:6px;
  font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-3);
}
.artCompartir__btn{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:50%;
  border:1px solid var(--navy-edge);
  background:rgba(13,46,88,.45);
  color:var(--text-2);
  transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast), transform var(--t-fast) var(--e-out);
}
.artCompartir__btn svg{ width:20px; height:20px; }
.artCompartir__btn:hover{ color:var(--cyan); border-color:var(--cyan); background:rgba(34,185,245,.1); transform:translateY(-2px); text-decoration:none; }
.artCompartir__btn.is-ok{ color:#3FBF7F; border-color:#3FBF7F; }

.artAviso{
  display:flex; align-items:flex-start; gap:var(--s-3);
  margin-top:var(--s-6);
  padding:var(--s-4);
  border-radius:var(--r-sm);
  background:rgba(242,178,76,.08);
  border:1px solid rgba(242,178,76,.28);
  font-size:.86rem; color:var(--text-2);
}
.artAviso svg{ width:22px; height:22px; flex-shrink:0; color:var(--warn); }

.artCta{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-5);
  margin-top:var(--s-6);
  padding:var(--s-6);
  border-radius:var(--r-lg);
  background:
    radial-gradient(420px 220px at 100% 0%, rgba(34,185,245,.18), transparent 70%),
    linear-gradient(150deg, rgba(13,46,88,.7), rgba(8,32,63,.5));
  border:1px solid rgba(34,185,245,.3);
}
.artCta__kicker{ font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); margin-bottom:4px; }
.artCta__txt{ font-family:'Sora',sans-serif; font-size:1.1rem; color:var(--text); max-width:36ch; }

/* Relacionados */
.notiRelacionados{ background:linear-gradient(180deg, var(--ink), #051731); }
.notiRelacionados__cab{
  display:flex; align-items:flex-end; justify-content:space-between; gap:var(--s-4);
  margin-bottom:var(--s-6);
}
.notiRelacionados__cab .secHead__title{ margin:0; }
.notiVerTodas{ font-weight:600; white-space:nowrap; }

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:900px){
  .notiHead, .notiHero__inner{ grid-template-columns:1fr; justify-items:center; text-align:center; }
  .notiHead{ padding-inline:0; }
  .notiHead__txt .secHead__tag::before{ display:none; }
  .notiHead__txt .secHead__lead{ margin-inline:auto; }
  .notiHero .migas{ justify-content:center; }
  .notiHero__lead{ margin-inline:auto; }
}

@media (max-width:720px){
  /* En el inicio, carrusel deslizable como el resto de tarjetas */
  .notiGrid--inicio{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:86%;
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:var(--s-4);
    margin-inline:calc(var(--s-4) * -1);
    padding:6px var(--s-4) 10px;
    scrollbar-width:none;
  }
  .notiGrid--inicio::-webkit-scrollbar{ display:none; }
  .notiGrid--inicio > *{ scroll-snap-align:start; min-width:0; }
  .notiGrid--inicio > .notiVacio{ grid-column:auto; }
  .notiGrid--lista{ grid-template-columns:1fr; gap:var(--s-4); }

  .orbe{ --orbe:236px; }
  .orbe__titulo{ font-size:1.42rem; }
  .notiHead{ gap:var(--s-7); margin-bottom:var(--s-6); }
  .notiHero{ padding-top:calc(var(--nav-h) + var(--s-6)); }
  .notiHero .orbe{ --orbe:236px; margin:22px auto 6px; }

  .notiFiltros{ flex-direction:column; align-items:stretch; }
  .notiBuscar{ max-width:none; }
  .notiChips{ flex-wrap:nowrap; overflow-x:auto; margin-inline:calc(var(--s-4) * -1); padding-inline:var(--s-4); scrollbar-width:none; }
  .notiChips::-webkit-scrollbar{ display:none; }
  .notiChip{ flex-shrink:0; }

  .art{ padding-top:calc(var(--nav-h) + var(--s-6)); }
  .art__portada{ margin-top:var(--s-6); padding-inline:0; }
  .art__portada img{ border-radius:0; border-inline:0; }
  .prosa{ font-size:1.03rem; line-height:1.78; }
  .prosa blockquote{ padding:var(--s-4) var(--s-5); }
  .artDoc{ flex-wrap:wrap; }
  .artDoc__acc{ width:100%; }
  .artDoc__btn{ flex:1; justify-content:center; }
  .artCta{ padding:var(--s-5); }
  .artCta .btn{ width:100%; }
  .notiRelacionados__cab{ align-items:center; }
  .vistaPrevia{ white-space:normal; width:calc(100% - 32px); text-align:center; }
}

@media (hover:none){
  .notiCard:hover{ transform:none; }
  .notiCard:hover .notiCard__img img{ transform:none; }
  a.orbe:hover{ transform:none; }
}

@media (prefers-reduced-motion:reduce){
  .orbe::before, .orbe__orbita, .orbe__anillo, .orbe__nucleo::before, .miniOrbe > span,
  .nav__links > a.is-news::before{ animation:none !important; }
}