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

El baño de realidad de hoy igual le ha pillado un poco de sorpresa al jefe...

2026-04-16 21:23:50

El baño de realidad de hoy igual le ha pillado un poco de sorpresa al jefe... Pedro, no seas humilde, anda, ya quisiera George Clooney. Aunque nosotros también tenemos un mensaje para ti: desinstálate TikTok, por favor 🙏 #elintermedio20