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

Desaparición y humor de Héctor de Miguel

2026-04-20 13:03:42

El video aborda la desaparición misteriosa de Héctor de Miguel, conocido como Keke, desde hace tres meses. Se presenta en tono humorístico la incertidumbre sobre su paradero y las posibles razones de su ausencia. Además, se mencionan diferencias culturales en la cocina española y referencias a su próximo programa en Play. El video combina humor, rumores y situaciones cotidianas.

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.

Reel

Desigualdad social y crítica a influencers

2026-04-20 19:12:32

El video expresa una crítica hacia la desigualdad social, señalando que la clase trabajadora siente resentimiento contra los influencers que exhiben privilegios económicos. Se menciona que esta crispación social se debe a la percepción de injusticia, ya que algunos jóvenes logran propiedades y riquezas que muchos no podrán alcanzar. Se denuncia también la hipocresía de quienes, en posición privilegiada, aparentan austeridad.

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 social y educativo del barrio

2026-04-20 18:42:47

El video reflexiona sobre el valor social y cultural del barrio, presentado a través de la serie Barrio Esperanza que protagoniza Mariona Terés. Destaca la importancia de los profesores que entienden y apoyan a sus alumnos en contextos complejos, así como la identidad real y vivencial del barrio frente a su apropiación superficial. Se subraya que el barrio es más que un lugar físico; es una forma de ver y estar en el mundo que debe respetarse.