/*
 * RedeVix Notícias — responsividade (seção 39).
 * Mobile-first na leitura (o site é pensado primeiro para celular — seção
 * 39.1), mas o CSS base acima é escrito de forma desktop-first por
 * simplicidade; este arquivo colapsa os layouts em grade para telas
 * menores, testado nos breakpoints: 320/375/390/430/768/1024/1280/1440/1920.
 *
 * Regra geral (seção 39): nenhum elemento pode sair da tela, sobrepor
 * outro, gerar scroll horizontal, cortar título ou quebrar menu.
 */

@media (max-width: 768px) {
	:root {
		--redevix-espaco-secao: var(--redevix-espaco-secao-mobile);
	}
}

@media (max-width: 1024px) {
	.redevix-single-layout,
	.redevix-archive-layout {
		grid-template-columns: 1fr;
	}

	.redevix-single__sidebar,
	.redevix-archive__sidebar {
		order: 3;
	}

	.redevix-news-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.redevix-footer-territorios {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.redevix-hero__grid {
		grid-template-columns: 1fr;
	}

	.redevix-hero__item--grande .redevix-hero__titulo {
		font-size: 1.5rem;
	}

	.redevix-secao--mais-lidas .redevix-news-list--mais-lida {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 860px) {
	.redevix-masthead__hamburguer {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.redevix-menu-barra {
		display: none;
	}

	.redevix-menu-barra.is-aberto {
		display: block;
	}

	.redevix-menu {
		flex-direction: column;
		gap: 0;
		padding: 8px 16px;
	}

	.redevix-menu li a {
		padding: 12px 4px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.redevix-menu ul.sub-menu {
		position: static;
		box-shadow: none;
		background: rgba(255, 255, 255, 0.04);
	}

	.redevix-masthead__logo-sub {
		display: none;
	}
}

@media (max-width: 768px) {
	.redevix-news-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.redevix-single__titulo {
		font-size: 1.6rem;
	}

	.redevix-single__linha-fina {
		font-size: 1.02rem;
	}

	.redevix-author-box {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.redevix-news-grid {
		grid-template-columns: 1fr;
	}

	.redevix-card--horizontal {
		flex-direction: column;
	}

	.redevix-card--horizontal .redevix-card__imagem-link {
		flex: none;
		width: 100%;
	}

	.redevix-secao__cabecalho {
		flex-wrap: wrap;
	}

	.redevix-single__meta {
		flex-direction: column;
		gap: 4px;
	}

	.redevix-ticker__rotulo {
		font-size: 0.65rem;
		padding: 3px 8px;
	}

	.redevix-newsletter__form input[type="email"] {
		min-width: 0;
		width: 100%;
	}
}

/* Menu / header: garante que o Neve não gere overflow horizontal por causa
 * dos componentes que o RedeVix adiciona (ticker, blocos do rodapé). */
.redevix-ticker,
.redevix-footer-territorios {
	max-width: 100vw;
}

html,
body {
	overflow-x: hidden;
}