/*
 * Portal Editorial Agora — tablet e celular.
 * Faixas: desktop ≥ 1025 · compacto (tablet) 768–1024 · celular ≤ 767 · pequeno ≤ 400 · mínimo ≤ 359.
 * Regra: nada pode passar da largura da tela (sem rolagem horizontal da página).
 */

/* Publicidade por dispositivo. */
@media (min-width: 768px) {
	.pea-hide-desktop {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.pea-hide-mobile {
		display: none !important;
	}
}

/* Telas largas, mas baixas: a barra lateral fixa não pode cobrir conteúdo. */
@media (max-height: 700px) {
	.pea-sidebar__sticky {
		position: static;
	}
}

/* ---------------------------------------------------------------------- */
/* Compacto (≤ 1024): cabeçalho móvel, barra lateral abaixo do conteúdo.    */
/* ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
	:root {
		--pea-gap: 32px;
	}
	.pea-only-desk {
		display: none !important;
	}
	.pea-masthead__logo--m {
		display: block;
	}
	.pea-iconbtn.pea-only-compact,
	.pea-hamburger {
		display: inline-flex;
	}
	.pea-masthead__inner {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		min-height: var(--pea-header-h-m);
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.pea-logo-left .pea-masthead__center {
		grid-column: 2;
		align-items: center;
		text-align: center;
	}
	.pea-logo-left .pea-masthead__left {
		grid-column: 1;
	}
	.pea-masthead__left,
	.pea-masthead__right {
		gap: 4px;
	}
	.pea-masthead__right > .pea-search-toggle {
		margin-left: 0;
	}
	.pea-hamburger {
		margin-left: -8px;
		color: var(--pea-heading);
	}
	.pea-search-toggle--m {
		margin-right: -8px;
		color: var(--pea-heading);
	}
	.pea-logo--mobile .pea-logo__img {
		max-width: calc(100vw - 132px);
	}
	.pea-navbar-wrap {
		display: none;
	}
	.pea-header {
		box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
	}

	/* Busca expansível entre o hambúrguer e o botão de busca. */
	.pea-msearch {
		position: absolute;
		top: 50%;
		left: calc(var(--pea-gutter) + 36px);
		right: calc(var(--pea-gutter) + 36px);
		z-index: 4;
		display: none;
		transform: translateY(-50%);
	}
	.pea-msearch.is-open {
		display: block;
	}
	.no-js .pea-msearch {
		display: none;
	}
	.pea-msearch .pea-searchform__field {
		height: 42px;
	}
	.pea-msearch .pea-searchform__submit {
		height: 42px;
		padding: 0 14px;
	}
	.pea-msearch .pea-searchform__submit-text {
		display: none;
	}

	/* Topbar: rolagem interna, nunca da página. */
	.pea-topbar__inner {
		gap: 12px;
	}
	.pea-topbar__nav {
		flex: 1;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.pea-topbar__nav::-webkit-scrollbar {
		display: none;
	}
	.pea-topbar--center .pea-topbar__inner,
	.pea-topbar--right .pea-topbar__inner {
		justify-content: flex-start;
	}
	.pea-topbar__menu {
		gap: 14px;
		padding-right: 12px;
	}

	/* Layout. */
	.pea-layout--sidebar {
		grid-template-columns: minmax(0, 1fr);
	}
	.pea-sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 32px;
		margin-top: 16px;
		padding-top: 24px;
		border-top: 1px solid var(--pea-border);
	}
	.pea-sidebar__sticky {
		position: static;
	}
	.pea-sidebar > .pea-ad,
	.pea-sidebar__sticky {
		grid-column: 1 / -1;
	}

	/* Destaques e grades. */
	.pea-headline {
		margin-top: 22px;
		margin-bottom: 26px;
	}
	.pea-card--main .pea-card__title {
		font-size: min(var(--pea-hl-size), 34px);
	}
	.pea-card--hero .pea-media {
		height: auto;
		aspect-ratio: 16 / 9;
	}
	.pea-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pea-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pea-mosaic {
		height: auto;
		min-height: 0;
		grid-template-rows: auto auto;
	}
	.pea-mosaic .pea-media--fill {
		height: auto;
		aspect-ratio: 16 / 10;
	}
	.pea-mosaic__a .pea-media--fill {
		aspect-ratio: auto;
		height: 100%;
		min-height: 320px;
	}
	.pea-mosaic--1 .pea-mosaic__a .pea-media--fill {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}

	/* Rodapé. */
	.pea-footer__grid,
	.pea-footer__grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 36px 28px;
	}
	.pea-footer__col--brand {
		grid-column: 1 / -1;
	}
}

