/* Portal Editorial OP — adaptações por largura (desktop primeiro, depois tablet e celular).
 * Regra: nenhum componente ultrapassa a largura da tela; rolagens horizontais ficam DENTRO
 * do componente (faixa de colunistas, menu de editorias, coleções). */

/* ≤ 1180 px: manchetes um pouco menores */
@media (max-width: 1180px) {
	.peop-lead__title,
	.peop-ed__title,
	.peop-cat-lead__title { font-size: 34px; line-height: 40px; }
	.peop-nav__menu { gap: 0 32px; }
	.peop-hcard { grid-template-columns: minmax(0, 1fr) 150px; gap: 16px; }
}

/* ≤ 1100 px (tablet horizontal / 1024): menos cards por linha, laterais abaixo */
@media (max-width: 1100px) {
	.peop-lead__media,
	.peop-ed__media { grid-column: 1 / 4; }
	.peop-lead__body,
	.peop-ed__body,
	.peop-lead__grid--noside .peop-lead__body,
	.peop-ed__grid--noside .peop-ed__body { grid-column: 4 / 7; }
	.peop-lead__side { flex-direction: row; grid-column: 1 / 7; gap: 24px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--peop-border); }
	.peop-lead__side > * { flex: 1 1 0; min-width: 0; }
	.peop-ed--invertido .peop-ed__media { grid-row: auto; grid-column: 1 / 4; }
	.peop-ed--invertido .peop-ed__body { grid-row: auto; grid-column: 4 / 7; }
	.peop-ed__list,
	.peop-ed--invertido .peop-ed__list { display: grid; grid-row: auto; grid-column: 1 / 7; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin-top: 16px; padding: 0; border-top: 1px solid var(--peop-border); }
	.peop-ed__list > li,
	.peop-ed__list > li:first-child { padding: 16px 0; border-bottom: 1px solid var(--peop-border); }
	.peop-row__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; }
	.peop-coll__track { grid-auto-columns: calc((100% - 3 * 24px) / 4); }
	.peop-coll--poster .peop-coll__track { grid-auto-columns: calc((100% - 2 * 24px) / 3); }
	.peop-journal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.peop-cat-lead { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.peop-cat-lead__side { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--peop-border); }
	.peop-cat-lead__side > li,
	.peop-cat-lead__side > li:first-child { padding: 0; border: 0; }
	.peop-cat-minis__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 28px; }
	.peop-cat__body--aside { grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; }
	.peop-footer__cols,
	.peop-footer__cols--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ≤ 1024 px: menu de editorias rola dentro da própria barra (submenus ficam no menu lateral) */
