:root { --font-sans:"DM Sans",sans-serif; --font-display:"Sora",sans-serif; --background: oklch(1 0 0); --foreground: oklch(0.16 0.01 270); --card: oklch(1 0 0); --card-foreground: var(--foreground); --primary: oklch(0.58 0.25 340); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.17 0.01 270); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.97 0.008 340); --muted-foreground: oklch(0.48 0.012 270); --accent: oklch(0.84 0.18 91); --accent-foreground: var(--foreground); --category-color: var(--primary); --category-filmes: oklch(0.58 0.25 340); --category-musica: oklch(0.66 0.17 216); --category-tv: oklch(0.76 0.18 74); --category-livros: oklch(0.60 0.20 296); --category-celebridades: oklch(0.67 0.20 30); --category-tecnologia: oklch(0.65 0.17 151); --border: oklch(0.90 0.006 270); --input: var(--border); --ring: var(--primary); --destructive: oklch(0.55 0.21 27); --shadow-header: 0 3px 14px color-mix(in oklab,var(--foreground) 12%,transparent); }

* { box-sizing: border-box; border-color: var(--border); }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
button,input { font: inherit; }
.wrap { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.breaking { background: var(--primary); color: var(--primary-foreground); overflow: hidden; padding: 5px 0; font-size: 10px; letter-spacing: .08em; white-space: nowrap; }
.ticker { width: max-content; display: flex; gap: 32px; animation: ticker 30s linear infinite; }
.ticker i { color: var(--accent); }
@keyframes ticker { to { transform: translateX(-20%); } }
.site-header { position:relative; z-index:10; background: var(--background); box-shadow:var(--shadow-header); }
.topline { max-width: 1180px; margin: auto; padding: 8px 16px; text-align: center; font-size: 10px; font-weight: 700; letter-spacing: .14em; border-bottom: 1px solid var(--border); color: var(--muted-foreground); }
.masthead-row { max-width: 1180px; margin: auto; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; padding: 14px 16px 10px; }
.masthead,.masthead>a,.footer-logo { justify-self: center; display:inline-flex; align-items:baseline; font: 800 clamp(32px,5vw,54px)/.9 var(--font-display); letter-spacing:0; }
.logo-pop { color:var(--primary); }.logo-ten { color:var(--foreground); }
.masthead:after { content:""; width:8px; height:8px; margin-left:5px; border-radius:50%; background:var(--accent); align-self:flex-start; }
.footer-logo .logo-ten { color:var(--secondary-foreground); }
.icon-button { width: 40px; height: 40px; display: grid; place-items: center; background: transparent; border: 0; cursor: pointer; }
.icon-button svg { width: 18px; }
.mobile-menu { visibility: hidden; }
.main-nav { display: flex; justify-content: center; gap: 36px; padding: 11px 16px 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.main-nav a { position:relative; transition:color .2s ease; }.main-nav a:after { content:""; position:absolute; height:3px; inset:auto 50% -14px; background:var(--nav-color,var(--primary)); transition:inset .2s ease; }.main-nav a:hover,.main-nav a[data-status="active"] { color:var(--nav-color,var(--primary)); }.main-nav a:hover:after,.main-nav a[data-status="active"]:after { inset-inline:0; }
.main-nav li:nth-child(1) a { --nav-color:var(--category-filmes); }.main-nav li:nth-child(2) a { --nav-color:var(--category-musica); }.main-nav li:nth-child(3) a { --nav-color:var(--category-tv); }.main-nav li:nth-child(4) a { --nav-color:var(--category-livros); }.main-nav li:nth-child(5) a { --nav-color:var(--category-celebridades); }.main-nav li:nth-child(6) a { --nav-color:var(--category-tecnologia); }
[data-category="filmes"] { --category-color:var(--category-filmes); }[data-category="musica"] { --category-color:var(--category-musica); }[data-category="tv"] { --category-color:var(--category-tv); }[data-category="livros"] { --category-color:var(--category-livros); }[data-category="celebridades"] { --category-color:var(--category-celebridades); }[data-category="tecnologia"] { --category-color:var(--category-tecnologia); }
.home-lead { padding: 30px 0; display: grid; grid-template-columns: 2fr 1fr; gap: 28px; border-bottom: 1px solid var(--foreground); }
.spotlight-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,210px); gap:3px; margin-top:28px; margin-bottom:58px; }
.spotlight { min-width:0; overflow:hidden; background:var(--secondary); }
.spotlight-1 { grid-column:span 2; grid-row:span 2; }
.spotlight-link { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.spotlight-link:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,color-mix(in oklab,var(--secondary) 92%,transparent),transparent 70%); }
.spotlight img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.spotlight:hover img { transform:scale(1.035); }
.spotlight-copy { position:absolute; z-index:2; inset:auto 0 0; padding:20px; color:var(--secondary-foreground); }
.spotlight-copy h2 { font:800 18px/1.15 var(--font-sans); margin:7px 0 0; text-wrap:balance; }
.spotlight-1 .spotlight-copy { padding:28px; }.spotlight-1 .spotlight-copy h2 { font:800 clamp(27px,3vw,43px)/1.05 var(--font-display); max-width:20ch; }
.spotlight-copy small { color:color-mix(in oklab,var(--secondary-foreground) 78%,transparent); display:block; margin-top:10px; }
.photo-kicker { display:inline-block; background:var(--category-color); color:var(--primary-foreground); border-radius:3px; padding:5px 8px; font-size:9px; line-height:1; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.lead-story img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.lead-story h1 { font: 900 clamp(34px,5vw,66px)/.95 var(--font-display); letter-spacing: -.045em; margin: 10px 0 12px; max-width: 19ch; }
.lead-story h1 a:hover,.article-card h3 a:hover { color: var(--primary); }
.lead-story p,.dek { font-size: 18px; line-height: 1.55; color: var(--muted-foreground); max-width: 65ch; }
.kicker { color: var(--category-color); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
small { color: var(--muted-foreground); font-size: 11px; }
.lead-side { display: grid; gap: 18px; }
.article-card { border-top: 0; padding-top: 0; }
.article-card .card-image { display: block; overflow: hidden; }
.article-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .35s ease; }
.article-card:hover img { transform: scale(1.025); }
.article-card h3 { font: 700 20px/1.2 var(--font-display); margin: 7px 0; }
.article-card p { color: var(--muted-foreground); line-height: 1.45; font-size: 13px; margin: 0 0 8px; }
.article-card.compact { display: grid; grid-template-columns: 120px 1fr; gap: 14px; padding-bottom:14px; border-bottom:1px solid var(--border); }
.article-card.compact h3 { font-size: 16px; }
.article-card.compact img { aspect-ratio: 1/1; }
.content-grid,.category-page-grid { display: grid; grid-template-columns: minmax(0,2fr) 340px; gap: 40px; padding-block: 20px 50px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid var(--border); padding:0 0 10px 14px; margin-bottom: 22px; position:relative; }
.section-heading:before { content:""; position:absolute; left:0; top:0; bottom:10px; width:4px; background:var(--category-color); }
.section-heading h2 { font: 800 clamp(22px,3vw,32px)/1 var(--font-sans); text-transform: uppercase; margin: 0; }
.section-heading span,.section-heading a,.section-heading b { font-size: 10px; letter-spacing: .1em; color: var(--category-color); }
.news-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px 22px; }
.most-read { border-left: 1px solid var(--foreground); padding-left: 24px; }
.most-read h2,.aside-title { font: 900 26px/1 var(--font-display); text-transform: uppercase; border-bottom: 4px solid var(--primary); padding-bottom: 8px; margin: 0; }
.most-read ol { padding: 0; margin: 0; list-style: none; }
.most-read li { display: flex; gap: 14px; border-bottom: 1px solid var(--border); padding: 16px 0; }
.most-read li>b { font: 900 34px/1 var(--font-display); color: var(--primary); }.most-read li:nth-child(2n)>b { color:var(--category-musica); }.most-read li:nth-child(3n)>b { color:var(--category-tv); }.most-read li div { display:flex; flex-direction:column; gap:4px; }.most-read li span { font-size:9px; color:var(--muted-foreground); text-transform:uppercase; }.most-read li a { font-weight:700; line-height:1.25; }
.newsletter { background: var(--secondary); color: var(--secondary-foreground); padding: 24px; margin-top: 28px; }.newsletter>span { color:var(--accent); font-size:10px; letter-spacing:.12em; }.newsletter h3 { font:800 26px/1.05 var(--font-display); margin:8px 0; }.newsletter p { color:color-mix(in oklab,var(--secondary-foreground) 70%,transparent); font-size:13px; }.newsletter form { display:flex; margin-top:18px; }.newsletter input { min-width:0; flex:1; padding:10px; border:0; }.newsletter button { border:0; background:var(--primary); color:var(--primary-foreground); font-size:11px; font-weight:800; padding:0 12px; }
.category-band { padding: 30px 0 45px; }.category-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.category-row .article-card.compact { display:block; border:0; }.category-row .article-card.compact img { aspect-ratio:16/10; }.category-row .article-card.compact .card-copy { padding-top:8px; }
.category-hero { position:relative; height:400px; display:grid; align-items:end; overflow:hidden; background:var(--secondary); color:var(--secondary-foreground); }.category-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.48; }.category-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,var(--secondary),transparent 70%); }.category-hero .wrap { position:relative; z-index:2; padding-bottom:32px; }.category-hero span { color:var(--category-color); font-size:11px; letter-spacing:.14em; }.category-hero h1 { font:900 clamp(54px,10vw,110px)/.8 var(--font-display); letter-spacing:-.06em; margin:8px 0 18px; }.category-hero p { margin:0; }.aside-link { display:flex; flex-direction:column; font-weight:700; padding:15px 0; border-bottom:1px solid var(--border); }.aside-link span { color:var(--primary); font-size:9px; margin-bottom:4px; }
.article-page { width:min(960px,calc(100% - 32px)); margin:46px auto; }.breadcrumbs { display:flex; gap:8px; font-size:11px; color:var(--muted-foreground); margin-bottom:42px; }.article-page>h1 { font:800 clamp(42px,7vw,72px)/1.02 var(--font-display); margin:12px 0 18px; max-width:15ch; }.byline { display:flex; justify-content:space-between; gap:16px; padding:18px 0; border-block:1px solid var(--border); font-size:12px; }.byline span { color:var(--muted-foreground); }.article-cover { width:100%; aspect-ratio:16/9; object-fit:cover; margin:28px 0; border-radius:6px; }.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:50px; }.article-body { font:18px/1.75 var(--font-sans); }.article-body p:first-child { font-family:var(--font-display); font-size:23px; font-weight:700; }.article-body h2 { font:800 30px/1.1 var(--font-display); margin-top:35px; }.transparency,.author-box { background:var(--muted); padding:20px; margin-top:28px; font-family:var(--font-sans); font-size:13px; line-height:1.5; }.transparency p { margin-bottom:0; }.author-box span { font-size:9px; color:var(--primary); letter-spacing:.12em; }.author-box h3 { margin:6px 0; }.related { padding-block:25px 60px; }
.share-buttons { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:18px 0; }.share-buttons>span { margin-right:4px; color:var(--muted-foreground); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.article-body>.share-buttons { padding-top:22px; margin-top:30px; border-top:1px solid var(--border); font-family:var(--font-sans); }
.post-tags { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-top:22px; margin-top:30px; border-top:1px solid var(--border); font:12px/1.4 var(--font-sans); }.post-tags b { margin-right:2px; }.post-tags a { border:1px solid var(--border); padding:6px 9px; color:var(--muted-foreground); }.post-tags a:hover { border-color:var(--category-color); color:var(--category-color); }
.search-page { min-height:65vh; padding-block:60px; }.search-page h1,.institutional h1 { font:900 clamp(42px,7vw,78px)/1 var(--font-display); letter-spacing:-.05em; margin:8px 0 30px; }.search-box { display:flex; align-items:center; gap:12px; border-bottom:4px solid var(--foreground); max-width:800px; }.search-box input { width:100%; border:0; background:transparent; outline:0; padding:18px 0; font-size:20px; }.result-count { color:var(--muted-foreground); margin:30px 0; }
.institutional header { background:var(--secondary); color:var(--secondary-foreground); padding:70px 0; }.institutional header p { max-width:650px; font-size:19px; color:color-mix(in oklab,var(--secondary-foreground) 70%,transparent); }.institutional-content { max-width:780px; padding-block:55px; }.institutional-content section { border-top:1px solid var(--foreground); padding:24px 0; }.institutional-content h2 { font:800 25px/1.1 var(--font-display); }.institutional-content p { line-height:1.7; color:var(--muted-foreground); }.updated { font-size:12px; }
.site-footer { background:var(--secondary); color:var(--secondary-foreground); margin-top:40px; }.footer-inner { width:min(1180px,calc(100% - 32px)); margin:auto; display:grid; grid-template-columns:1fr 2fr; gap:50px; padding:52px 0; }.footer-logo { font-size:40px; }.footer-inner p { color:color-mix(in oklab,var(--secondary-foreground) 60%,transparent); font-size:13px; }.footer-inner nav { display:grid; grid-template-columns:repeat(2,1fr); gap:12px 25px; align-content:start; font-size:12px; }.footer-inner nav a { border-bottom:1px solid color-mix(in oklab,var(--secondary-foreground) 20%,transparent); padding-bottom:8px; }.copyright { border-top:1px solid color-mix(in oklab,var(--secondary-foreground) 15%,transparent); text-align:center; padding:16px; font-size:10px; color:color-mix(in oklab,var(--secondary-foreground) 50%,transparent); }
@media(max-width:800px){.mobile-menu{visibility:visible}.main-nav{display:none;position:absolute;z-index:20;width:100%;background:var(--background);flex-direction:column;align-items:center;gap:0;padding:8px;box-shadow:var(--shadow-header)}.main-nav.is-open{display:flex}.main-nav a{width:100%;text-align:center;padding:13px;border-bottom:1px solid var(--border)}.home-lead,.content-grid,.category-page-grid,.article-layout{grid-template-columns:1fr}.spotlight-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:360px repeat(2,180px);margin-top:20px}.spotlight-1{grid-column:span 2;grid-row:span 1}.lead-side{grid-template-columns:1fr 1fr}.most-read{border-left:0;padding-left:0}.category-row{grid-template-columns:repeat(2,1fr);gap:12px}.category-page-grid aside{display:none}.article-layout{gap:20px}.footer-inner{grid-template-columns:1fr}.category-hero{height:320px}.article-card.compact,.category-row .article-card.compact{display:block}.article-card .card-image{display:block;width:100%;aspect-ratio:16/10;overflow:hidden}.article-card img,.article-card.compact img,.category-row .article-card.compact img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.article-card.compact .card-copy{padding-top:8px}.related .category-row{gap:10px}.article-cover{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;margin:18px 0}.article-cover img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}}
@media(max-width:520px){.breaking{display:none}.masthead-row{padding-block:10px}.masthead{font-size:25px}.masthead b{width:30px;height:30px;font-size:17px}.spotlight-grid{width:100%;grid-template-columns:1fr 1fr;grid-template-rows:420px 175px 175px;gap:2px;margin:0 0 34px}.spotlight-1{grid-column:span 2}.spotlight-copy{padding:13px}.spotlight-copy h2{font-size:14px}.spotlight-1 .spotlight-copy{padding:20px}.spotlight-1 .spotlight-copy h2{font-size:28px}.news-grid,.category-row,.lead-side{grid-template-columns:1fr}.category-row,.related .category-row{gap:12px}.article-card.compact,.category-row .article-card.compact{display:block}.article-page>h1{font-size:42px}.byline{flex-direction:column}.article-body{font-size:17px}.footer-inner nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.admin-bar .site-header{top:32px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--secondary);color:var(--secondary-foreground);padding:12px 16px}.skip-link:focus{top:12px}.custom-logo{display:block;max-height:70px;width:auto}.mobile-menu{padding:10px}.mobile-menu span:not(.screen-reader-text){display:block;width:20px;height:2px;margin:3px;background:currentColor}.search-icon{font-size:28px}.main-nav ul,.footer-inner nav ul{display:contents}.main-nav li,.footer-inner nav li{list-style:none}.archive-page{padding-block:55px;min-height:60vh}.archive-header{margin-bottom:32px}.archive-header h1{font:800 clamp(36px,6vw,64px)/1 var(--font-display)}.pagination{grid-column:1/-1;margin-top:35px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{border:1px solid var(--border);padding:8px 12px}.page-numbers.current{background:var(--primary);color:var(--primary-foreground)}.search-box button,.primary-link,.share-link{border:0;background:var(--primary);color:var(--primary-foreground);font-weight:800;padding:11px 16px;cursor:pointer}.share-link{font-size:12px;border-radius:3px}.share-link.whatsapp{background:#168b4b}.share-link.facebook{background:#2360a8}.article-cover{display:block}.article-cover img{width:100%;height:100%;object-fit:cover;border-radius:6px}.institutional-content>h2,.institutional-content>.wp-block-heading{font:800 25px/1.1 var(--font-display);border-top:1px solid var(--foreground);padding-top:24px;margin-top:24px}.institutional-content>p{line-height:1.7;color:var(--muted-foreground)}.empty-state{text-align:center;padding-block:100px;min-height:55vh}.empty-state>span{font:800 90px/1 var(--font-display);color:var(--primary)}.empty-state h1{font:800 38px/1.1 var(--font-display)}.widget{margin-top:28px}.widget-title{font:800 22px/1 var(--font-display)}.comments-area{width:min(720px,calc(100% - 32px));margin:40px auto}.comment-list{padding-left:20px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:520px){.admin-bar .site-header{top:0}}
