/* ─── 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

Reinserción y educación en prisión

2026-04-19 14:03:04

El video aborda la reinserción mediante la educación en prisión donde se preparan futuros docentes y se estudian oposiciones. Se menciona el tratamiento de temas actuales como el acoso escolar, bullying, violencia vicaria y salud emocional infantil, abordados con un enfoque positivo y accesible para todos los públicos. Se destaca la importancia de fomentar el diálogo familiar sobre conductas normalizadas en la sociedad.

Reel

Problemas sociales y educativos en Lampa

2026-04-19 21:10:06

El video reflexiona sobre las dificultades que enfrentan las niñas en la comunidad de Lampa, como abandono escolar, conflictos familiares, y riesgo de caer en drogadicción o encarcelamiento. Se reconoce la importancia de la intervención comunitaria enfocada en el apoyo escolar, específicamente con programas de desayunos, para mejorar la situación actual. También se destaca la frustración ante la ineficacia de múltiples gestiones previas y la necesidad de perseverancia en estas iniciativas.

Reel

torneo de petanca con celebrities

2026-04-19 16:06:13

Se está organizando un torneo de petanca que contará con la participación de profesionales y celebridades en equipos mixtos. Algunos participantes aún no se han revelado debido a confidencialidad, pero se mencionan figuras como Antonio Resines y la posible asistencia de una actriz de Netflix. Se comenta que la edad influye en la habilidad para jugar a la petanca y hay expectativas mixtas sobre el nivel de talento en el torneo.

Reel

Conflictos escolares y experiencias personales

2026-04-19 10:09:02

El video presenta un diálogo humorístico entre dos personajes que comparten experiencias conflictivas y anécdotas de sus años escolares. Mencionan expulsiones, conflictos con profesores y comportamientos rebeldes que marcaron su paso por la escuela. La conversación tiene un tono ligero y competitivo en cuanto a quién tuvo mayores dificultades.

Reel

MasterChef temporada 14 y gastronomía

2026-04-18 19:47:22

En la entrevista, Pepe, seleccionador de cocineros para MasterChef, habla sobre la temporada 14 del programa y los cambios en la fórmula que mantienen la esencia de pasión y diversión por la cocina. Se menciona un homenaje al Basque Culinary Center y la conexión con el fútbol español a través del Atlético de Madrid y la Copa del Rey. La conversación refleja entusiasmo por mostrar la riqueza culinaria de España.