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

🎉 ¡Historia de Saber y Ganar y de la televisión!

2026-04-12 14:42:11

🎉 ¡Historia de Saber y Ganar y de la televisión! Socarrats consiguen completar el 'Doble Gran Minuto' sin usar comodines, lo nunca visto hasta ahora, llevándose 5.000 euros. 💫 Muchísimas felicidades a Verónica, Rafay, sobre todo, a David, que ha resuelto la prueba él solito.

Reel

Moda y sesión con Javier Rey para Louis Vuitton

2026-04-22 13:00:00

Javier Rey protagoniza un reportaje exclusivo para la revista masculina Risbell donde luce prendas de Louis Vuitton diseñadas por Pharrell Williams. Durante la sesión fotográfica, el actor resalta la comodidad y el diseño de las piezas mientras comparte su experiencia de trabajar como modelo en este proyecto de moda y arte. La colaboración fusiona el estilo personal de Rey con la visión vanguardista del reconocido artista.

Reel

Conflicto y desplazamiento en Ucrania

2026-04-22 11:30:00

Alexander Pintyelin y su familia huyeron a Slavutich tras la ocupación de la central nuclear de Zaporizhia por fuerzas rusas. Describen el terror vivido durante los ataques y las dificultades para desplazarse. Alexander continúa trabajando y realiza labores de reconocimiento para el ejército ucraniano mientras su familia busca seguridad.

Reel

Diferencias entre discapacidad, incapacidad y dependencia

2026-04-22 08:54:24

El video explica las diferencias entre discapacidad, incapacidad y dependencia. Describe los tipos de incapacidad temporal y permanente, sus características y las ayudas o beneficios asociados. También detalla que la dependencia se refiere al apoyo para actividades diarias y cómo se evalúa en las comunidades autónomas. Se menciona una consulta relacionada con el SEPE respecto a estos temas.

Reel

Leyendas sobre Moulai Ismail

2026-04-22 08:36:51

El video plantea preguntas sobre varias leyendas atribuidas a Moulai Ismail, emir de Marruecos en el siglo XVII, como si fue muy pacífico, si tuvo más de mil hijos o si su mandato duró solo un día. El narrador reflexiona sobre la veracidad de estas afirmaciones, mostrando incertidumbre sobre algunas de ellas.

Reel

Cine y libertad democrática

2026-04-21 19:57:54

El video presenta a un cineasta que reflexiona sobre su carrera marcada por la libertad y la democracia en España desde 1980. Agradece a sus colaboradores y equipos de trabajo por su experiencia y expresa un compromiso por la paz mundial, denunciando conflictos internacionales y violaciones a los derechos humanos. También manifiesta su alegría por recibir un premio y su interés en volver a filmar en Barcelona.