/* ─── 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: 100%; 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 0 6px; } .ns-home-desc { color: #555; font-size: 15px; margin: 0; } .ns-covers-list { display: flex; flex-direction: column; gap: 40px; } .ns-cover-card { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; background: #fafafa; } .ns-cover-card-header { padding: 20px 20px 16px; border-bottom: 1px solid #e5e5e5; } .ns-cover-card-frames { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 16px; } .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

¿Sabías que Drácula, el vampiro famoso que todos conocemos, está inspirado en un personaje real? 🧛🏼‍♂️Ya está disponible en la web de #radio3extra el segundo episodio de ‘Mitificados’, un podcast de

2025-08-13 13:00:00

¿Sabías que Drácula, el vampiro famoso que todos conocemos, está inspirado en un personaje real? 🧛🏼‍♂️Ya está disponible en la web de #radio3extra el segundo episodio de ‘Mitificados’, un podcast de @ele_vv #radio3extra #podcast #dracula #cine #leyenda #radio3

Reel

"La oportunidad más grande que puede tener un artista es la de tocar.

2026-05-08 11:41:27

"La oportunidad más grande que puede tener un artista es la de tocar. Tocar, tocar y tocar. Es la único manera que puede mejorar. Por eso, si se puede dar la máxima plataforma, sobre todo a artistas emergentes, es super buena práctica" Sobre la importancia de las salas de concierto y su experiencia tocando en pubs y open-mics nos ha hablado @onamafalda Tienes la entrevista completa en 'Crema & Nata', de @natalia_sprenger Solo en la web y la app de @radio3rne y Radio 3 Extra

Reel

(Sobre la canción 'No tocar') "Habla sobre algo que le puede pasar también a un hombre y viceversa.

2026-05-06 11:52:00

(Sobre la canción 'No tocar') "Habla sobre algo que le puede pasar también a un hombre y viceversa. Hablamos de cómo las mentiras se utilizan...es una violación de los derechos también". @paula_kings nos explica el nuevo disco de @pipiolasclub. Tienes la entrevista completa en 'Crema & Nata' de @natalia_sprenger Solo en @radio3rne y Radio 3 Extra

Reel

"Cuando se dice que vivimos en una época de mucho enfado es un gaslighting que te cagas, porque no es verdad.

2026-05-01 11:36:29

"Cuando se dice que vivimos en una época de mucho enfado es un gaslighting que te cagas, porque no es verdad. Lo que hemos dejado es de aceptar muchas cosas que eran cómodas para la gente que esta en la torre de marfil, ahí arriba". @paula_kings, poeta, escritora, compositora y la mitad de @pipiolasclub habla con @natalia_sprenger en el nuevo capítulo de 'Crema & Nata' 👉 Capítulo completo solo en la web y la app de @radio3rne y Radio 3 Extra

Reel

@luisfercan - 'Niebla'

2026-04-30 12:09:31

@luisfercan - 'Niebla' Tienes la actuación y la entrevista completa en 'Crema & Nata', de @natalia_sprenger Solo en Radio 3 Extra y la web y la App de @radio3rne

Reel

¿Qué le diría el Luis Fercán del pasado al @luisfercan de hoy?

2026-04-27 11:18:36

¿Qué le diría el Luis Fercán del pasado al @luisfercan de hoy? Le dejó un mensaje y lo hemos guardado todos estos años... Tienes la entrevista completa en 'Crema & Nata', de @natalia_sprenger Solo en @radio3rne y Radio 3 Extra