/* Impeccable + Frontend Design: refinamento do layout aprovado. */
:root{--gray:#626262;--reading-width:66ch;--space-section:48px}
body{line-height:1.55}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;text-wrap:pretty}
p{overflow-wrap:break-word}
.masthead-inner{height:112px}
.logo-link{width:286px}
.topics{padding-block:28px;gap:24px}
.topics a{font-size:13px;gap:11px}
.topic-photo{transition:border-color .18s}
.topics a:hover .topic-photo{transform:none}
.ad{background:var(--surface);border-color:#ededed}
.ad-wide{min-height:80px;margin-bottom:18px}
.ad span{font-size:10px;letter-spacing:.035em}
.ad strong{font-size:15px}
.demo-notice{background:#f5f6f7;padding:12px 16px;gap:12px;border-radius:6px;margin-bottom:28px;line-height:1.55;color:#555}
.demo-notice strong{color:var(--black)}
.demo-notice a{white-space:nowrap}
.hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:30px;align-items:start;margin-bottom:var(--space-section)}
.lead-main>.photo-link{aspect-ratio:1.62}
.lead-card>.photo-link{border-radius:8px}
.lead-copy{padding:15px 0 16px}
.lead-main h1{font-size:clamp(30px,2.8vw,40px);line-height:1.13;letter-spacing:-.035em;max-width:27ch}
.lead-copy p{font-size:16px;line-height:1.65;margin-top:12px;color:var(--gray)}
.hero-secondary{gap:22px}
.hero-secondary .lead-card>.photo-link{aspect-ratio:2.35}
.hero-secondary h2{font-size:23px;line-height:1.2}
.category-tag{padding:6px 9px;font-size:11px;border-radius:4px;letter-spacing:0}
.metadata{font-size:12px;line-height:1.6;margin-top:9px}
.actions{padding:8px 0;gap:4px;min-height:60px}
.action{min-height:44px;gap:7px;padding:8px 5px;font-size:12px}
.action:hover,.action.is-active{background:transparent}
.action .icon{width:22px;height:22px}
.hero-secondary .action{font-size:11px;gap:5px;min-width:0}
.hero-secondary .action .icon{width:20px;height:20px}
.action:active .icon{transform:scale(.94)}
.section-head{padding-top:24px;margin-bottom:22px;align-items:center}
.section-head h2,.popular>h2{font-size:28px;line-height:1.2}
.section-head h2:before,.popular>h2:before{top:4px}
.text-link{font-size:13px;line-height:1.5}
.carousel-buttons .icon-button{width:40px;height:40px}
.stories-section{margin-bottom:var(--space-section)}
.stories-track{gap:16px;padding-bottom:12px}
.story-card{flex-basis:calc((100% - 80px)/6);aspect-ratio:9/14}
.story-card>div{inset:auto 14px 16px}
.story-card h3{font-size:20px;line-height:1.2;margin-top:9px}
.story-category,.story-label{font-size:10px;line-height:1.4}
.story-symbol i{border-radius:2px}
.content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:38px;margin-bottom:var(--space-section)}
.local-note{font-size:12px;line-height:1.65}
.tabs{gap:18px}
.tabs button{font-size:14px;padding:10px 3px;min-height:44px}
.feed-list{gap:22px}
.feed-card{padding:20px 20px 6px;border-color:#e9e9e9;border-radius:10px}
.author{gap:11px}
.author img{width:38px;height:38px}
.author strong{font-size:13px;line-height:1.35}
.author span{font-size:11px;line-height:1.5;margin-top:4px}
.feed-body{grid-template-columns:minmax(180px,.83fr) minmax(0,1fr);gap:22px;align-items:start;margin-block:20px}
.feed-body .photo-link{aspect-ratio:1.45}
.feed-card h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.feed-card p{font-size:15px;line-height:1.65;margin-top:10px}
.feed-card .category-tag{font-size:11px}
.popular{padding-top:24px}
.popular>h2{font-size:25px}
.popular>.metadata{font-size:11px;margin-top:10px}
.popular>a{gap:12px;padding-block:19px}
.popular-photo{width:62px;height:62px;object-fit:cover;border-radius:6px;flex-shrink:0;align-self:start}
.popular>a>span{font-size:24px;color:#767676}
.popular strong{font-size:14px;line-height:1.55}
.popular small{font-size:11px}
.save-callout{padding:28px;border-radius:8px}
.save-callout h2{font-size:32px;line-height:1.08}
.save-callout p{font-size:14px;line-height:1.7;margin-block:14px 20px}
.save-callout small{font-size:11px;line-height:1.6}
.video-section{padding:30px;border-radius:10px;margin-bottom:var(--space-section)}
.video-note{font-size:12px;line-height:1.65;margin-bottom:23px}
.video-grid{gap:24px}
.video-grid h3{font-size:21px;line-height:1.25}
.video-grid p{font-size:12px;line-height:1.7}
.video-cover{border-radius:7px;aspect-ratio:1.65}
.preview-pill{font-size:10px;padding:4px 7px}
footer{background:#f7f7f7;padding-top:40px;margin-top:44px}
.footer-grid{gap:38px}
.footer-grid p{font-size:13px;line-height:1.8}
.footer-grid nav a{font-size:13px;line-height:1.7}
.footer-grid h2{font-size:14px}
.footer-bottom{font-size:11px;padding-block:20px}
.breadcrumbs{margin-top:12px;margin-bottom:32px;line-height:1.6}
.breadcrumbs a{padding-block:6px}
.article-heading{max-width:860px}
.article-heading h1{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.035em;max-width:28ch;margin-block:17px 20px}
.article-summary{font-size:20px;line-height:1.65;max-width:65ch}
.article-byline{margin-block:28px 20px}
.article-byline>span{font-size:13px}
.article-figure{margin-block:30px 36px}
.article-figure img{aspect-ratio:1.8;border-radius:8px}
.article-figure figcaption,.video-preview figcaption{font-size:12px;line-height:1.65;margin-top:12px}
.article-text{max-width:var(--reading-width)}
.article-text>p{font-size:18px;line-height:1.85;margin-bottom:28px}
.fiction-note{background:#f5f6f7;border:0;border-radius:7px;padding:22px 24px;margin-bottom:32px}
.fiction-note p{font-size:14px;line-height:1.75}
.article-end{font-size:13px;padding-block:21px}
.related{margin-top:var(--space-section)}
.listing-grid,.related-grid{gap:36px 26px}
.listing-grid .lead-card h2,.related-grid .lead-card h2{font-size:25px;line-height:1.2}
.listing-grid .action,.related-grid .action{font-size:11px}
.page-title h1{line-height:1.12;max-width:26ch}
.page-title p{font-size:18px;line-height:1.75}
.info-grid{gap:40px 48px}
.info-grid h2{font-size:25px;line-height:1.2}
.info-grid p{font-size:16px;line-height:1.8}
.button{min-height:48px;font-size:14px;border-radius:7px}
.load-more{margin-top:26px}
.drawer-nav>a{min-height:50px}
.dialog-head h2{line-height:1.25}
.story-dialog{width:min(440px,calc(100vw - 24px),calc((100dvh - 32px)*.6));max-height:calc(100dvh - 32px);border:0;box-shadow:0 18px 60px #0004}
.story-stage{min-height:0;max-height:none;aspect-ratio:9/15}
.story-copy{left:24px;right:24px;bottom:82px}
.story-copy h2{font-size:clamp(21px,5.7vw,27px);line-height:1.18;letter-spacing:-.025em;text-wrap:pretty}
.story-copy small{font-size:11px;line-height:1.6;margin-top:12px}
.story-count{bottom:25px;font-size:13px}
.story-identity{font-size:13px}
.story-progress span{height:3px}
.story-title-link{transition:opacity .16s}
.story-title-link:hover{opacity:.94}
.toast{font-size:13px;padding:14px 20px;max-width:min(480px,calc(100% - 32px))}
@media(min-width:1500px){.lead-main h1{font-size:42px}}
@media(max-width:1050px){
 .hero{gap:24px}.hero-secondary h2{font-size:21px}
 .content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}
 .feed-body{grid-template-columns:160px minmax(0,1fr);gap:17px}.feed-card h2{font-size:22px}
 .hero-secondary .action span{font-size:10px}.hero-secondary .action{gap:4px;padding-inline:2px}
 .story-card{flex-basis:calc((100% - 64px)/5)}
 .listing-grid .action,.related-grid .action{font-size:10px;gap:4px}
}
@media(max-width:820px) and (min-width:701px){
 .content-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:24px}
 .sidebar .popular{grid-row:span 2}.sidebar .ad-square{min-height:140px;aspect-ratio:auto}
 .feed-body{grid-template-columns:minmax(200px,.8fr) minmax(0,1fr)}
 .hero-secondary .action span{font-size:0}
}
@media(max-width:700px){
 :root{--space-section:36px}
 .masthead-inner{height:94px}.logo-link{width:215px}.topics{gap:17px;padding-block:22px}
 .topics a{font-size:12px;gap:9px;width:70px}.topic-photo{width:68px;height:68px}
 .ad-wide{min-height:76px;margin-bottom:16px}.ad strong{font-size:14px}
 .demo-notice{font-size:11px;line-height:1.55;padding:11px 12px;margin-bottom:22px;gap:9px}
 .demo-notice a{font-size:11px}.demo-notice strong{display:block}
 .hero{display:block;margin-bottom:36px}.lead-main{padding:14px 14px 3px;border-color:#e9e9e9}
 .lead-author{margin-bottom:15px}.lead-main>.photo-link{aspect-ratio:1.55}
 .lead-main h1{font-size:29px;line-height:1.15;max-width:none}.lead-copy p{font-size:15px;line-height:1.65}
 .lead-copy{padding-block:13px 15px}.metadata{font-size:11px;line-height:1.6}
 .hero-secondary{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}
 .hero-secondary .lead-card{display:grid;grid-template-columns:minmax(0,1fr) 118px;column-gap:15px;border-bottom:1px solid var(--line);padding-bottom:6px}
 .hero-secondary .lead-card>.photo-link{grid-column:2;grid-row:1;aspect-ratio:1.15;align-self:start}
 .hero-secondary .lead-copy{grid-column:1;grid-row:1;padding:0 0 12px;min-height:0}
 .hero-secondary h2{font-size:20px;line-height:1.25;letter-spacing:-.02em}
 .hero-secondary .actions{grid-column:1/-1;border-top:0;min-height:54px}
 .hero-secondary .action span{font-size:11px}.hero-secondary .action .icon{width:20px;height:20px}
 .actions .action{min-height:46px;min-width:0;flex:1;gap:5px;padding:8px 2px;font-size:11px}
 .actions .action .icon{width:21px;height:21px}
 .section-head{padding-top:22px;margin-bottom:18px;gap:12px}
 .section-head h2,.popular>h2{font-size:25px;line-height:1.2}
 .text-link{font-size:12px}.carousel-buttons .icon-button{width:40px;height:40px}
 .stories-track{gap:13px;padding-bottom:10px}.story-card{flex-basis:43%;min-width:143px;aspect-ratio:9/14}
 .story-card>div{inset:auto 12px 16px}.story-card h3{font-size:20px}
 .story-category,.story-label{font-size:9px}
 .content-grid{display:flex;gap:30px;margin-bottom:36px}.feed-head{flex-wrap:wrap;row-gap:12px}
 .feed-head h2{font-size:25px}.tabs button{font-size:13px;min-height:44px}.tabs{gap:18px}
 .local-note{font-size:11px;line-height:1.65}.feed-list{gap:20px}
 .feed-card{padding:16px 16px 5px}.feed-body{display:flex;gap:15px;margin-block:17px}
 .feed-body .photo-link{aspect-ratio:1.8}.feed-card h2{font-size:25px;line-height:1.2}
 .feed-card p{font-size:15px;line-height:1.7}.author strong{font-size:13px}.author span{font-size:10px}
 .author img{width:36px;height:36px}.popular strong{font-size:15px}.popular small{font-size:11px}
 .popular>a{padding-block:18px}.save-callout{padding:25px}.save-callout h2{font-size:29px}
 .save-callout p{font-size:15px}.save-callout .button{min-height:46px;font-size:13px}
 .video-section{padding:25px 18px;border-radius:0;margin-inline:-18px}.video-note{font-size:11px;line-height:1.7}
 .video-grid{gap:18px}.video-grid>article{flex-basis:90%}.video-cover{aspect-ratio:1.65}
 .video-grid h3{font-size:23px;line-height:1.25}.video-grid p{font-size:13px}
 .video-grid .text-link{font-size:12px;min-height:40px}
 footer{padding-top:32px;margin-top:36px}.footer-grid{gap:28px 24px}.footer-grid p{font-size:13px}
 .footer-grid nav a{font-size:13px;line-height:1.8}.footer-grid h2{font-size:14px}.footer-bottom{font-size:11px}
 .breadcrumbs{margin-bottom:24px;font-size:12px}
 .article-heading h1{font-size:34px;line-height:1.15;letter-spacing:-.03em;margin-block:14px 20px}
 .article-summary{font-size:18px;line-height:1.7}.article-byline{margin-block:25px 20px;gap:15px}
 .article-byline>span{font-size:12px}.article-figure{margin:24px -18px 30px}
 .article-figure img{border-radius:0;aspect-ratio:1.5}.article-figure figcaption{font-size:11px;padding-inline:18px;line-height:1.7}
 .article-text>p{font-size:18px;line-height:1.85;margin-bottom:26px}
 .fiction-note{padding:19px 20px;margin-bottom:29px}.fiction-note p{font-size:13px;line-height:1.8}
 .article-end{font-size:12px;line-height:1.6}.listing-grid,.related-grid{gap:28px}
 .listing-grid .lead-card,.related-grid .lead-card{padding:14px 14px 3px}
 .listing-grid .lead-card h2,.related-grid .lead-card h2{font-size:25px;line-height:1.22}
 .page-title h1{font-size:36px;line-height:1.15}.page-title p{font-size:17px;line-height:1.75}
 .info-grid h2{font-size:25px}.info-grid p{font-size:16px;line-height:1.85}
 .story-copy h2{font-size:clamp(21px,5.7vw,25px)}.story-copy{bottom:78px}
 .toast{bottom:70px;font-size:12px;line-height:1.65}
}
@media(max-width:380px){
 .hero-secondary .lead-card{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
 .hero-secondary h2{font-size:19px}.lead-main h1{font-size:27px}
 .actions .action{flex-direction:column;gap:5px;font-size:10px;min-height:55px}
 .actions .action span{font-size:10px}.article-heading h1{font-size:31px}
 .story-card{min-width:134px}.video-section{margin-inline:-14px}.article-figure{margin-inline:-14px}
 .article-figure figcaption{padding-inline:14px}
}
@media(max-height:500px){
 .story-top{padding:10px}.story-identity{font-size:10px;gap:6px}.story-identity img{width:23px;height:23px}
 .story-identity .icon-button{width:28px;height:28px}.story-identity .icon{width:17px;height:17px}
 .story-copy{left:15px;right:15px;bottom:43px}.story-copy h2{font-size:18px;line-height:1.2;margin-top:10px}
 .story-copy>span{font-size:8px;padding:3px 5px}.story-copy small{font-size:8px;margin-top:7px}
 .story-count{font-size:10px;bottom:15px}
}
@media(prefers-reduced-motion:reduce){.action:active .icon{transform:none}.story-title-link{transition:none}}

.campaign-ad img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}.campaign-ad a{display:block;width:100%}.video-wrap{aspect-ratio:16/9;margin:30px 0}.video-wrap iframe{width:100%;height:100%;border:0}.article-text .column-author{margin-top:35px}.article-text .article-audio{font-family:Arial,sans-serif}

.portal-poll-teaser{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 30px;background:#fff9e5;border-radius:10px;margin:30px 0 45px}.portal-poll-teaser span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#796000}.portal-poll-teaser h2{font-size:26px;line-height:1.2;margin:10px 0}.portal-poll-teaser p{font-size:13px;line-height:1.7;color:#636459;max-width:65ch}.portal-poll-teaser>a{flex-shrink:0}@media(max-width:680px){.portal-poll-teaser{padding:22px;display:block;margin-block:25px 35px}.portal-poll-teaser h2{font-size:24px}.portal-poll-teaser>a{margin-top:20px}}
