/*
 Theme Name: Earnify WP Lite
 Author: Miguel Urteaga & Osvaldo Santos
 Description: Earnify WP Lite.
 Version: 1.16 Stories
*/

/* === Earnify Stories UX 2.0 === */
:root{--story-max:820px;--story-text:#1d2327;--story-muted:#687076;--story-border:#e7e9ec;--story-bg:#fff;--story-soft:#f6f7f8}
.story-shell{max-width:var(--story-max);margin:0 auto;padding:20px 16px 48px}
.story-card{background:var(--story-bg);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.story-card__inner{padding:20px 22px 30px}
.story-title{font-size:clamp(30px,6vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.025em;margin:0 0 12px;color:#111}
.story-meta{font-size:14px;color:var(--story-muted);margin-bottom:18px}
.story-featured{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.story-content{font-size:19px;line-height:1.8;color:var(--story-text);overflow-wrap:anywhere}
.story-content p{margin:0 0 1.35em}.story-content h2{font-size:29px;line-height:1.2;margin:1.7em 0 .6em;font-weight:800}.story-content h3{font-size:23px;line-height:1.3;margin:1.5em 0 .55em;font-weight:750}
.story-content img{max-width:100%;height:auto;border-radius:14px;margin:12px auto;display:block}
.story-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #111;background:var(--story-soft);border-radius:0 12px 12px 0}
.story-content iframe,.story-content video{display:block;max-width:100%;margin:24px auto;border:0;border-radius:16px;background:#000;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.story-content iframe{width:100%;aspect-ratio:16/9;height:auto}
.story-content video{width:min(100%,560px);height:auto;max-height:78vh;object-fit:contain}
.story-content .wp-block-video,.story-content .wp-block-embed{margin:26px auto;max-width:680px}
.story-content .wp-block-video video{width:100%}
.story-share{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--story-border);border-bottom:1px solid var(--story-border);margin:26px 0}
.story-share a{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.story-related{max-width:var(--story-max);margin:0 auto 50px;padding:0 16px}.story-related__title{font-size:28px;font-weight:800;margin:0 0 18px}.story-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-related__item{display:block;text-decoration:none;color:#111;background:#fff;border:1px solid var(--story-border);border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.story-related__item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.story-related__thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.story-related__body{padding:12px}.story-related__item h3{font-size:16px;line-height:1.3;margin:0;font-weight:750}.story-related__item p{font-size:13px;color:var(--story-muted);margin:7px 0 0}
@media(max-width:767px){.story-shell{padding:8px 10px 32px}.story-card{border-radius:12px;box-shadow:none}.story-card__inner{padding:17px 14px 24px}.story-title{font-size:32px}.story-content{font-size:18px;line-height:1.72}.story-content h2{font-size:25px}.story-related{padding:0 10px}.story-related__grid{grid-template-columns:1fr}.story-related__item{display:grid;grid-template-columns:125px 1fr}.story-related__thumb{height:100%;aspect-ratio:1/1}.story-related__body{padding:11px}}