/* ─── NOSCRIPT STYLES ─────────────────────────────────────────── */ .ns-main { position: absolute; top: 0; width: 100%; text-align: left; margin: 0 auto; padding: 24px 36px; font-family: var(--swpFontFamily); color: #222; background: #fff; line-height: 1.5; } .ns-main.ns-home { width: 860px; left: 50%; transform: translateX(-50%); } /* ── Covers nav ── */ .ns-covers-nav { background: #f5f5f5; border-bottom: 1px solid #ddd; margin-bottom: 28px; } .ns-nav-list { list-style: none; margin: 0; padding: 14px 0px; display: flex; justify-content: center; flex-wrap: wrap; } .ns-nav-item { display: block; padding: 10px 16px; color: #555; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; text-decoration: none; border-bottom: 3px solid transparent; } .ns-nav-item[aria-current="page"] { color: #111; border-bottom-color: #111; font-weight: 700; } /* ── Cover section header ── */ .ns-cover-header { border-bottom: 2px solid #eee; margin-bottom: 24px; padding-bottom: 12px; } .ns-cover-title { font-size: 26px; font-weight: 700; margin: 0 0 6px; } .ns-cover-desc { color: #555; font-size: 15px; margin: 0; } /* ── Slides list ── */ .ns-slides-section { display: flex; flex-direction: column; gap: 20px; } /* ── Individual slide article ── */ .ns-slide { display: grid; grid-template-columns: 1fr; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; background: #fafafa; } @media (min-width: 480px) { .ns-slide { grid-template-columns: 160px 1fr; } } .ns-slide-figure { margin: 0; overflow: hidden; } .ns-slide-img { width: 100%; height: 100%; object-fit: cover; display: block; } .ns-slide-content { padding: 14px 16px; } .ns-slide-section { display: inline-block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #777; margin-bottom: 4px; } .ns-slide-title { font-size: 17px; font-weight: 700; margin: 4px 0; line-height: 1.3; } .ns-slide-title a { color: #111; text-decoration: none; } .ns-slide-title a:hover { text-decoration: underline; } .ns-slide-date { display: block; font-size: 12px; color: #888; margin-top: 4px; } .ns-slide-author { font-style: normal; font-size: 12px; color: #666; margin-top: 2px; } .ns-slide-desc { font-size: 14px; color: #444; line-height: 1.5; margin: 8px 0 0; max-height: 200px; overflow-y: auto; } .ns-slide-body { font-size: 14px; color: #333; line-height: 1.6; margin-top: 10px; } .ns-slide-footer { margin-top: 12px; } .ns-slide-cta { display: inline-block; padding: 6px 14px; background: #111; color: #fff; font-size: 13px; font-weight: 600; border-radius: 4px; text-decoration: none; } .ns-slide-interaction{ display: flex; align-items: center; font-size: 12px; color: #c7c7c7; gap: 6px; line-height: 15px; } .ns-slide-interaction img{ width: 14px; height: 14px; } /* ── Home: cover cards ── */ .ns-home-header { border-bottom: 2px solid #eee; margin-bottom: 24px; padding-bottom: 12px; } .ns-home-title { font-size: 26px; font-weight: 700; margin: 0; } .ns-covers-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .ns-cover-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; background: #fafafa; } .ns-cover-card-title { font-size: 18px; font-weight: 700; margin: 0; } .ns-cover-card-title a { color: #111; text-decoration: none; } .ns-cover-card-title a:hover { text-decoration: underline; } .ns-cover-card-desc { color: #666; font-size: 14px; margin: 6px 0 0; line-height: 1.5; } /* ── Current slide ── */ .ns-slide[aria-current="true"] { width: fit-content; max-width: 1200px; display: flex; flex-direction: column; border-color: #c4c4c4; margin-bottom: 8px; } .ns-slide[aria-current="true"] .ns-slide-figure { display: flex; width: 100%; padding: 14px; order: 3; justify-content: left; } .ns-slide[aria-current="true"] .ns-slide-video { width: 100%; height: auto; max-height: 420px; object-fit: contain; display: block; } .ns-slide[aria-current="true"] .ns-slide-img { width: auto; height: 100%; max-height: 420px; object-fit: contain; display: block; } .ns-slide[aria-current="true"] .ns-slide-content { padding: 20px; } .ns-slide[aria-current="true"] .ns-slide-title { font-size: 22px; } .ns-slide[aria-current="true"] .ns-slide-desc { font-size: 15px; max-height: none; } /* ── Video element ── */ .ns-slide-video { width: 100%; display: block; background: #000; } /* ── Related articles section ── */ .ns-related-section { margin-top: 32px; border-top: 2px solid #eee; padding-top: 20px; } .ns-related-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #888; margin: 0 0 16px; } /* ─────────────────────────────────────────────────────────────── */

Reel

Celebración del título de la Real Sociedad

2026-04-20 17:25:18

El video trata sobre la celebración de la Real Sociedad tras ganar un campeonato, con referencias a la rúa y las actividades posteriores. Se menciona que la celebración había sido pospuesta el año anterior por la pandemia de COVID-19 y que los jugadores, especialmente los formados en la cantera de Zubieta, están viviendo un momento importante. Además, se anticipa que tras la rúa habrá un partido próximo para el equipo.

Reel

Experiencias personales y salud mental

2026-04-23 07:03:51

El video narra una experiencia personal relacionada con un percance emocional y mental que afecta al hablante y su entorno cercano. Se menciona la preocupación de la madre y el apoyo que intenta brindar, además del impacto en la salud y la economía del hablante. Se reflejan diferencias generacionales en la percepción de la salud mental.

Reel

Presentadores y publicación de novelas

2026-04-22 19:31:26

El video critica cómo los presentadores de televisión, con altos salarios y estilos de vida acomodados, desean publicar novelas y conseguir promoción editorial gracias a su fama. Se cuestiona la justicia y efecto disuasorio para escritores anónimos que intentan publicar sin esta influencia mediática. Se presenta un debate sobre el mérito frente a la popularidad en la promoción de libros.

Reel

Crítica de estereotipos de género prehistóricos

2026-04-22 19:18:17

El video cuestiona la creencia popular de que los roles de género tradicionales tienen una base prehistórica real, señalando que esta idea es un mito creado en los años setenta llamado teoría Mendejante. Se propone usar el extrañamiento para desnaturalizar ideas normales que en realidad no son universales, incluyendo desigualdades de género, económicas y sociales. Se invita a cuestionar y replantear estas suposiciones sin basarse en ideologías.

Reel

Críticas lanzamiento tarjeta crédito Katy Perry

2026-04-22 19:03:24

El video presenta una crítica hacia Katy Perry por el lanzamiento de su tarjeta de crédito en el contexto del evento E3. Se expresa escepticismo y desaprobación sobre la eficacia de la tarjeta y se cuestiona el enfoque de encomendarse a deidades en lugar de trabajar. El tono es directo y con un punto de vista negativo hacia la acción de la cantante.

Reel

Prohibición del tabaco en Reino Unido

2026-04-22 18:37:35

El video comenta la decisión del Reino Unido de prohibir la compra de tabaco de por vida a quienes nazcan después de 2008, destacando el impacto negativo del tabaco en la salud según la OMS. Se reflexiona sobre la efectividad de las prohibiciones y cómo estas generan desigualdad, ya que no todos pueden cumplirlas o ignorarlas con las mismas consecuencias. Finalmente, se expresa que la prohibición no puede sustituir la educación ni la coherencia, y que puede empujar a la clandestinidad.