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

Conversación sobre CAPTCHA y robots

2026-04-22 16:00:00

El video presenta una conversación informal y humorística entre dos personas sobre el programa CAPTCHA y su experiencia con robots. Uno de ellos reconoce no ser muy tecnológico, pero muestra cierta familiaridad con la idea de hacer robots. El diálogo es relajado y juguetón sin profundizar en detalles técnicos.

Reel

números primos básicos

2026-04-22 19:43:29

El video muestra una interacción educativa en la que se pregunta cuál es el primer número primo. Los participantes ofrecen respuestas incorrectas sucesivamente, ilustrando un contexto de aprendizaje sobre números primos.

Reel

Legado cultural de Federico García Lorca

2026-04-22 19:17:59

El video habla sobre la importancia de recordar a Federico García Lorca no solo como poeta y dramaturgo, sino también como un activista cultural que promovió el arte popular y el teatro en los pueblos. Destaca su papel en iniciativas como el concurso de Cantejondo para valorar la cultura local y su compromiso patriótico para elevar a su país y sus compañeros. Se resalta también cómo Lorca formó parte de una generación que se apoyaba y celebraba mutuamente.

Reel

Experiencia emocional y de conflicto personal

2026-04-22 15:00:00

El narrador expresa un estado emocional negativo marcado por malestar físico y psicológico, conflictos recientes y deseo de alejamiento social. Describe dificultades para enfrentar situaciones con personas desconocidas y planea cambios para mejorar su bienestar, como evitar lugares y buscar actividades más saludables.

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.