/* Responsivo: desktop >= 1280 (menu horizontal) · notebook/tablet · celular. */

@media (min-width: 1400px) {
	.pec-nav a { padding: 0 9px; font-size: 14px; }
}

/* Abaixo de 1280 px o menu horizontal dá lugar ao hambúrguer; a logo mobile fica centralizada. */
@media (max-width: 1279px) {
	.pec-header__in { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); column-gap: 8px; }
	.pec-header__left { justify-self: start; }
	.pec-header__brand { justify-self: var(--logo-m-justify, center); grid-column: 2; }
	.pec-header__tools { grid-column: 3; justify-self: end; }
	.pec-nav { display: none; }
	.pec-brand--desktop { display: none; }
	.pec-brand--mobile { display: inline-flex; }
	.pec-header__brand { justify-self: center; }
	.pec-header.is-searching .pec-header__left, .pec-header.is-searching .pec-header__brand, .pec-header.is-searching .pec-header__tools { visibility: hidden; }
}
@media (min-width: 1280px) {
	.pec-brand--desktop { display: inline-flex; }
	.pec-header.is-searching .pec-nav { visibility: hidden; }
	.pec-header.is-searching .pec-header__tools { visibility: hidden; }
	.pec-hsearch { left: 120px; }
}
@media (max-width: 1279px) {
	.pec-header__brand[style] { justify-self: center; }
	.pec-wrap { padding-inline: 16px; }
	:root[style*="--logo-m-justify:start"] .pec-header__in { grid-template-columns: auto 1fr auto; }
}

/* Celulares estreitos (320–359 px): botões menores mantêm a logo exatamente no centro. */
@media (max-width: 359px) {
	.pec-header__in { column-gap: 4px; }
	.pec-burger, .pec-iconbtn { width: 38px; height: 38px; }
	.pec-header__tools { gap: 0; }
}

@media (max-width: 1100px) {
	.pec-grid--c4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pec-strip__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pec-card--hero .pec-card__title { font-size: 32px; }
	.pec-eb__h { font-size: 32px; }
}

@media (max-width: 960px) {
	.pec-bol__grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.pec-bol__cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.pec-with-sidebar,
	.pec-single-wrap.pec-with-sidebar { grid-template-columns: minmax(0, 1fr); }
	.pec-single-wrap.pec-with-sidebar .pec-article { margin-inline: auto; }
	.pec-eb__top.has-ad { grid-template-columns: minmax(0, 1fr); }
	.pec-eb__ad { justify-self: center; }
	.pec-eb__grid, .pec-eb--espelhado .pec-eb__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.pec-eb__feature, .pec-eb--espelhado .pec-eb__feature { order: 0; grid-column: 1 / -1; }
	.pec-eb__cards, .pec-eb--espelhado .pec-eb__cards { order: 1; }
	.pec-eb__list, .pec-eb--espelhado .pec-eb__list { order: 2; }
	.pec-tri--n3 { grid-template-columns: minmax(0, 1fr); }
	.pec-tri__col, .pec-tri__col:first-child { padding: 18px 0; border-left: 0; border-top: 1px solid var(--border); }
	.pec-tri__col:first-child { border-top: 0; padding-top: 0; }
	.pec-tri__head { min-height: 0; }
}

@media (max-width: 767px) {
	body { font-size: 16px; }
	.pec-sec { margin-top: 44px; }
	.pec-home > .pec-home__main > :first-child { margin-top: 20px; }
	.pec-hero { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.pec-hero__side { gap: 22px 16px; }
	.pec-card--hero .pec-card__title { font-size: 26px; }
	.pec-card__excerpt { font-size: 17px; }
	.pec-grid { gap: 22px 16px; }
	.pec-grid--c4, .pec-grid--c3, .pec-grid--c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pec-card__title { font-size: min(var(--card-title-size), 17px); }
	.pec-eb__h { font-size: 26px; }
	.pec-eb__feature .pec-card--hero .pec-card__title { font-size: 24px; }
	.pec-eb__grid, .pec-eb--espelhado .pec-eb__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
	.pec-eb__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.pec-links li { font-size: 16px; }
	.pec-bol__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pec-player { padding: 18px 16px 14px; border-radius: 16px; }
	.pec-player__title { font-size: 22px; }
	.pec-player__main { gap: 12px; }
	.pec-player__cover { width: 64px; height: 64px; border-radius: 10px; }
	.pec-player__cover svg { width: 30px; height: 30px; }
	.pec-player__play { width: 48px; height: 48px; }
	.pec-player__wave { height: 34px; gap: 1px; }
	.pec-player__controls { gap: 8px 14px; }
	.pec-player__follow { flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; margin-left: 0; gap: 6px 18px; }
	.pec-player__volume { width: 64px; }
	.pec-ad--wide { padding: 10px; }
	.pec-ad--inlist { margin-top: 28px; margin-bottom: 28px; }
	.pec-cat__col { padding-top: 26px; }
	.pec-cat__title { font-size: 32px; }
	.pec-catsearch, .pec-cat__col > .pec-searchform { margin: 24px auto 22px; }
	.pec-catsearch__input { height: 54px; font-size: 16px; padding: 0 16px; }
	.pec-dayhead { padding-right: 0; font-size: 18px; margin: 14px 0 16px; }
	.pec-item { gap: 16px; padding-bottom: 28px; margin-bottom: 28px; }
	.pec-item__media { width: 36%; }
	.pec-item__title { font-size: 21px; }
	.pec-item__excerpt { font-size: 16px; margin-top: 10px; }
	.pec-item:not(.has-thumb) .pec-item__body { flex-basis: 100%; }
	.pec-single-wrap { padding-top: 22px; }
	.pec-single__title { font-size: min(var(--h1-size), 32px); line-height: 1.16; }
	.pec-lead { font-size: 18px; }
	.pec-content { font-size: min(var(--body-size), 17px); }
	.pec-content .alignleft, .pec-content .alignright { float: none; display: block; margin: 20px auto; max-width: 100%; }
	.pec-content .pec-resp__list { flex-direction: column; }
	.pec-strip__row { gap: 18px 14px; }
	.pec-card--ranking { flex-direction: column; }
	.pec-card--ranking .pec-card__media { width: 100%; }
	.pec-vt .pec-tri__title { font-size: 24px; }
	.pec-tri__title { font-size: 24px; }
	.pec-tri__head { font-size: 20px; }
	.pec-footer__in { gap: 22px; }
	.pec-facts div { flex-direction: column; gap: 0; }
}

@media (min-width: 768px) {
	.pec-content .pec-resp { margin-top: 48px; }
	.pec-content .pec-resp__body { padding: 24px 32px 32px; }
	.pec-content .pec-resp__avatar { width: 64px; height: 64px; font-size: 22px; }
	.pec-content .pec-resp__name { font-size: 24px; line-height: 30px; }
	.pec-content .pec-resp__list { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 359px) {
	.pec-hero__side, .pec-grid--c4, .pec-grid--c3, .pec-grid--c2, .pec-eb__cards, .pec-strip__row { grid-template-columns: minmax(0, 1fr); }
	.pec-bol__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pec-wrap { padding-inline: 12px; }
}

@media (max-width: 782px) {
	.admin-bar.pec-sticky .pec-top { top: 46px; }
	.admin-bar .pec-drawer, .admin-bar .pec-overlay { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

@media print {
	.pec-top, .pec-drawer, .pec-overlay, .pec-footer, .pec-share, .pec-ad, .pec-after { display: none !important; }
}