/* Estrutura de portal do Mamoré Ao Vivo: cabeçalho centralizado, barra de editorias,
   menu lateral e blocos da capa. Usa as cores e fontes já definidas em brand.css/style.css. */
:root{--mav-navy:#061d61;--mav-blue:#0753c8;--mav-red:#e50914;--mav-yellow:#ffdb19;--mav-green:#008637;--mav-muted:#596780;--mav-line:#dce4f1;--mav-soft:#edf4ff;--mav-wrap:1240px;--mav-gutter:clamp(16px,4vw,40px)}
html,body{overflow-x:hidden}
img{max-width:100%}

/* Cabeçalho: três colunas (1fr auto 1fr) mantêm a logo no centro exato, seja qual for a largura dos botões. */
header.site-header{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:16px;max-width:var(--mav-wrap);margin:0 auto;padding:14px var(--mav-gutter)}
.site-header>.site-logo{grid-column:1;grid-row:1;justify-self:start}
.site-header>.site-header__start{grid-column:2;grid-row:1}
.site-header>.site-header__end{grid-column:3;grid-row:1}
.site-header__start{justify-self:start;min-width:0}
.site-header__end{justify-self:end;min-width:0;display:flex;justify-content:flex-end}
.site-logo{display:block;line-height:0;width:clamp(150px,22vw,270px)}
.site-logo img{display:block;width:100%;height:auto;border-radius:5px}
.menu-toggle,.search-toggle{display:none;align-items:center;gap:8px;border:1px solid #b6caea;background:#fff;color:var(--mav-navy);border-radius:4px;padding:10px 14px;font-weight:700;font-size:14px;white-space:nowrap}
.menu-toggle:hover,.search-toggle:hover{border-color:var(--mav-blue);background:var(--mav-soft)}
.has-side-menu .menu-toggle{display:inline-flex}
.header-search{display:flex;gap:8px;margin:0;width:min(300px,100%)}
.header-search input{min-width:0;flex:1;padding:10px 12px;border:1px solid #ccd4df;border-radius:4px;font:inherit;font-size:14px}
.header-search button,.side-menu__search button{border:0;background:var(--mav-blue);color:#fff;border-radius:4px;padding:10px 14px;font-weight:700}
.header-search button:hover,.side-menu__search button:hover{background:var(--mav-navy)}

/* Barra de editorias abaixo do cabeçalho (cores originais: azul com faixa vermelha). */
nav.category-bar{display:block;max-width:none;margin:0;padding:0;background:var(--mav-blue);border-bottom:4px solid var(--mav-red);position:sticky;top:0;z-index:30}
.admin-bar nav.category-bar{top:32px}
.category-bar__list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px 6px;list-style:none;margin:0 auto;padding:6px var(--mav-gutter);max-width:var(--mav-wrap)}
.category-bar__list a{display:block;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:9px 10px;border-bottom:3px solid transparent}
.category-bar__list a:hover,.category-bar__list a[aria-current],.category-bar__list .current-menu-item>a{border-bottom-color:var(--mav-yellow)}

/* Menu lateral (dialog) */
dialog.side-menu{box-sizing:border-box;position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(420px,88vw);max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#fff;color:var(--mav-navy);overflow-y:auto;overscroll-behavior:contain}
dialog.side-menu::backdrop{background:#03102dc9}
body:has(dialog.side-menu[open]){overflow:hidden}
.side-menu__inner{min-height:100%;padding:22px 22px 36px}
.side-menu__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.side-menu__logo{display:block;width:min(220px,70%);line-height:0}
.side-menu__logo img{display:block;width:100%;height:auto;border-radius:4px}
.side-menu__close{border:0;background:none;color:#5d6b82;font-size:44px;font-weight:300;line-height:1;padding:0 6px}
.side-menu__search{display:flex;gap:8px;margin:0 0 18px}
.side-menu__search input{min-width:0;flex:1;padding:11px;border:1px solid #ccd4df;border-radius:4px;font:inherit}
nav.side-menu__nav{display:block;max-width:none;margin:0;padding:0;background:none;border:0}
.side-menu__list{list-style:none;margin:0;padding:0}
.side-menu__list li{border-bottom:1px solid #e7e7e7}
.side-menu__list li:last-child{border-bottom:0}
.side-menu__list a{display:block;color:#153d72;text-decoration:none;padding:15px 10px;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:700;line-height:1.25}
.side-menu__list a:hover{background:#f3f7ff}

/* Área central da capa */
main.portal-home{max-width:var(--mav-wrap);margin:0 auto;padding:28px var(--mav-gutter) 60px}
.story-card a{color:inherit;text-decoration:none}
.story-card__title a:hover{text-decoration:underline}
.story-card .eyebrow{margin:0 0 6px}
.story-card__title{color:var(--mav-navy);margin:0 0 8px;letter-spacing:-.3px}
.story-card time{font-size:12px;color:var(--mav-muted)}
.story-card__media{display:block;line-height:0;overflow:hidden;border-radius:6px;background:var(--mav-soft)}
.story-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.story-card__dek{color:#40506b;font-size:16px;line-height:1.55;margin:0 0 10px}

/* Destaque principal + secundárias */
.home-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:28px;padding-bottom:30px;border-bottom:1px solid var(--mav-line)}
.story-card--lead .story-card__media{aspect-ratio:16/9;margin-bottom:16px}
.story-card--lead .story-card__title{font-size:clamp(26px,3vw,40px);line-height:1.12;font-weight:800}
.story-card--lead .story-card__title a{color:inherit}
.story-card--compact{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.story-card--compact .story-card__media{aspect-ratio:4/3}
.story-card--compact .story-card__title{font-size:17px;line-height:1.3}

/* Chamadas ao lado do destaque: só categoria, título e data, em duas colunas */
.home-top__secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:start}
.home-top__secondary>.story-card--teaser:last-child:nth-child(odd){grid-column:1/-1}
.story-card--teaser{border-top:3px solid var(--mav-blue);padding-top:10px}
.story-card--teaser .story-card__title{font-size:18px;line-height:1.3;font-weight:800;margin:0 0 6px}
.story-card--teaser .eyebrow{color:var(--mav-blue)}

/* Colunas: principal (Política, Artigos & Colunas) e lateral (Últimas Notícias) */
.home-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;padding-top:34px}
.home-section{margin-bottom:40px}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:4px solid var(--mav-blue);padding-top:10px;margin-bottom:20px}
.section-title h2{margin:0;font-size:24px;font-weight:800;color:var(--mav-navy);letter-spacing:-.5px}
.section-title__more{color:var(--mav-blue);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.section-title__more:hover{text-decoration:underline}
.home-section--politica .section-title{border-top-color:var(--mav-red)}

.story-card--feature .story-card__media{aspect-ratio:16/10;margin-bottom:14px}
.story-card--feature .story-card__title{font-size:24px;line-height:1.2;font-weight:800}

/* Grades de cartões com imagem (Mais notícias, Política e demais editorias) */
.cards-grid{display:grid;gap:24px 22px}
.cards-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.story-card--card .story-card__media{aspect-ratio:16/10;margin-bottom:12px}
.story-card--card .story-card__title{font-size:19px;line-height:1.28;font-weight:800}
.cards-grid--3 .story-card--card .story-card__title,.cards-grid--4 .story-card--card .story-card__title{font-size:17px}

/* "Descubra mais": atalhos para as editorias */
.discover{background:var(--mav-soft);border-radius:6px;padding:0 18px 12px;margin:40px 0}
.discover .section-title{border-top-color:var(--mav-navy);padding-top:14px}
.discover__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.discover__list li{border-bottom:1px solid #d3deef}
.discover__list a{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;color:var(--mav-navy);font-weight:700;text-decoration:none}
.discover__list a:hover{color:var(--mav-blue)}

/* Política ao lado de Artigos & Colunas */
.home-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}
.home-split--solo{grid-template-columns:minmax(0,1fr)}
.home-split__side .artigos-grid{grid-template-columns:minmax(0,1fr)}

.artigos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.column-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--mav-line);border-radius:6px;background:#fff}
.column-card .author-photo{flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover}
.column-card__author{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mav-red)}
.column-card__title{margin:0 0 6px;font-size:18px;line-height:1.3}
.column-card__title a{color:var(--mav-navy);text-decoration:none}
.column-card__title a:hover{text-decoration:underline}
.column-card time{font-size:12px;color:var(--mav-muted)}

.home-columns__side{align-self:start}
.home-section--ultimas{background:var(--mav-soft);border-radius:6px;padding:0 18px 18px;margin-bottom:0;position:sticky;top:76px}
.admin-bar .home-section--ultimas{top:108px}
.home-section--ultimas .section-title{border-top-color:var(--mav-navy);padding-top:14px}
.latest-list{list-style:none;margin:0;padding:0}
.latest-list li{border-bottom:1px solid #d3deef;padding:12px 0}
.latest-list li:last-child{border-bottom:0}
.story-card--list .story-card__title{font-size:16px;line-height:1.35;margin:0 0 4px}
.latest-more{display:inline-block;margin-top:10px}

/* Rodapé em colunas: marca, editorias e atalhos (mantém a faixa tricolor de brand.css) */
footer.site-footer{display:block;max-width:none;margin:48px 0 0;padding:0;background:var(--mav-soft)}
.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:32px;max-width:var(--mav-wrap);margin:0 auto;padding:38px var(--mav-gutter) 30px}
.site-footer__col--brand p{font-size:14px;line-height:1.6;color:var(--mav-muted);margin:12px 0 0;max-width:320px}
.site-footer__title{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--mav-navy);letter-spacing:.4px;text-transform:uppercase}
.site-footer__list{list-style:none;margin:0;padding:0}
.site-footer__list li{padding:5px 0}
.site-footer__list a{color:var(--mav-navy);text-decoration:none;font-size:15px}
.site-footer__list a:hover{color:var(--mav-blue);text-decoration:underline}
.site-footer__bottom{border-top:1px solid var(--mav-line);padding:14px var(--mav-gutter);text-align:center}
footer.site-footer .site-footer__bottom small{margin:0;font-size:12px;color:var(--mav-muted)}

/* Blocos de editoria */
.home-section--editoria .section-title{border-top-color:var(--mav-blue)}

/* Listagens (categorias, busca, página 2+) com a mesma largura central */
main.portal-list{max-width:var(--mav-wrap);padding-left:var(--mav-gutter);padding-right:var(--mav-gutter)}
.portal-list .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-list .news-card img{aspect-ratio:16/9;height:auto;object-fit:cover}

/* Tablet */
@media (max-width:1023px){
	.home-columns{grid-template-columns:minmax(0,1fr);gap:0}
	.home-section--ultimas{position:static;margin-bottom:40px}
	.home-split{grid-template-columns:minmax(0,1fr);gap:0}
	.cards-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.discover__list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-split__side .artigos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.site-footer__col--brand{grid-column:1/-1}
	.portal-list .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Celular */
@media (max-width:899px){
	header.site-header{gap:10px;padding:12px 16px}
	.site-logo{width:clamp(120px,38vw,190px)}
	.has-side-menu .header-search{display:none}
	.has-side-menu .search-toggle{display:inline-flex}
	.menu-toggle,.search-toggle{padding:9px 11px;font-size:13px}
	.has-side-menu nav.category-bar{display:none}
	.home-top,.artigos-grid,.cards-grid--3{grid-template-columns:minmax(0,1fr)}
	.cards-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-top{gap:22px}
	main.portal-home{padding:20px 16px 48px}
}
@media (max-width:560px){
	.search-toggle__label{display:none}
	.menu-toggle{font-size:0;gap:0}
	.menu-toggle span{font-size:18px}
	.menu-toggle,.search-toggle{padding:8px 11px}
	.search-toggle span{font-size:18px}
	.story-card--compact{grid-template-columns:96px minmax(0,1fr)}
	.home-top__secondary,.cards-grid--2,.cards-grid--3,.cards-grid--4,.discover__list,.site-footer__grid,.home-split__side .artigos-grid{grid-template-columns:minmax(0,1fr)}
	.portal-list .cards{grid-template-columns:minmax(0,1fr)}
	.header-search{width:100%}
}