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

Los reyes del género urbano, by @jonzmen 👑

2026-03-04 14:03:18

Los reyes del género urbano, by @jonzmen 👑 🔴No te pierdas ✨EL RECREO✨ de lunes a jueves a partir de las 19:30h, en @rtveplay 🫡 #EnPlayRTVE #musica #reggaeton #latinmusic #puertorico

Reel

¿De quién es la barra?

2026-04-16 17:32:42

¿De quién es la barra? 🤔 @akapellahh, @eliotoffana y @lasninyasdelcorro se enfrentan al impostor más rapero 😂 El episodio #04 Red Bull Espiral ha dejado frasones para la historia y no nos lo podíamos perder 😍 #rap #musica #hiphop

Reel

Jugamos al rey de la pista con @lericamusic 😎 ¿Qué crees elegirán?

2026-04-14 19:11:37

Jugamos al rey de la pista con @lericamusic 😎 ¿Qué crees elegirán? 🔴No te pierdas ✨#ElRecreo de lunes a jueves a partir de las 19:30h, en @rtveplay 🫡 #EnPlayRTVE #trend

Reel

Cómo ser una SPANISH CHICA💃🏼 con @mestiza.music ✨

2026-04-10 09:50:23

Cómo ser una SPANISH CHICA💃🏼 con @mestiza.music ✨ El dúo de electrónica presenta su segundo álbum, ‘Spanish Chica’, un viaje fusión entre el flamenco, el afrohouse y los sonidos étnicos que consolida a @mestiza.music como las Dj’s españolas del momento del organic house✨ Además, @coachella y @hiibizaofficial serán dos de los clubs y festivales más prestigiosos del mundo que acogerán su set a ojos de millones de personas de todo el mundo 🌍 🔴No te pierdas #ElRecreo en @rtveplay #EnPlayRTVE #entrevista #musica #techno

Reel

Video de agradecimiento al público

2026-03-31 14:17:49

El video finaliza con un mensaje de agradecimiento al público por su visualización. No se presentan temas específicos ni llamadas a la acción. La comunicación es breve y de tono cordial.

Reel

Reflexión sobre independencia emocional

2026-03-31 08:51:26

El video presenta una reflexión poética sobre la independencia emocional y la dificultad de ser la mitad de otra persona en una relación amorosa. Se enfatiza el valor de la libertad personal y la autoafirmación en el amor.