/* mania_news · portal público (sólo tokens de mania_core: funciona en claro y oscuro) */
.mn-hero .mania-h1{margin:0 0 var(--mania-space-2)}
.mn-hero__rss{margin:var(--mania-space-3) 0 0;font-size:var(--mania-text-sm)}
.mn-hero__rss a{display:inline-flex;gap:.4em;align-items:center;color:var(--mania-primary)}
.mn-hero__rss svg{width:16px;height:16px}

/* navegación de secciones: una fila desplazable en móvil */
.mn-secnav{margin:var(--mania-space-4) 0 0;border-bottom:1px solid var(--mania-border)}
.mn-secnav ul{display:flex;gap:var(--mania-space-1);list-style:none;margin:0;padding:0 0 var(--mania-space-3);overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mn-secnav a{display:inline-flex;align-items:center;white-space:nowrap;min-height:40px;padding:0 .9em;border-radius:var(--mania-radius-pill);color:var(--mania-text);font-size:var(--mania-text-sm);font-weight:600;text-decoration:none;border:1px solid transparent}
.mn-secnav a:hover{border-color:var(--mania-border-strong,var(--mania-border))}
.mn-secnav a[aria-current]{background:var(--mania-ink);color:var(--mania-bg)}

/* portada: principal + secundarias */
.mn-front{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding-top:var(--mania-space-6)}
.mn-front__side{display:flex;flex-direction:column;gap:var(--mania-space-5)}
.mn-front__side .mania-card--horizontal+.mania-card--horizontal{padding-top:var(--mania-space-5);border-top:1px solid var(--mania-border)}
.mn-split{padding-top:var(--mania-space-6)}
.mn-main{min-width:0}
.mn-grid{align-items:start}
.mn-span-all{grid-column:1/-1}
.mn-block{margin-top:var(--mania-space-10)}
.mn-block .mania-section-head{border-top:3px solid var(--mania-tag,var(--mania-primary));padding-top:var(--mania-space-3)}
.mn-count{margin:0 0 var(--mania-space-4);font-size:var(--mania-text-sm)}
.mn-section-lead{margin-bottom:var(--mania-space-8);padding-bottom:var(--mania-space-6);border-bottom:1px solid var(--mania-border)}

/* columna lateral */
.mn-aside{display:flex;flex-direction:column;gap:var(--mania-space-6)}
.mn-box{padding:var(--mania-space-5);border:1px solid var(--mania-border);border-radius:var(--mania-radius-lg);background:var(--mania-surface)}
.mn-box__title{margin:0 0 var(--mania-space-3);font-family:var(--mania-font-sans);font-size:var(--mania-text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mania-ink)}
.mn-box__note{margin:-4px 0 var(--mania-space-3);font-size:var(--mania-text-xs);color:var(--mania-muted)}
.mn-ranked{list-style:none;margin:0;padding:0;counter-reset:none}
.mn-ranked li{display:grid;grid-template-columns:2rem 1fr;gap:var(--mania-space-3);padding:var(--mania-space-3) 0;border-top:1px solid var(--mania-border)}
.mn-ranked li:first-child{border-top:0;padding-top:0}
.mn-ranked__n{font-family:var(--mania-font-display);font-size:1.75rem;line-height:1;font-weight:700;color:var(--mania-primary)}
.mn-ranked__t{display:block;margin-top:2px;font-family:var(--mania-font-display);font-weight:600;font-size:1.02rem;line-height:1.3;color:var(--mania-text);text-decoration:none}
.mn-ranked__t:hover{color:var(--mania-primary);text-decoration:underline}
.mn-tagcloud{display:flex;flex-wrap:wrap;gap:var(--mania-space-2);list-style:none;margin:0;padding:0}
.mn-othermedia{list-style:none;margin:0;padding:0;font-size:var(--mania-text-sm)}
.mn-othermedia li{padding:var(--mania-space-2) 0;border-top:1px solid var(--mania-border);line-height:1.4}
.mn-othermedia li:first-child{border-top:0;padding-top:0}
.mn-othermedia a{color:var(--mania-text);font-weight:600;text-decoration:none}
.mn-othermedia a:hover{color:var(--mania-primary);text-decoration:underline}
.mn-othermedia span{display:block;font-size:var(--mania-text-xs);margin-top:2px}
.mn-box--rss svg{width:16px;height:16px}

/* nota */
.mn-article{min-width:0;max-width:820px}
.mn-article__top{display:flex;gap:var(--mania-space-2);align-items:center;flex-wrap:wrap}
.mn-article__title{margin:var(--mania-space-3) 0 var(--mania-space-3);font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.mn-article__dek{margin:0 0 var(--mania-space-4);max-width:62ch}
.mn-article__meta{display:flex;flex-wrap:wrap;gap:.25em .5em;font-size:var(--mania-text-sm);color:var(--mania-muted)}
.mn-article__meta a{color:var(--mania-text);font-weight:700}
.mn-share{display:flex;flex-wrap:wrap;gap:var(--mania-space-2);margin:var(--mania-space-4) 0 var(--mania-space-5)}
.mn-share__b{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:44px;min-height:44px;padding:0 .8em;border:1px solid var(--mania-border);border-radius:var(--mania-radius-pill);background:var(--mania-surface);color:var(--mania-text);font:inherit;font-size:var(--mania-text-sm);font-weight:600;text-decoration:none;cursor:pointer}
.mn-share__b:hover{border-color:var(--mania-primary);color:var(--mania-primary)}
.mn-share__b svg{width:18px;height:18px}
.mn-article__figure{margin:0 0 var(--mania-space-6)}
.mn-article__figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--mania-radius-lg);background:var(--mania-surface-2)}
.mn-article__figure figcaption{margin-top:var(--mania-space-2);font-size:var(--mania-text-xs);color:var(--mania-muted)}
.mn-article__figure figcaption a{color:inherit}
.mn-article__body{max-width:var(--mania-measure,68ch)}
.mn-article__body .nota-fuente{font-size:var(--mania-text-sm);color:var(--mania-muted)}
.mn-article__body .mania-ad{margin:var(--mania-space-6) 0}
.mn-source{margin:var(--mania-space-6) 0;max-width:var(--mania-measure,68ch)}
.mn-source p{margin:0 0 var(--mania-space-2)}
.mn-source p:last-child{margin:0}
.mn-article__tags{margin-top:var(--mania-space-5)}
/* entre la nota (con reacciones y comentarios) y «Te puede interesar»: un solo espacio, no padding de sección + margen + padding (≈180 px) */
.mn-article-wrap{padding-bottom:var(--mania-space-8)}
.mn-related{margin-top:0;padding-top:var(--mania-space-6)}
.mn-standards{margin-bottom:var(--mania-space-10)}

