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

Críticas y propuestas para sistema educativo español

2026-04-20 19:03:10

El video presenta una crítica irónica y humorística sobre el sistema educativo español actual, especialmente en cuanto a la disciplina en las escuelas. Se mencionan castigos tradicionales que ya están pasados de moda, como poner los brazos en cruz o los tirones de oreja. También se alude a conductas modernas en las aulas, como el vapeo, y se hace un contraste con la experiencia educativa pasada basada en materiales como tiza y borradores.

Reel

impacto medios y negacionismo

2026-04-21 10:41:19

El video critica la normalización de la estupidez social, especialmente cuando los medios promueven debates con personas poco informadas o negacionistas. Se señala que existe una ausencia de control o revisión en contenidos como podcasts, lo cual facilita la desinformación. También se cuestiona la legitimidad de debates televisivos que ponen en igualdad a expertos con negacionistas, ejemplificado en una conversación sobre la eficacia del protector solar contra el cáncer.

Reel

Análisis y opinión sobre La La Land y El Diario de Noah

2026-04-21 09:03:11

El video contiene una conversación informal acerca del actor Ryan Gosling, su atractivo físico comparado con otros actores como Hugh Grant y su papel en la película "El Diario de Noah". Se discute por qué Gosling fue elegido para el papel, sugeriendo que no se buscaba a alguien muy guapo. También se analiza una escena tóxica de la película en relación a las interacciones entre personajes.

Reel

Relaciones y dinámicas de pareja

2026-04-21 07:31:35

En la conversación se relata un conflicto en una relación provocado por un regalo simbólico, un marco con fotos de pareja, que genera una discusión debido a diferencias en valores y límites dentro de la relación. Se detalla la falta de acuerdo sobre el uso del marco y la percepción personal sobre la estética del hogar frente a la emocionalidad implicada.

Reel

Discriminación laboral por apariencia

2026-04-20 19:46:05

El video relata experiencias personales de discriminación laboral y educativa debido a la apariencia y acento. Se menciona la dificultad de encontrar trabajo por la forma de vestir y prejuicios expresados por otros, incluyendo una profesora universitaria que suspendió una presentación por el acento. Refleja críticas sociales basadas en prejuicios estéticos y regionales.

Reel

Relación Unión Europea y entidades gubernamentales

2026-04-20 19:31:32

El video presenta una reflexión sobre una relación que terminó hace seis años, interpretada metafóricamente con la Unión Europea. El hablante reconoce haber madurado y expresa sentimientos encontrados respecto a la ruptura y la posibilidad de reconciliación, aunque con cierta aceptación de la situación actual.