/* Admin bar do WordPress em telas médias. */
@media (max-width: 782px) {
	body.admin-bar.pea-has-sticky .is-fixed .pea-navbar,
	body.admin-bar.pea-has-sticky .is-fixed .pea-masthead {
		top: 46px;
	}
}
@media (max-width: 600px) {
	body.admin-bar.pea-has-sticky .is-fixed .pea-navbar,
	body.admin-bar.pea-has-sticky .is-fixed .pea-masthead {
		top: 0;
	}
}

/* ---------------------------------------------------------------------- */
/* Celular (≤ 767).                                                        */
/* ---------------------------------------------------------------------- */
@media (max-width: 767px) {
	:root {
		--pea-gap: 24px;
	}
	body {
		font-size: 15px;
	}
	.pea-ad--top {
		margin-top: 16px;
		margin-bottom: 16px;
	}
	.pea-ad--inline {
		margin: 16px auto 24px;
	}
	.pea-stitle {
		gap: 10px;
		margin-bottom: 12px;
	}
	.pea-stitle__text {
		font-size: min(var(--pea-sec-title-size), 22px);
	}
	.pea-section {
		margin-bottom: 30px;
	}
	.pea-grid {
		gap: 20px 16px;
	}
	.pea-grid--2,
	.pea-grid--3 {
		grid-template-columns: minmax(0, 1fr);
	}
	.pea-grid--big {
		row-gap: 16px;
	}
	.pea-grid--big + .pea-grid--small {
		margin-top: 18px;
	}
	.pea-grid--list {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Manchete e destaque. */
	.pea-card--main .pea-card__title {
		font-size: min(var(--pea-hl-size), 26px);
		line-height: 1.15;
	}
	.pea-label--kicker {
		font-size: 15px;
		margin-bottom: 6px;
	}
	.pea-card--main .pea-card__excerpt {
		font-size: 16px;
	}
	.pea-card--hero .pea-media,
	.pea-card--feature .pea-media {
		aspect-ratio: 4 / 3;
	}
	.pea-card--hero .pea-card__over,
	.pea-card--feature .pea-card__over,
	.pea-card--center .pea-card__over {
		padding: 0 16px 14px;
	}
	.pea-card--hero .pea-card__title,
	.pea-card--feature .pea-card__title {
		font-size: 21px;
		line-height: 1.2;
	}
	.pea-card--hero .pea-label,
	.pea-card--feature .pea-label {
		font-size: 12px;
	}
	.pea-card--overlay .pea-card__title {
		font-size: 18px;
		line-height: 1.25;
	}
	.pea-card__over {
		padding: 0 14px 12px;
	}
	.pea-card--hero-below .pea-card__title {
		font-size: 22px;
	}
	.pea-hero__more {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Mosaico empilhado: grande, médio e dois lado a lado. */
	.pea-mosaic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
	}
	.pea-mosaic__a,
	.pea-mosaic__b,
	.pea-mosaic--1 .pea-mosaic__a,
	.pea-mosaic--2 .pea-mosaic__b,
	.pea-mosaic--3 .pea-mosaic__c {
		grid-column: 1 / -1;
		grid-row: auto;
	}
	.pea-mosaic__c,
	.pea-mosaic__d {
		grid-column: auto;
		grid-row: auto;
	}
	.pea-mosaic__a .pea-media--fill {
		min-height: 0;
		height: auto;
		aspect-ratio: 4 / 3;
	}
	.pea-mosaic__b .pea-media--fill {
		aspect-ratio: 16 / 10;
	}
	.pea-mosaic__c .pea-media--fill,
	.pea-mosaic__d .pea-media--fill {
		aspect-ratio: 1 / 1;
	}
	.pea-mosaic__a .pea-card__title {
		font-size: 19px;
	}

	/* Listagens. */
	.pea-archive__title {
		font-size: 26px;
	}
	.pea-grid--archive {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}
	.pea-card--grid .pea-card__title {
		font-size: 18px;
	}
	.pea-card--horizontal .pea-card__link {
		grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
		gap: 12px;
	}
	.pea-card--horizontal .pea-card__title {
		font-size: 15px;
	}
	.pea-card--horizontal .pea-card__excerpt {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* Barra lateral em uma coluna. */
	.pea-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Notícia. */
	.pea-article__cat {
		font-size: 15px;
	}
	.pea-article__title {
		font-size: var(--pea-sg-title-m);
		line-height: 1.15;
	}
	.pea-article__excerpt {
		font-size: min(var(--pea-sg-excerpt-size), 17px);
	}
	.pea-article__when {
		justify-content: flex-start;
		text-align: left;
		font-size: 13px;
	}
	.pea-byline__avatar .pea-avatar {
		width: 48px;
		height: 48px;
	}
	.pea-share {
		justify-content: flex-start;
	}
	.pea-share__label {
		height: 36px;
		margin-right: 4px;
		padding: 0 12px;
	}
	.pea-share__btn {
		width: 36px;
		height: 36px;
	}
	.pea-share__toast {
		left: 0;
		right: auto;
	}
	.pea-content {
		font-size: min(var(--pea-sg-font), 17px);
		line-height: 1.62;
	}
	.pea-content .alignleft,
	.pea-content .alignright {
		float: none;
		max-width: 100%;
		margin: 1em 0;
	}
	.pea-continue__btn {
		font-size: 15px;
		padding: 0 20px;
	}
	.pea-content .pea-resp {
		padding: 16px;
	}
	.pea-content .pea-resp .pea-resp__body {
		flex-direction: column;
		align-items: flex-start;
	}
	.pea-content .pea-resp .pea-resp__list {
		flex-direction: column;
		width: 100%;
	}
	.pea-content .pea-resp .pea-resp__link {
		width: 100%;
	}
	.pea-authorbox {
		flex-direction: column;
		gap: 12px;
		padding: 16px;
	}
	.pea-authorbox__avatar .pea-avatar {
		width: 64px;
		height: 64px;
	}

	/* Rodapé. */
	.pea-footer {
		margin-top: 32px;
	}
	.pea-footer__grid,
	.pea-footer__grid--2,
	.pea-footer__grid--3 {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
		padding-top: 36px;
		padding-bottom: 32px;
	}
	.pea-footer__title {
		margin-bottom: 14px;
		font-size: 21px;
	}
	.pea-footer__menu {
		padding-left: 0;
	}
	.pea-footer__menu a {
		font-size: 16px;
	}
	.pea-footer__copy {
		font-size: 13px;
	}
	.pea-logo--footer .pea-logo__img {
		max-width: min(var(--pea-logo-w-footer), 80vw);
	}

	/* Ticker e 404. */
	.pea-ticker__inner {
		gap: 10px;
		min-height: 38px;
	}
	.pea-ticker__label {
		font-size: 11px;
		padding: 3px 8px;
	}
	.pea-ticker__item {
		font-size: 13px;
	}
	.pea-404__code {
		font-size: 88px;
	}
	.pea-404__title {
		font-size: 24px;
	}
	.pea-totop {
		right: 12px;
		bottom: 12px;
		width: 40px;
		height: 40px;
	}
	.pea-searchform__submit-text {
		display: none;
	}
	.pea-searchform__submit {
		padding: 0 16px;
	}
}

/* Pequeno (≤ 400). */
@media (max-width: 400px) {
	:root {
		--pea-gutter: 14px;
	}
	.pea-card--vertical.pea-card--small .pea-card__title {
		font-size: 14px;
	}
	.pea-share__label {
		display: none;
	}
	.pea-mosaic__c .pea-card__title,
	.pea-mosaic__d .pea-card__title {
		font-size: 12px;
	}
	.pea-mosaic__c .pea-label,
	.pea-mosaic__d .pea-label {
		display: none;
	}
}

/* Mínimo (≤ 359): grades de 2 colunas viram uma. */
@media (max-width: 359px) {
	:root {
		--pea-gutter: 12px;
	}
	.pea-grid--4,
	.pea-grid--small {
		grid-template-columns: minmax(0, 1fr);
	}
	.pea-mosaic {
		grid-template-columns: minmax(0, 1fr);
	}
	.pea-mosaic__c,
	.pea-mosaic__d {
		grid-column: 1 / -1;
	}
	.pea-card--main .pea-card__title {
		font-size: 23px;
	}
}

/* Movimento reduzido. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.pea-ticker.is-ready .pea-ticker__track {
		animation: none !important;
	}
	.pea-ticker.is-ready .pea-ticker__viewport {
		overflow-x: auto;
	}
	.pea-card__link:hover .pea-media__img {
		transform: none;
	}
}

/* Impressão. */
@media print {
	.pea-topbar,
	.pea-navbar-wrap,
	.pea-ticker,
	.pea-ad,
	.pea-sidebar,
	.pea-share,
	.pea-related,
	.pea-recommend,
	.pea-footer,
	.pea-totop,
	.pea-panel,
	.pea-continue,
	.pea-comments {
		display: none !important;
	}
	.pea-layout--sidebar {
		display: block;
	}
	.js .pea-collapsible.is-collapsed .pea-content {
		max-height: none;
	}
	.js .pea-collapsible.is-collapsed .pea-content::after {
		display: none;
	}
	body {
		background: #fff;
		color: #000;
	}
}