@media (max-width:1023px){
  .mn-front{grid-template-columns:1fr}
  .mn-aside{position:static}
}
@media (max-width:640px){
  .mn-front{padding-top:var(--mania-space-4)}
  .mn-share__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mn-box{padding:var(--mania-space-4)}
}

/* .mania-prose p{margin:0} gana a «> * + *»: el ritmo entre párrafos se fija aquí */
.mania-prose.mn-article__body > * + p,.mania-prose.mn-article__body > p + *{margin-top:1.1em}
.mn-article__source-on .mn-article__body .nota-fuente{display:none}
/* índice por sección en la portada */
.mn-index{margin-top:var(--mania-space-10)}
.mn-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--mania-space-5)}
.mn-index__sec{padding-top:var(--mania-space-3);border-top:3px solid var(--mania-tag,var(--mania-primary))}
.mn-index__name{margin:0 0 var(--mania-space-2);font-family:var(--mania-font-sans);font-size:var(--mania-text-sm);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.mn-index__name a{color:var(--mania-ink);text-decoration:none}
.mn-index__name a:hover{color:var(--mania-primary)}
.mn-index__list{list-style:none;margin:0;padding:0}
.mn-index__list li{padding:var(--mania-space-2) 0;border-top:1px solid var(--mania-border)}
.mn-index__list li:first-child{border-top:0}
.mn-index__list a{font-family:var(--mania-font-display);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--mania-text);text-decoration:none}
.mn-index__list a:hover{color:var(--mania-primary);text-decoration:underline}
.mn-index__list span{display:block;font-size:var(--mania-text-xs);color:var(--mania-muted);margin-top:2px}
/* escritorio: las 13 pestañas en una sola línea (si no caben, la misma fila desplazable del móvil) */
@media (min-width:1024px){.mn-secnav ul{gap:2px;justify-content:space-between}.mn-secnav a{padding:0 .62em}}
