/* Blog: composición editorial sobre el sistema visual de Sueldo Claro. */
.editorial-page{--ed-accent:var(--sc-green);--ed-wash:#edf7f2}
html[data-theme="dark"] .editorial-page{--ed-accent:#69dcb4;--ed-wash:#102b25}
.editorial-page main{padding-bottom:80px}.editorial-page main a{color:var(--ed-accent);text-decoration:none;text-underline-offset:4px}.editorial-page main a:hover,.editorial-page main a:focus-visible{text-decoration:underline}.editorial-page a:focus-visible{outline:3px solid var(--ed-accent);outline-offset:5px;border-radius:3px}.editorial-page .brand{color:var(--sc-ink)}
.ed-overline{margin:0 0 12px;color:var(--ed-accent);font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.ed-blog-intro{padding:62px 0 52px;border-bottom:1px solid var(--sc-line)}.ed-blog-intro h1{margin:0 0 18px;font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-.065em}.ed-blog-intro>p:last-child{max-width:690px;margin:0;color:var(--sc-muted);font-size:19px;line-height:1.65}
.ed-topic{padding:46px 0 18px}.ed-latest{scroll-margin-top:84px}.ed-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:0 0 14px;border-bottom:1px solid var(--sc-line);position:relative}.ed-section-heading:after{content:'';position:absolute;left:0;bottom:-1px;width:150px;height:2px;background:var(--ed-accent)}.ed-section-heading>*{margin:0}.ed-section-heading h1,.ed-section-heading h2{font-size:34px;letter-spacing:-.045em}.ed-section-heading p{max-width:480px;color:var(--sc-muted);line-height:1.55}
.ed-featured{margin:30px 0;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-surface,transparent)}.ed-guide-featured-link{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);grid-template-areas:'copy image';gap:clamp(26px,4vw,46px);align-items:center;padding:16px;color:var(--sc-ink);text-decoration:none;border-radius:8px}.ed-guide-featured-link>div{grid-area:copy}.ed-guide-featured-link>img{grid-area:image}.ed-featured img,.ed-secondary-story img,.ed-article-figure img{display:block;width:100%;height:auto;border-radius:7px;background:var(--ed-wash)}.ed-featured h3{font-size:clamp(30px,3.1vw,44px);line-height:1.1;letter-spacing:-.045em;margin:13px 0 16px}.ed-featured>div>p:not(.ed-story-meta),.ed-secondary-story>div>p:not(.ed-story-meta){color:var(--sc-muted);line-height:1.7}.ed-story-meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin:0;color:var(--sc-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.ed-story-meta span:first-child{color:var(--ed-accent);font-weight:700}.ed-text-link{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;text-decoration-thickness:1px}
.ed-secondary-story{margin:0 0 18px;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-surface,transparent)}.ed-guide-card-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);grid-template-areas:'copy image';gap:clamp(24px,3vw,38px);align-items:center;padding:14px;color:var(--sc-ink);text-decoration:none;border-radius:8px}.ed-guide-card-link>div{grid-area:copy}.ed-guide-card-link>img{grid-area:image}.ed-secondary-story h3{margin:10px 0;font-size:25px;line-height:1.2;letter-spacing:-.035em}.ed-guide-featured-link:focus-visible,.ed-guide-card-link:focus-visible{outline:3px solid var(--ed-accent);outline-offset:3px}
.ed-news-lead{margin:30px 0;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-surface,transparent)}.ed-news-lead-link{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);gap:clamp(20px,3vw,38px);align-items:center;padding:16px;color:var(--sc-ink);text-decoration:none;border-radius:8px}.ed-news-lead-link>img,.ed-news-card-link>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px;background:var(--ed-wash)}.ed-news-lead-copy{min-width:0}.ed-news-lead-copy .ed-overline{margin-bottom:18px}.ed-news-lead h3{margin:13px 0 16px;font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.045em}.ed-news-lead-copy>p:not(.ed-overline):not(.ed-story-meta),.ed-news-card-link>div>p:not(.ed-story-meta){margin:0 0 12px;color:var(--sc-muted);line-height:1.6}
.ed-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ed-news-card{min-width:0;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-surface,transparent)}.ed-news-card-link{display:flex;height:100%;flex-direction:column;padding:12px;color:var(--sc-ink);text-decoration:none;border-radius:8px}.ed-news-card-link>div{display:flex;flex:1;flex-direction:column}.ed-news-card .ed-story-meta{margin-top:14px}.ed-news-card h3{margin:9px 0 12px;font-size:clamp(22px,2.1vw,28px);line-height:1.22;letter-spacing:-.035em}.ed-news-card-link>div>p:not(.ed-story-meta){flex:1}.ed-news-lead-link:focus-visible,.ed-news-card-link:focus-visible{outline:3px solid var(--ed-accent);outline-offset:3px}
.ed-latest{--ed-news-gold:#a65c12;--ed-news-blue:#17648f}.ed-latest .ed-section-heading h2{color:var(--sc-ink)}.ed-latest .ed-section-heading:after{width:190px;height:3px}.ed-latest .ed-news-lead,.ed-latest .ed-news-card{border-color:color-mix(in srgb,var(--ed-accent) 22%,var(--sc-line))}.ed-latest .ed-story-meta span:first-child{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--ed-wash);color:var(--ed-accent)}.ed-latest .ed-news-card:nth-child(3n + 1) .ed-story-meta span:first-child{background:#fff2df;color:var(--ed-news-gold)}.ed-latest .ed-news-card:nth-child(3n + 2) .ed-story-meta span:first-child{background:#eaf4fb;color:var(--ed-news-blue)}.ed-latest .ed-news-card:nth-child(3n + 1){border-color:#e6cfad}.ed-latest .ed-news-card:nth-child(3n + 2){border-color:#c9dce9}
html[data-theme="dark"] .ed-latest{--ed-news-gold:#f1bc73;--ed-news-blue:#8bc4e5}html[data-theme="dark"] .ed-latest .ed-news-card:nth-child(3n + 1) .ed-story-meta span:first-child{background:#423323}html[data-theme="dark"] .ed-latest .ed-news-card:nth-child(3n + 2) .ed-story-meta span:first-child{background:#203746}html[data-theme="dark"] .ed-latest .ed-news-card:nth-child(3n + 1){border-color:#5e492d}html[data-theme="dark"] .ed-latest .ed-news-card:nth-child(3n + 2){border-color:#304957}html[data-theme="dark"] .ed-news-lead,html[data-theme="dark"] .ed-news-card,html[data-theme="dark"] .ed-featured,html[data-theme="dark"] .ed-secondary-story{background:#111e19}
.editorial-page main .ed-news-lead-link:hover,.editorial-page main .ed-news-card-link:hover,.editorial-page main .ed-guide-featured-link:hover,.editorial-page main .ed-guide-card-link:hover{text-decoration:none}
@keyframes ed-news-responsive-enter{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px){.ed-latest .ed-news-lead,.ed-latest .ed-news-card{animation:ed-news-responsive-enter 280ms cubic-bezier(.2,.75,.25,1) both}.ed-latest .ed-news-card:nth-child(2){animation-delay:35ms}.ed-latest .ed-news-card:nth-child(3){animation-delay:70ms}}
.ed-principle{margin-top:44px;padding:28px 0;border-top:2px solid var(--ed-accent);border-bottom:1px solid var(--sc-line);display:grid;grid-template-columns:170px minmax(260px,380px) minmax(260px,1fr);gap:30px;align-items:start}.ed-principle>*{margin:0}.ed-principle h2{font-size:21px;line-height:1.3;letter-spacing:-.025em}.ed-principle p:not(.ed-overline){color:var(--sc-muted);line-height:1.65}.ed-principle>a{grid-column:3;font-size:13px;font-weight:700}
.ed-article-hero{max-width:960px;margin:0 auto;padding:50px 0 28px}.ed-article-hero h1{font-size:clamp(36px,4.7vw,56px);line-height:1.06;letter-spacing:-.052em;margin:0 0 20px}.ed-deck{font-size:20px;line-height:1.6;color:var(--sc-muted);max-width:820px;margin:0}.ed-byline,.ed-updated{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0;padding-top:14px;border-top:1px solid var(--sc-line);color:var(--sc-muted);font-size:12px}.ed-updated{margin-top:7px;padding-top:0;border-top:0}.ed-article-figure{max-width:960px;margin:0 auto 56px}.ed-article-figure figcaption{font-size:11px;color:var(--sc-muted);margin-top:8px}
.ed-article-layout{display:grid;grid-template-columns:minmax(0,720px) 220px;justify-content:center;gap:64px}.ed-body{grid-column:1;grid-row:1}.ed-toc{grid-column:2;grid-row:1}.ed-toc nav{position:sticky;top:100px;font-size:12px;border-top:2px solid var(--sc-line);padding-top:14px}.ed-toc strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ed-toc ol{padding:0;list-style:none;margin:12px 0}.ed-toc li{margin:8px 0}.ed-toc a{color:var(--sc-muted);text-decoration:none;line-height:1.45}.ed-toc a:hover{color:var(--ed-accent);text-decoration:underline}
.ed-body{font-size:16.5px;line-height:1.82;min-width:0;overflow-wrap:anywhere}.ed-body h2{font-size:28px;line-height:1.24;letter-spacing:-.035em;margin:50px 0 18px;scroll-margin-top:110px}.ed-body h3{font-size:18px;line-height:1.45;letter-spacing:-.015em;margin:28px 0 10px}.ed-body p{margin:0 0 19px}.ed-body ul{padding-left:23px;margin:17px 0 25px}.ed-body li{margin:8px 0}
.ed-takeaway,.ed-prompt,.ed-example{margin:32px 0;padding:18px 0 18px 18px;border-left:2px solid var(--ed-accent);background:transparent}.ed-takeaway{margin-top:0}.ed-takeaway>strong,.ed-prompt>strong{display:block;color:var(--ed-accent);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.ed-takeaway p:last-child,.ed-prompt p:last-child,.ed-example p:last-child{margin-bottom:0}.ed-example{border-left-color:var(--sc-line);padding-top:4px;padding-bottom:4px}.ed-example h3:first-child{margin-top:0}.ed-prompt p{font-size:15px}.ed-table-wrap{margin:26px 0;overflow-x:auto}.ed-body table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.ed-body caption{text-align:left;font-size:13px;color:var(--sc-muted);padding-bottom:10px}.ed-body th,.ed-body td{padding:12px;border-bottom:1px solid var(--sc-line);vertical-align:top}.ed-body th{background:var(--ed-wash)}
.ed-sources{border-top:1px solid var(--sc-line);margin-top:48px;font-size:14px;color:var(--sc-muted)}.ed-sources h2{font-size:23px;color:var(--sc-ink);margin-top:30px}.ed-sources li{margin-bottom:17px}.ed-sources li p{font-size:13px;margin-top:4px}
.ed-related{max-width:960px;margin:64px auto 0;padding-top:30px;border-top:1px solid var(--sc-line)}.ed-related h2{margin:0 0 22px;font-size:26px;letter-spacing:-.035em}.ed-related-list{border-top:1px solid var(--sc-line);margin-bottom:22px}.ed-related-list>a{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:28px;padding:18px 0;border-bottom:1px solid var(--sc-line);text-decoration:none}.ed-related-list strong{color:var(--sc-ink);font-size:14px}.ed-related-list span{color:var(--sc-muted);font-size:13px}.ed-back{font-size:13px;font-weight:700}
@media(hover:hover){.ed-featured img,.ed-secondary-story img{transition:transform .35s ease}.ed-featured:hover img,.ed-secondary-story:hover img{transform:translateY(-3px)}}
@media(max-width:800px){.ed-section-heading{display:block}.ed-section-heading p{margin-top:8px}.ed-guide-featured-link{grid-template-columns:1fr;grid-template-areas:'copy' 'image';gap:20px}.ed-guide-card-link{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.ed-article-layout{grid-template-columns:minmax(0,1fr) 180px;gap:34px}}
@media(max-width:760px){.editorial-page main{padding-bottom:52px}.ed-blog-intro{padding:40px 0 34px}.ed-blog-intro h1{font-size:50px}.ed-blog-intro>p:last-child{font-size:17px}.ed-topic{padding-top:35px}.ed-section-heading h2{font-size:29px}.ed-section-heading p{font-size:14px;margin-top:8px}.ed-featured,.ed-secondary-story{margin-bottom:14px}.ed-guide-featured-link{padding:12px}.ed-featured h3{font-size:31px}.ed-guide-card-link{grid-template-columns:1fr;grid-template-areas:'copy' 'image';gap:16px;padding:12px}.ed-secondary-story h3{font-size:25px}.ed-principle{display:block;margin-top:34px;padding:24px 0}.ed-principle h2,.ed-principle p{margin-bottom:12px}.ed-article-hero{padding:38px 0 28px}.ed-article-hero h1{font-size:36px}.ed-deck{font-size:17px}.ed-article-figure{margin-bottom:30px}.ed-article-layout{display:block}.ed-toc nav{position:static;border-bottom:1px solid var(--sc-line);padding-bottom:14px;margin-bottom:27px}.ed-toc ol{columns:2;column-gap:28px}.ed-toc li{break-inside:avoid}.ed-body{font-size:16px}.ed-body h2{font-size:25px}.ed-takeaway,.ed-prompt,.ed-example{padding:16px 0 16px 14px}.ed-related{margin-top:48px}.ed-related-list>a{grid-template-columns:1fr;gap:5px}}
@media(max-width:420px){.ed-toc ol{columns:1}.ed-article-hero h1{font-size:34px}.ed-byline{gap:5px}.ed-featured h3{font-size:29px}}
@media(max-width:800px){.ed-news-lead-link{grid-template-columns:1fr;gap:18px}.ed-news-lead h3{font-size:34px}}
@media(max-width:640px){.ed-news-grid{grid-template-columns:1fr}.ed-news-lead-link{padding:10px}.ed-news-lead h3{font-size:30px}.ed-news-card-link{padding:10px}.ed-news-card h3{font-size:24px}}
@media(max-width:800px){.ed-latest .ed-news-lead,.ed-latest .ed-news-card{animation:ed-news-responsive-enter 260ms cubic-bezier(.2,.75,.25,1) both}.ed-latest .ed-news-card:nth-child(2){animation-delay:30ms}.ed-latest .ed-news-card:nth-child(3){animation-delay:60ms}}
@media(prefers-reduced-motion:reduce){.ed-featured img,.ed-secondary-story img{transition:none!important;transform:none!important}.ed-latest .ed-news-lead,.ed-latest .ed-news-card{animation:none!important}}
@media print{.ed-toc,.ed-related,.market-strip,.topbar,.footer{display:none!important}.ed-article-layout{display:block}.ed-body{max-width:none}.ed-article-hero{padding-top:0}}