@media (max-width: 1024px) {
	.peop-nav__scroller { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.peop-nav__scroller::-webkit-scrollbar { display: none; }
	.peop-nav__menu { flex-wrap: nowrap; justify-content: flex-start; gap: 0 28px; margin-inline: auto; padding-inline: 4px; }
	.peop-nav__menu a { font-size: 18px; }
	.peop-nav .sub-menu,
	.peop-nav .peop-subtoggle { display: none !important; }
	.peop-partner__grid,
	.peop-ed__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
	.peop-signs,
	.peop-games { flex-basis: 100%; }
	.peop-fun__ad { flex: 1 1 100%; }
}

/* ≤ 860 px: notícia com lateral opcional empilha */
@media (max-width: 860px) {
	.peop-single--aside { display: block; }
	.peop-single__aside { margin-top: 40px; }
	.peop-cat__body--aside { display: block; }
	.peop-cat__aside { margin-top: 40px; }
	.peop-cat__aside .peop-promo__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ≤ 782 px: barra de administração do WordPress fica mais alta */
@media (max-width: 782px) {
	.admin-bar.peop-has-sticky .peop-header { top: 46px; }
	.admin-bar .peop-offcanvas { top: 46px; }
}

@media (max-width: 600px) {
	.admin-bar.peop-has-sticky .peop-header { top: 0; }
	.admin-bar .peop-offcanvas { top: 0; }
}

/* ≤ 767 px: celular */
@media (max-width: 767px) {
	:root { --peop-gutter: 16px; }
	html { scroll-padding-top: 110px; }
	.peop-only-desktop { display: none !important; }

	/* Cabeçalho: menu | logo central | busca e modo */
	.peop-topbar__inner { min-height: 56px; }
	.peop-topbar__right { gap: 0; margin-right: -8px; }
	.peop-brand__desktop { display: none; }
	.peop-brand__mobile { display: block; }
	.peop-logo--mobile .peop-logo__img { max-width: 46vw; }
	.peop-logo__text { max-width: 46vw; font-size: 24px; }
	.peop-login,
	.peop-cta { display: none; }
	.peop-searchbar { right: var(--peop-gutter); left: calc(var(--peop-gutter) + 36px); }
	.peop-nav__menu a { padding: 10px 0; font-size: 16px; line-height: 20px; }
	.peop-nav__menu { gap: 0 20px; }
	.peop-ticker__item a { font-size: 14px; }

	/* Home */
	.peop-block { margin-top: 44px; }
	.peop-block.peop-lead { margin-top: 20px; }
	.peop-strip__list { justify-content: flex-start; gap: 16px; padding: 10px 0; }
	.peop-strip__item { flex-basis: 236px; }
	.peop-lead__grid,
	.peop-ed__grid { display: block; }
	.peop-lead__media,
	.peop-ed__media { margin-bottom: 14px; }
	.peop-lead__title,
	.peop-ed__title,
	.peop-cat-lead__title { font-size: 28px; line-height: 33px; }
	.peop-lead__side { flex-direction: column; gap: 18px; }
	.peop-hcard { grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; }
	.peop-hcard__title,
	.peop-vcard__title,
	.peop-mini__title { font-size: 18px; line-height: 22px; }
	.peop-ed__list,
	.peop-ed--invertido .peop-ed__list { display: block; }
	.peop-row__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
	.peop-vcard__media { margin-bottom: 10px; }
	.peop-partner__grid,
	.peop-ed__cards { gap: 24px 16px; }
	.peop-section-title { font-size: 26px; }
	.peop-coll__track { grid-auto-columns: 46%; gap: 16px; }
	.peop-coll--poster .peop-coll__track { grid-auto-columns: 66%; }
	.peop-coll-intro { min-height: 200px; }
	.peop-journal__grid { grid-template-columns: minmax(0, 1fr); }
	.peop-journal__main { grid-column: auto; }
	.peop-edition,
	.peop-charge { max-width: 420px; }
	.peop-overlay__title { font-size: 26px; line-height: 31px; }
	.peop-overlay__excerpt { font-size: 17px; line-height: 22px; }
	.peop-overlay__body { padding: 16px; }
	.peop-signs__head { gap: 12px; }
	.peop-signs__glyph { width: 64px; height: 64px; font-size: 38px; }
	.peop-signs__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); justify-items: center; }
	.peop-fun__ad { flex-basis: 100%; }

	/* Editoria e listas */
	.peop-cat__header,
	.peop-archive__header { margin: 20px 0 28px; }
	.peop-cat__title,
	.peop-archive__title { font-size: 34px; }
	.peop-cat__desc,
	.peop-archive__desc { font-size: 17px; }
	.peop-cat-lead { display: block; }
	.peop-cat-lead__media { margin-bottom: 14px; aspect-ratio: 4 / 3; }
	.peop-cat-lead__side { display: block; }
	.peop-cat-lead__side > li,
	.peop-cat-lead__side > li:first-child { padding: 16px 0; border-bottom: 1px solid var(--peop-border); }
	.peop-cat-lead__side > li:last-child { border-bottom: 0; }
	.peop-cat-minis__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
	.peop-chips { margin-top: 36px; }
	.peop-chips__title { font-size: 24px; }
	.peop-cat__body { margin-top: 36px; }
	.peop-hcard--feed { grid-template-columns: minmax(0, 1fr) 112px; gap: 12px; padding: 16px 0; }
	.peop-hcard__excerpt { font-size: 15px; line-height: 19px; }
	.peop-hcard__meta { font-size: 14px; }
	.peop-author-head { flex-direction: column; align-items: flex-start; gap: 16px; }
	.peop-cards-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }

	/* Notícia */
	.peop-single { padding-top: 16px; }
	.peop-article__dek { font-size: 18px; }
	.peop-article__by { font-size: 17px; }
	.peop-article__dates { font-size: 14px; }
	.peop-figure { margin-top: 24px; }
	.peop-actions { margin: 24px 0 20px; }
	.peop-actions__bar { gap: 10px; }
	.peop-content { font-size: clamp(17px, 4.7vw, var(--peop-single-size)); }
	.peop-entry-content > p { -webkit-hyphens: auto; hyphens: auto; }
	.peop-content .alignleft,
	.peop-content .alignright { float: none; max-width: 100%; margin: 1.2em 0; }
	.peop-content .peop-resp { padding: 16px; }
	.peop-content .peop-resp__list { flex-direction: column; }
	.peop-content .peop-resp__link { border-radius: 10px; }
	.peop-authorbox { flex-direction: column; }

	/* Publicidade */
	.peop-ad { min-height: var(--peop-ad-hm, auto); margin: 28px auto; }

	/* Rodapé */
	.peop-footer { margin-top: 48px; }
	.peop-footer__cols,
	.peop-footer__cols--3,
	.peop-footer__cols--4,
	.peop-footer__cols--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.peop-footer__bottom { flex-direction: column; align-items: flex-start; }
}

@media (min-width: 768px) {
	.peop-only-mobile { display: none !important; }
}

/* ≤ 480 px */
@media (max-width: 480px) {
	.peop-partner__grid,
	.peop-ed__cards,
	.peop-cards-3 { grid-template-columns: minmax(0, 1fr); }
	.peop-cat__aside .peop-promo__list { grid-template-columns: minmax(0, 1fr); }
	.peop-hcard--lead-side { grid-template-columns: minmax(0, 1fr) 104px; }
	.peop-coll__track { grid-auto-columns: 62%; }
	.peop-coll--poster .peop-coll__track { grid-auto-columns: 78%; }
	.peop-share__link { min-height: 44px; }
}

/* ≤ 360 px */
@media (max-width: 360px) {
	:root { --peop-gutter: 12px; }
	.peop-iconbtn { width: 40px; height: 40px; }
	.peop-logo--mobile .peop-logo__img { max-width: 42vw; }
	.peop-logo__text { max-width: 42vw; font-size: 21px; }
	.peop-lead__title,
	.peop-ed__title,
	.peop-cat-lead__title { font-size: 25px; line-height: 30px; }
	.peop-row__grid,
	.peop-cat-minis__grid { gap: 20px 12px; }
	.peop-hcard__title,
	.peop-vcard__title,
	.peop-mini__title { font-size: 17px; line-height: 21px; }
	.peop-hcard--feed { grid-template-columns: minmax(0, 1fr) 96px; }
	.peop-cat__title,
	.peop-archive__title { font-size: 30px; }
	.peop-signs__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.peop-footer__cols,
	.peop-footer__cols--3,
	.peop-footer__cols--4,
	.peop-footer__cols--5 { grid-template-columns: minmax(0, 1fr); }
}

/* Telas baixas: cabeçalho deixa de ser fixo para não cobrir o conteúdo */
@media (max-height: 520px) {
	.peop-has-sticky .peop-header { position: relative; top: 0; }
}