/*
Theme Name: Base Popular
Theme URI: https://basepopular.com.br
Author: Base Popular
Description: Tema de portal de notícias do Base Popular. Visual jovem e direto, inspirado nos grandes portais, com manchete, feed de notícias, mais lidas, editorias por cor, plantão, SEO e dados estruturados para Google Notícias. Funciona em computador e celular.
Version: 1.2.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: base-popular
Tags: news, blog, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Fontes hospedadas no próprio tema (sem Google Fonts: mais rápido e sem enviar dados do leitor) */
@font-face {
	font-family: "Bricolage Grotesque";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("assets/fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: "Bricolage Grotesque";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("assets/fonts/bricolage-grotesque-latin-opsz-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/figtree-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/figtree-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: "Figtree";
	font-style: italic;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/figtree-latin-ext-wght-italic.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: "Figtree";
	font-style: italic;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/figtree-latin-wght-italic.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ------------------------------------------------------------------
   Tokens — tirados da logo
------------------------------------------------------------------ */
:root {
	--bp-laranja: #fa5214;
	--bp-laranja-escuro: #d9400a;
	--bp-laranja-fundo: #d43e09; /* fundo de faixas com texto branco (contraste AA) */
	--bp-tinta: #1c3034;
	--bp-tinta-2: #3c5257;
	--bp-azul: #007acf;
	--bp-azul-escuro: #00449a;
	--bp-azul-faixa: #0066b3;
	--bp-vermelho: #cf2338;
	--bp-papel: #ffffff;
	--bp-nevoa: #f2f5f6;
	--bp-linha: #e1e7e9;
	--bp-cinza: #5f7277;

	--bp-font-titulo: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
	--bp-font-texto: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--bp-max: 1200px;
	--bp-gutter: 16px;
	--bp-raio: 14px;
	--bp-raio-pequeno: 8px;
	--bp-header-h: 64px;
}

/* ------------------------------------------------------------------
   Base
------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; }
body {
	margin: 0;
	background: var(--bp-papel);
	color: var(--bp-tinta);
	font-family: var(--bp-font-texto);
	font-size: 17px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img, video, iframe { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--bp-laranja); }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--bp-azul); outline-offset: 2px; border-radius: 4px; }
h1, h2, h3, h4 { font-family: var(--bp-font-titulo); line-height: 1.12; margin: 0; letter-spacing: -0.015em; }
p { margin: 0 0 1em; }

.bp-container { width: 100%; max-width: var(--bp-max); margin: 0 auto; padding: 0 var(--bp-gutter); }
.screen-reader-text, .bp-sr {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.bp-skip:focus {
	position: fixed; top: 8px; left: 8px; z-index: 999; width: auto; height: auto; clip: auto;
	background: var(--bp-tinta); color: #fff; padding: 10px 14px; border-radius: 8px;
}

/* ------------------------------------------------------------------
   Header
------------------------------------------------------------------ */
.bp-header {
	position: sticky; top: 0; z-index: 50;
	background: var(--bp-laranja); color: #fff;
	transition: box-shadow .2s ease;
}
.admin-bar .bp-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .bp-header { top: 0; } }
.bp-header.is-scrolled { box-shadow: 0 8px 20px -12px rgba(28,48,52,.55); }
.bp-header__bar {
	height: var(--bp-header-h);
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px;
}
.bp-header__left { display: flex; align-items: center; gap: 6px; }
.bp-header__right { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }

/* Logo num balão branco, como os balões da marca */
.bp-logo { display: flex; align-items: center; justify-content: center; margin: 0; }
.bp-logo a {
	position: relative; display: block; background: #fff;
	padding: 6px 14px 5px; border-radius: 14px 14px 14px 4px;
	box-shadow: 0 6px 14px -8px rgba(28,48,52,.5);
}
.bp-logo a::after {
	content: ""; position: absolute; left: 0; bottom: -8px;
	border-style: solid; border-width: 9px 12px 0 0; border-color: #fff transparent transparent transparent;
}
.bp-logo img { height: 40px; width: auto; transition: height .2s ease; }
.bp-header.is-scrolled .bp-logo img { height: 32px; }
.bp-logo__texto { font-family: var(--bp-font-titulo); font-weight: 800; font-size: 28px; color: var(--bp-tinta); }

.bp-icon-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	height: 42px; min-width: 42px; padding: 0 10px;
	border: 0; border-radius: 999px; background: transparent; color: var(--bp-tinta);
	font-weight: 800; font-size: 15px;
}
.bp-icon-btn:hover { background: var(--bp-nevoa); color: var(--bp-tinta); }
.bp-header .bp-icon-btn { color: #fff; }
.bp-header .bp-icon-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
.bp-icon-btn svg { width: 24px; height: 24px; flex: none; }
.bp-icon-btn__label { display: none; }
@media (min-width: 900px) { .bp-icon-btn__label { display: inline; } }

.bp-header__date { display: none; font-size: 15px; font-weight: 600; color: #fff; }
@media (min-width: 900px) { .bp-header__date { display: inline; margin-right: 6px; } }
.bp-header__social { display: none; }
.bp-header__social .bp-social a { width: 36px; height: 36px; background: rgba(255,255,255,.16); }
.bp-header__social .bp-social a:hover { background: #fff; color: var(--bp-laranja); }
@media (min-width: 1100px) { .bp-header__social { display: block; margin-right: 6px; } }

/* Editorias */
.bp-editorias { background: var(--bp-laranja-fundo); }
.bp-editorias ul {
	list-style: none; margin: 0; padding: 0;
	display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;
	scroll-snap-type: x proximity;
}
.bp-editorias ul::-webkit-scrollbar { display: none; }
.bp-editorias li { flex: none; scroll-snap-align: start; }
.bp-editorias a {
	position: relative; display: block; padding: 11px 12px 13px;
	font-weight: 700; font-size: 15px; white-space: nowrap; color: #fff;
}
.bp-editorias a::after {
	content: ""; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 4px;
	border-radius: 4px; background: #fff; transform: scaleX(0); transform-origin: left;
	transition: transform .2s ease;
}
.bp-editorias a:hover { color: #fff; }
.bp-editorias a:hover::after, .bp-editorias .current-menu-item > a::after, .bp-editorias .current-cat > a::after,
.bp-editorias .current-post-ancestor > a::after, .bp-editorias .current-menu-parent > a::after { transform: scaleX(1); }
.bp-editorias .sub-menu { display: none; }

/* Busca */
.bp-busca { display: none; padding: 12px 0 16px; background: var(--bp-laranja-fundo); }
.bp-busca.is-open { display: block; }
.bp-searchform { display: flex; gap: 8px; }
.bp-searchform input[type="search"] {
	flex: 1; min-width: 0; height: 48px; padding: 0 18px;
	border: 2px solid var(--bp-linha); border-radius: 999px;
	font: inherit; font-size: 17px; color: var(--bp-tinta); background: var(--bp-nevoa);
}
.bp-searchform input[type="search"]:focus { outline: none; border-color: var(--bp-azul); background: #fff; }
.bp-header .bp-searchform input[type="search"] { background: #fff; border-color: #fff; }
.bp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	height: 48px; padding: 0 22px; border: 0; border-radius: 999px;
	background: var(--bp-laranja); color: #fff; font-weight: 800; font-size: 16px;
}
.bp-btn:hover { background: var(--bp-laranja-escuro); color: #fff; }
.bp-header .bp-btn { background: var(--bp-tinta); }
.bp-header .bp-btn:hover { background: #000; }

/* Menu lateral (gaveta) */
.bp-drawer { position: fixed; inset: 0; z-index: 100; visibility: hidden; }
.bp-drawer.is-open { visibility: visible; }
.bp-drawer__overlay {
	position: absolute; inset: 0; background: rgba(28,48,52,.55); opacity: 0; transition: opacity .25s ease;
}
.bp-drawer.is-open .bp-drawer__overlay { opacity: 1; }
.bp-drawer__panel {
	position: absolute; top: 0; bottom: 0; left: 0; width: min(340px, 88vw);
	background: #fff; transform: translateX(-100%); transition: transform .28s cubic-bezier(.2,.8,.2,1);
	display: flex; flex-direction: column; overflow-y: auto;
}
.bp-drawer.is-open .bp-drawer__panel { transform: none; }
.bp-drawer__head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 12px 14px 20px; border-bottom: 4px solid var(--bp-laranja);
}
.bp-drawer__head img { height: 38px; width: auto; }
.bp-drawer__search { padding: 16px 20px; }
.bp-drawer__search .bp-searchform input[type="search"] { height: 44px; font-size: 16px; }
.bp-drawer__search .bp-btn { height: 44px; padding: 0 16px; }
.bp-drawer nav ul { list-style: none; margin: 0; padding: 0 0 12px; }
.bp-drawer nav a {
	display: flex; align-items: center; gap: 12px; padding: 13px 20px;
	font-family: var(--bp-font-titulo); font-weight: 700; font-size: 19px;
}
.bp-drawer nav a::before {
	content: ""; width: 10px; height: 10px; border-radius: 3px 3px 3px 0; background: var(--bp-cor, var(--bp-laranja));
}
.bp-drawer nav a:hover { background: var(--bp-nevoa); color: var(--bp-tinta); }
.bp-drawer nav .sub-menu a { font-size: 16px; padding-left: 42px; font-family: var(--bp-font-texto); }
.bp-drawer nav .sub-menu a::before { display: none; }
.bp-drawer__social { margin-top: auto; padding: 20px; border-top: 1px solid var(--bp-linha); }
body.bp-no-scroll { overflow: hidden; }

/* ------------------------------------------------------------------
   Plantão (urgente)
------------------------------------------------------------------ */
.bp-plantao { background: var(--bp-vermelho); color: #fff; }
.bp-plantao a {
	display: flex; align-items: center; gap: 12px; padding: 10px 0; color: #fff;
	font-weight: 700; font-size: 16px; line-height: 1.3;
}
.bp-plantao a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bp-plantao__tag {
	flex: none; display: inline-flex; align-items: center; gap: 7px;
	background: #fff; color: var(--bp-vermelho); font-weight: 800; font-size: 13px;
	padding: 4px 10px; border-radius: 999px 999px 999px 3px;
}
.bp-plantao__tag::before {
	content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--bp-vermelho);
	animation: bp-pulse 1.4s ease-in-out infinite;
}
@keyframes bp-pulse { 50% { opacity: .25; } }

/* ------------------------------------------------------------------
   Chapéu em balão — a assinatura do Base Popular
------------------------------------------------------------------ */
.bp-chapeu {
	--c: var(--bp-cor, var(--bp-laranja));
	position: relative; display: inline-block; align-self: flex-start;
	background: var(--c); color: #fff;
	font-family: var(--bp-font-texto); font-weight: 800; font-size: 13px; line-height: 1;
	padding: 6px 10px 6px; border-radius: 8px 8px 8px 0;
	margin-bottom: 14px; letter-spacing: .01em;
}
.bp-chapeu::after {
	content: ""; position: absolute; left: 0; bottom: -7px;
	border-style: solid; border-width: 7px 9px 0 0; border-color: var(--c) transparent transparent transparent;
}
a.bp-chapeu:hover { color: #fff; filter: brightness(1.08); }
.bp-chapeu--texto {
	background: none; color: var(--c); padding: 0; margin-bottom: 6px; border-radius: 0; font-size: 14px;
}
.bp-chapeu--texto::after { display: none; }

/* Metadados de tempo */
.bp-tempo { font-size: 14px; color: var(--bp-cinza); }
.bp-tempo--novo { color: var(--bp-vermelho); font-weight: 700; }

/* ------------------------------------------------------------------
   Manchete (home)
------------------------------------------------------------------ */
.bp-main { padding: 22px 0 56px; }
.bp-manchete { display: grid; gap: 20px; margin-bottom: 36px; }
@media (min-width: 900px) {
	.bp-manchete { grid-template-columns: 1.65fr 1fr; gap: 28px; }
}
.bp-hero { position: relative; display: block; border-radius: var(--bp-raio); overflow: hidden; background: var(--bp-tinta); color: #fff; isolation: isolate; }
.bp-hero__img { aspect-ratio: 16 / 10; width: 100%; object-fit: cover; transition: transform .6s ease; }
.bp-hero:hover .bp-hero__img { transform: scale(1.03); }
.bp-hero__body {
	position: absolute; inset: auto 0 0 0; padding: 70px 22px 22px;
	background: linear-gradient(to top, rgba(28,48,52,.96) 8%, rgba(28,48,52,.6) 55%, transparent);
	display: flex; flex-direction: column;
}
.bp-hero__titulo { font-size: clamp(26px, 4.6vw, 44px); font-weight: 800; color: #fff; text-wrap: balance; }
.bp-hero:hover .bp-hero__titulo { color: #fff; }
.bp-hero__linha { margin: 12px 0 0; font-size: 17px; color: rgba(255,255,255,.86); max-width: 60ch; display: none; }
@media (min-width: 640px) { .bp-hero__linha { display: block; } }
.bp-hero--sem-img { min-height: 340px; background: var(--bp-tinta); }
.bp-hero--sem-img .bp-hero__body { position: relative; padding-top: 120px; height: 100%; justify-content: flex-end; }

.bp-manchete__lado { display: grid; gap: 20px; align-content: start; }
@media (min-width: 640px) and (max-width: 899px) { .bp-manchete__lado { grid-template-columns: 1fr 1fr; } }

/* ------------------------------------------------------------------
   Cards
------------------------------------------------------------------ */
.bp-card { display: flex; flex-direction: column; }
.bp-card__media { display: block; border-radius: var(--bp-raio-pequeno); overflow: hidden; background: var(--bp-nevoa); margin-bottom: 12px; }
.bp-card__media img { aspect-ratio: 16 / 9; width: 100%; object-fit: cover; transition: transform .5s ease; }
.bp-card:hover .bp-card__media img { transform: scale(1.04); }
.bp-card__titulo { font-size: 21px; font-weight: 700; text-wrap: balance; }
.bp-card__titulo a:hover { color: var(--bp-laranja); }
.bp-card__resumo { margin: 8px 0 0; font-size: 16px; color: var(--bp-tinta-2); }
.bp-card .bp-tempo { margin-top: 8px; }
.bp-card .bp-chapeu { margin-bottom: 12px; }

/* Card lateral da manchete */
.bp-card--lado .bp-card__titulo { font-size: 22px; }
@media (min-width: 900px) {
	.bp-card--lado + .bp-card--lado { padding-top: 20px; border-top: 1px solid var(--bp-linha); }
}

/* ------------------------------------------------------------------
   Feed + Mais lidas
------------------------------------------------------------------ */
.bp-duo { display: grid; gap: 40px; }
@media (min-width: 1000px) { .bp-duo { grid-template-columns: minmax(0, 1fr) 330px; gap: 48px; } }

.bp-secao-titulo {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
	margin: 0 0 20px;
}
.bp-secao-titulo h2 {
	position: relative; font-size: 28px; font-weight: 800; padding-bottom: 10px;
	color: var(--bp-cor, var(--bp-tinta));
}
.bp-secao-titulo h2::after {
	content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 5px; border-radius: 5px;
	background: var(--bp-azul);
}
.bp-secao-titulo a.bp-ver-mais { font-weight: 700; font-size: 15px; color: var(--bp-azul); padding-bottom: 10px; white-space: nowrap; }
.bp-secao-titulo a.bp-ver-mais:hover { color: var(--bp-azul-escuro); text-decoration: underline; text-underline-offset: 3px; }

.bp-feed { list-style: none; margin: 0; padding: 0; }
.bp-feed__item {
	display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 16px; align-items: start;
	padding: 22px 0; border-top: 1px solid var(--bp-linha);
}
.bp-feed__item:first-child { border-top: 0; padding-top: 0; }
.bp-feed__item--sem-img { grid-template-columns: minmax(0, 1fr); }
.bp-feed__texto { display: flex; flex-direction: column; min-width: 0; }
.bp-feed__titulo { font-size: 20px; font-weight: 700; text-wrap: pretty; }
.bp-feed__resumo { display: none; margin: 8px 0 0; color: var(--bp-tinta-2); font-size: 16px; }
.bp-feed__media { display: block; border-radius: var(--bp-raio-pequeno); overflow: hidden; background: var(--bp-nevoa); order: 2; }
.bp-feed__media img { aspect-ratio: 1 / 1; width: 100%; object-fit: cover; }
.bp-feed__item .bp-tempo { margin-top: 8px; }
@media (min-width: 640px) {
	.bp-feed__item { grid-template-columns: 270px minmax(0, 1fr); gap: 22px; }
	.bp-feed__media { order: 0; }
	.bp-feed__media img { aspect-ratio: 16 / 10; }
	.bp-feed__titulo { font-size: 24px; }
	.bp-feed__resumo { display: block; }
}

/* Mais lidas */
.bp-lidas { position: sticky; top: calc(var(--bp-header-h) + 70px); }
.bp-lidas__box { background: var(--bp-nevoa); border-radius: var(--bp-raio); padding: 22px 22px 8px; }
.bp-lidas ol { list-style: none; margin: 0; padding: 0; counter-reset: lidas; }
.bp-lidas li {
	counter-increment: lidas; display: grid; grid-template-columns: 44px 1fr; gap: 10px;
	padding: 14px 0; border-top: 1px solid var(--bp-linha);
}
.bp-lidas li:first-child { border-top: 0; padding-top: 0; }
.bp-lidas li::before {
	content: counter(lidas); font-family: var(--bp-font-titulo); font-weight: 800; font-size: 40px; line-height: .9;
	color: var(--bp-laranja);
}
.bp-lidas a { font-weight: 700; font-size: 16px; line-height: 1.32; }
.bp-widget-area { margin-top: 28px; }
.bp-widget { margin-bottom: 28px; }
.bp-widget-title { font-size: 20px; font-weight: 800; margin-bottom: 12px; }

/* ------------------------------------------------------------------
   Blocos por editoria
------------------------------------------------------------------ */
.bp-editoria-bloco { padding-top: 40px; margin-top: 40px; border-top: 1px solid var(--bp-linha); }
.bp-grid { display: grid; gap: 28px 24px; }
@media (min-width: 640px) { .bp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .bp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bp-grid--4 .bp-card__titulo { font-size: 18px; }

/* Faixa destaque escura (editoria em destaque) */
.bp-faixa { background: var(--bp-azul-faixa); color: #fff; margin-top: 48px; padding: 40px 0 44px; }
.bp-faixa .bp-secao-titulo h2 { color: #fff; }
.bp-faixa .bp-secao-titulo h2::after { background: #fff; }
.bp-faixa .bp-card__titulo a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bp-faixa .bp-card__resumo, .bp-faixa .bp-tempo { color: rgba(255,255,255,.85); }
.bp-faixa .bp-ver-mais { color: #fff !important; }
.bp-faixa .bp-card__media { background: rgba(255,255,255,.15); }

/* ------------------------------------------------------------------
   Arquivo / busca
------------------------------------------------------------------ */
.bp-arquivo-head { padding: 30px 0 26px; margin-bottom: 26px; border-bottom: 1px solid var(--bp-linha); }
.bp-arquivo-head h1 { font-size: clamp(32px, 6vw, 52px); font-weight: 800; color: var(--bp-cor, var(--bp-tinta)); }
.bp-arquivo-head p { margin: 10px 0 0; color: var(--bp-cinza); max-width: 65ch; }
.bp-arquivo-head .bp-chapeu { margin-bottom: 16px; }

.bp-paginacao { margin-top: 36px; }
.bp-paginacao .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.bp-paginacao .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px;
	border-radius: 999px; background: var(--bp-nevoa); font-weight: 700;
}
.bp-paginacao .page-numbers.current { background: var(--bp-laranja); color: #fff; }
.bp-paginacao a.page-numbers:hover { background: var(--bp-tinta); color: #fff; }

.bp-vazio { padding: 40px 0; text-align: center; }
.bp-vazio h2 { font-size: 30px; margin-bottom: 10px; }
.bp-vazio p { color: var(--bp-cinza); }
.bp-vazio .bp-searchform { max-width: 520px; margin: 20px auto 0; }

/* ------------------------------------------------------------------
   Matéria (single)
------------------------------------------------------------------ */
.bp-progresso { position: fixed; top: 0; left: 0; height: 4px; width: 100%; z-index: 60; pointer-events: none; }
.admin-bar .bp-progresso { top: 32px; }
.bp-progresso span { display: block; height: 100%; width: 0; background: var(--bp-azul); }

.bp-materia { padding-top: 28px; }
.bp-materia__head { max-width: 780px; margin: 0 auto 24px; }
.bp-breadcrumb { font-size: 14px; color: var(--bp-cinza); margin-bottom: 16px; }
.bp-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.bp-breadcrumb li + li::before { content: "›"; margin-right: 6px; color: var(--bp-linha); }
.bp-breadcrumb a:hover { color: var(--bp-laranja); }
.bp-materia__titulo { font-size: clamp(30px, 5.4vw, 50px); font-weight: 800; text-wrap: balance; }
.bp-materia__linha { margin: 16px 0 0; font-size: clamp(18px, 2.4vw, 21px); line-height: 1.45; color: var(--bp-tinta-2); }
.bp-materia__meta {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
	margin-top: 22px; padding: 14px 0; border-top: 1px solid var(--bp-linha); border-bottom: 1px solid var(--bp-linha);
}
.bp-autor { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--bp-cinza); line-height: 1.35; }
.bp-autor img { width: 40px; height: 40px; border-radius: 50%; }
.bp-autor strong { display: block; color: var(--bp-tinta); font-size: 15px; }

.bp-share { display: flex; gap: 6px; flex-wrap: wrap; }
.bp-share a, .bp-share button {
	display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	height: 40px; min-width: 40px; padding: 0 12px; border-radius: 999px; border: 0;
	background: var(--bp-nevoa); color: var(--bp-tinta); font-weight: 700; font-size: 14px;
}
.bp-share svg { width: 19px; height: 19px; }
.bp-share a:hover, .bp-share button:hover { background: var(--bp-tinta); color: #fff; }
.bp-share .bp-share--whats { background: #1faa59; color: #fff; }
.bp-share .bp-share--whats:hover { background: #168a47; }
.bp-share__label { display: none; }
@media (min-width: 640px) { .bp-share .bp-share--whats .bp-share__label { display: inline; } }

.bp-materia__capa { max-width: 1000px; margin: 0 auto 30px; }
.bp-materia__capa img { width: 100%; border-radius: var(--bp-raio); aspect-ratio: 16 / 9; object-fit: cover; }
.bp-materia__capa figcaption { font-size: 14px; color: var(--bp-cinza); margin-top: 8px; padding: 0 2px; }

.bp-conteudo { max-width: 780px; margin: 0 auto; font-size: 19px; line-height: 1.7; }
.bp-materia .bp-conteudo p, .bp-materia .bp-conteudo li, .bp-pagina .bp-conteudo p {
	text-align: justify; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word;
}
.bp-conteudo figcaption, .bp-conteudo .wp-caption-text, .bp-materia .bp-conteudo blockquote p, .bp-materia .bp-conteudo li { text-align: left; hyphens: manual; }
.bp-conteudo > * { margin-top: 0; margin-bottom: 1.15em; }
.bp-conteudo h2 { font-size: 27px; font-weight: 800; margin-top: 1.6em; margin-bottom: .6em; }
.bp-conteudo h3 { font-size: 22px; font-weight: 700; margin-top: 1.4em; margin-bottom: .5em; }
.bp-conteudo a { color: var(--bp-azul); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.bp-conteudo a:hover { color: var(--bp-azul-escuro); }
.bp-conteudo blockquote {
	margin-left: 0; margin-right: 0; padding: 4px 0 4px 22px; border-left: 5px solid var(--bp-laranja);
	font-family: var(--bp-font-titulo); font-size: 23px; line-height: 1.4; font-weight: 600;
}
.bp-conteudo blockquote p:last-child { margin-bottom: 0; }
.bp-conteudo blockquote cite { display: block; margin-top: 8px; font-family: var(--bp-font-texto); font-size: 15px; font-style: normal; color: var(--bp-cinza); font-weight: 500; }
.bp-conteudo ul, .bp-conteudo ol { padding-left: 1.3em; }
.bp-conteudo li { margin-bottom: .4em; }
.bp-conteudo li::marker { color: var(--bp-laranja); font-weight: 800; }
.bp-conteudo figure { margin-left: 0; margin-right: 0; }
.bp-conteudo figure img { border-radius: var(--bp-raio-pequeno); }
.bp-conteudo figcaption, .bp-conteudo .wp-caption-text { font-size: 14px; color: var(--bp-cinza); margin-top: 8px; }
.bp-conteudo > .alignwide, .bp-conteudo > .alignfull { max-width: none; }
.bp-conteudo iframe { width: 100%; border-radius: var(--bp-raio-pequeno); }
.bp-conteudo .wp-block-embed__wrapper iframe { aspect-ratio: 16 / 9; height: auto; }
.bp-conteudo table { width: 100%; border-collapse: collapse; font-size: 16px; }
.bp-conteudo th, .bp-conteudo td { border-bottom: 1px solid var(--bp-linha); padding: 10px 8px; text-align: left; }
.bp-conteudo hr { border: 0; border-top: 1px solid var(--bp-linha); margin: 2em 0; }

.bp-fonte {
	max-width: 780px; margin: 28px auto 0; padding: 14px 18px; border-radius: var(--bp-raio-pequeno);
	background: var(--bp-nevoa); font-size: 15px; color: var(--bp-tinta-2);
}
.bp-fonte a { color: var(--bp-azul); font-weight: 700; }
.bp-fonte p { margin: 0; }
.bp-fonte p + p { margin-top: 6px; }

.bp-tags { max-width: 780px; margin: 24px auto 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bp-tags a {
	display: inline-block; padding: 7px 14px; border-radius: 999px; border: 1.5px solid var(--bp-linha);
	font-size: 14px; font-weight: 700; color: var(--bp-tinta-2);
}
.bp-tags a:hover { border-color: var(--bp-laranja); color: var(--bp-laranja); }

.bp-share--fim { max-width: 780px; margin: 30px auto 0; padding-top: 20px; border-top: 1px solid var(--bp-linha); align-items: center; }
.bp-share--fim > span { font-weight: 800; margin-right: 6px; }

.bp-relacionadas { margin-top: 56px; padding-top: 40px; border-top: 4px solid var(--bp-laranja); }

/* Página */
.bp-pagina { max-width: 760px; margin: 0 auto; padding-top: 32px; }
.bp-pagina h1 { font-size: clamp(32px, 5vw, 46px); font-weight: 800; margin-bottom: 26px; }

/* Comentários */
.bp-comentarios { max-width: 860px; margin: 48px auto 0; }
.bp-comentarios h2 { font-size: 24px; margin-bottom: 16px; }
.bp-comentarios ol { list-style: none; padding: 0; }
.bp-comentarios .comment-body { padding: 16px 0; border-top: 1px solid var(--bp-linha); font-size: 16px; }
.bp-comentarios textarea, .bp-comentarios input[type="text"], .bp-comentarios input[type="email"], .bp-comentarios input[type="url"] {
	width: 100%; padding: 12px 14px; border: 2px solid var(--bp-linha); border-radius: var(--bp-raio-pequeno); font: inherit;
}
.bp-comentarios textarea { height: 140px; max-width: 700px; }
.bp-comentarios .comment-form > p { max-width: 700px; }
.bp-comentarios .submit { height: 46px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--bp-laranja); color: #fff; font-weight: 800; }

/* 404 */
.bp-404 { text-align: center; padding: 60px 0 30px; }
.bp-404 .bp-404__num { font-family: var(--bp-font-titulo); font-weight: 800; font-size: clamp(90px, 22vw, 180px); line-height: 1; color: var(--bp-laranja); }
.bp-404 h1 { font-size: 30px; margin: 10px 0 12px; }
.bp-404 p { color: var(--bp-cinza); }
.bp-404 .bp-searchform { max-width: 520px; margin: 24px auto 0; }

/* ------------------------------------------------------------------
   Rodapé
------------------------------------------------------------------ */
.bp-footer { background: var(--bp-laranja-fundo); color: #fff; padding: 48px 0 28px; font-size: 15px; }
.bp-footer a { color: #fff; }
.bp-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bp-footer__top { display: grid; gap: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.28); }
@media (min-width: 900px) { .bp-footer__top { grid-template-columns: 1.3fr 2fr; } }
.bp-footer__marca a { position: relative; display: inline-block; background: #fff; padding: 8px 14px 6px; border-radius: 14px 14px 14px 4px; }
.bp-footer__marca a::after {
	content: ""; position: absolute; left: 0; bottom: -8px;
	border-style: solid; border-width: 9px 12px 0 0; border-color: #fff transparent transparent transparent;
}
.bp-footer__marca img { height: 46px; width: auto; }
.bp-footer__marca p { margin: 20px 0 0; max-width: 42ch; font-size: 17px; line-height: 1.5; font-weight: 500; }
.bp-footer__titulo { font-family: var(--bp-font-titulo); font-size: 18px; font-weight: 800; margin-bottom: 10px; }
.bp-footer nav ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 24px; }
@media (min-width: 640px) { .bp-footer nav ul { columns: 3; } }
.bp-footer nav li { break-inside: avoid; }
.bp-footer nav a { display: inline-block; padding: 6px 0; font-weight: 700; }
.bp-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-top: 22px; font-size: 14px; }
.bp-footer__credito strong { font-weight: 800; }
.bp-footer .bp-social a { background: rgba(255,255,255,.18); }
.bp-footer .bp-social a:hover { background: #fff; color: var(--bp-laranja-fundo); text-decoration: none; }

.bp-social { display: flex; flex-wrap: wrap; gap: 8px; }
.bp-social a {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
	border-radius: 50%; background: rgba(255,255,255,.1); color: #fff;
}
.bp-social a:hover { background: var(--bp-laranja); color: #fff; }
.bp-social svg { width: 19px; height: 19px; }
.bp-drawer .bp-social a { background: var(--bp-nevoa); color: var(--bp-tinta); }
.bp-drawer .bp-social a:hover { background: var(--bp-laranja); color: #fff; }

/* WordPress core */
.alignleft { float: left; margin: 0 1.2em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.2em; }
.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.sticky, .bypostauthor, .gallery-caption { }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
	.bp-header, .bp-footer, .bp-share, .bp-relacionadas, .bp-lidas, .bp-progresso, .bp-plantao { display: none !important; }
}

.bp-mais { margin: 28px 0 0; }
.bp-arquivo-busca { max-width: 560px; margin-top: 18px; }
.bp-drawer__social:empty { display: none; }

/* ------------------------------------------------------------------
   Anúncios
------------------------------------------------------------------ */
.bp-anuncio { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 auto; text-align: center; }
.bp-anuncio__rotulo { font-size: 11px; font-weight: 600; color: var(--bp-cinza); letter-spacing: .04em; }
.bp-anuncio__item { max-width: 100%; }
.bp-anuncio img { max-width: 100%; height: auto; margin: 0 auto; border-radius: 6px; }
.bp-anuncio--topo { padding: 16px var(--bp-gutter) 0; max-width: calc(970px + 2 * var(--bp-gutter)); }
.bp-anuncio--rodape { padding: 40px var(--bp-gutter) 8px; max-width: calc(970px + 2 * var(--bp-gutter)); }
.bp-anuncio--lateral { margin-top: 28px; }
.bp-anuncio--materia { margin: 2em auto; }
.bp-feed__anuncio { list-style: none; padding: 22px 0; border-top: 1px solid var(--bp-linha); }
.bp-anuncio--vazio a {
	display: flex; flex-direction: column; gap: 4px; width: 100%; min-height: 90px; justify-content: center;
	padding: 14px; border: 2px dashed #f6a07c; border-radius: 10px; background: #fff6f1; color: var(--bp-laranja-fundo);
	font-size: 14px; text-decoration: none !important;
}
.bp-anuncio--vazio a span { color: var(--bp-cinza); font-size: 13px; }
.bp-anuncio--vazio.bp-anuncio--topo a, .bp-anuncio--vazio.bp-anuncio--rodape a { min-height: 90px; }
.bp-anuncio--vazio.bp-anuncio--lateral a, .bp-anuncio--vazio.bp-anuncio--materia a { min-height: 250px; }

/* ------------------------------------------------------------------
   TV Base Popular
------------------------------------------------------------------ */
.bp-tv { background: var(--bp-azul-escuro); color: #fff; padding: 40px 0 44px; margin-top: 48px; }
.bp-tv .bp-secao-titulo h2 { color: #fff; display: flex; align-items: center; gap: 12px; }
.bp-tv .bp-secao-titulo h2::after { background: var(--bp-laranja); }
.bp-tv .bp-ver-mais { color: #fff !important; }
.bp-tv__ao-vivo { width: 26px; height: 20px; border-radius: 6px 6px 6px 0; background: var(--bp-laranja); position: relative; }
.bp-tv__ao-vivo::after { content: ""; position: absolute; left: 10px; top: 5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; }
.bp-tv__grade { display: grid; gap: 22px; }
@media (min-width: 960px) { .bp-tv__grade { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 28px; } }
.bp-tv__player {
	position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: var(--bp-raio); overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.bp-tv__player iframe, .bp-tv__player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bp-tv__player.is-vertical iframe { position: relative; inset: auto; height: 100%; width: auto; aspect-ratio: 9 / 16; max-width: 100%; background: #fff; }
.bp-tv__player.is-instagram iframe { background: #fff; }
.bp-tv__capa { position: absolute; inset: 0; border: 0; padding: 0; background: #000; cursor: pointer; width: 100%; }
.bp-tv__capa img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity .2s ease; }
.bp-tv__capa:hover img { opacity: 1; }
.bp-tv__play {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 76px; height: 76px; border-radius: 50%; background: var(--bp-laranja); color: #fff;
	display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px -8px rgba(0,0,0,.6);
}
.bp-tv__play svg { width: 36px; height: 36px; margin-left: 4px; }
.bp-tv__agora { margin: 14px 0 0; font-family: var(--bp-font-titulo); font-weight: 700; font-size: 22px; line-height: 1.25; }
.bp-tv__lista {
	list-style: none; margin: 0; padding: 0 6px 0 0; display: flex; flex-direction: column; gap: 6px;
	max-height: 460px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) transparent;
}
.bp-tv__item {
	display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 12px; align-items: center; width: 100%;
	padding: 8px; border: 0; border-radius: 12px; background: transparent; color: #fff; text-align: left;
}
.bp-tv__item:hover { background: rgba(255,255,255,.1); }
.bp-tv__item.is-ativo { background: rgba(255,255,255,.16); box-shadow: inset 4px 0 0 var(--bp-laranja); }
.bp-tv__mini { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: rgba(255,255,255,.12); }
.bp-tv__mini img { width: 100%; height: 100%; object-fit: cover; }
.bp-tv__fonte { position: absolute; left: 6px; bottom: 6px; background: rgba(0,0,0,.72); font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 5px 5px 5px 0; }
.bp-tv__info strong { display: block; font-size: 15px; line-height: 1.3; font-weight: 700; }
.bp-tv__info small { display: block; margin-top: 4px; font-size: 13px; color: rgba(255,255,255,.8); }
.bp-tv--vazia p { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; color: rgba(255,255,255,.75); margin: 0; }

/* Arquivo de vídeos */
.bp-videos-grade { display: grid; gap: 26px 22px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.bp-video-card .bp-card__media { position: relative; }
.bp-video-card .bp-tv__play { width: 52px; height: 52px; }
.bp-video-card .bp-tv__play svg { width: 26px; height: 26px; }
.bp-video-single { max-width: 860px; margin: 0 auto; padding-top: 28px; }
.bp-video-single h1 { font-size: clamp(28px, 4.6vw, 42px); font-weight: 800; margin-bottom: 20px; }
.bp-video-single .bp-tv__player { margin-bottom: 20px; }

/* ------------------------------------------------------------------
   Siga o Base Popular (celular em 3D sobre a caixa laranja)
------------------------------------------------------------------ */
.bp-redes { background: #fff; padding: 96px 0 96px; overflow: hidden; }
.bp-redes__grade { display: grid; gap: 64px; align-items: center; }
@media (min-width: 900px) { .bp-redes__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; } }
.bp-redes__texto h2 { font-size: clamp(34px, 5.4vw, 56px); font-weight: 800; line-height: 1.02; letter-spacing: -.02em; }
.bp-redes__texto p { margin: 16px 0 0; font-size: clamp(18px, 2.2vw, 22px); line-height: 1.45; color: var(--bp-tinta-2); max-width: 30ch; }
.bp-redes__icones { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
.bp-redes__icone { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 68px; color: var(--bp-tinta); }
.bp-redes__icone:hover { color: var(--bp-tinta); }
.bp-redes__bola {
	display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 20px 20px 20px 6px;
	background: var(--rede, var(--bp-laranja)); color: #fff; box-shadow: 0 10px 22px -12px var(--rede, var(--bp-laranja));
	transition: transform .18s ease;
}
.bp-redes__icone:hover .bp-redes__bola { transform: translateY(-4px) rotate(-4deg); }
.bp-redes__bola svg { width: 28px; height: 28px; }
.bp-redes__nome { font-size: 13px; font-weight: 700; }
.bp-redes__cta { margin-top: 30px; background: var(--bp-tinta); }
.bp-redes__cta:hover { background: #000; }
.bp-redes__cta svg { width: 20px; height: 20px; }

.bp-redes__palco { position: relative; display: flex; align-items: center; justify-content: center; min-height: 440px; perspective: 1400px; }
.bp-redes__caixa {
	position: absolute; left: 0; right: 0; top: 50%; height: 360px; transform: translateY(-50%);
	background: linear-gradient(135deg, var(--bp-laranja) 0%, var(--bp-laranja-fundo) 100%);
	border-radius: 28px 28px 28px 8px; overflow: hidden;
}
.bp-redes__caixa span { position: absolute; border-radius: 22px 22px 22px 4px; background: rgba(255,255,255,.14); }
.bp-redes__caixa span:nth-child(1) { width: 150px; height: 110px; left: 7%; top: 14%; }
.bp-redes__caixa span:nth-child(2) { width: 110px; height: 80px; right: 9%; bottom: 14%; background: rgba(0,122,207,.55); }
.bp-redes__caixa span:nth-child(3) { width: 70px; height: 52px; right: 20%; top: 12%; background: rgba(28,48,52,.25); }

.bp-celular {
	position: relative; z-index: 1; width: 268px; height: 548px; padding: 11px; border-radius: 46px;
	background: linear-gradient(145deg, #2a3b40, #0f1a1d); box-shadow:
		inset 0 0 0 2px #3d5056, 0 2px 0 1px #0b1214,
		-30px 40px 60px -20px rgba(28,48,52,.55), -8px 14px 24px -10px rgba(28,48,52,.4);
	transform: rotateY(-16deg) rotateX(6deg) rotateZ(3deg);
	transform-style: preserve-3d; transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.bp-redes__palco:hover .bp-celular { transform: rotateY(-6deg) rotateX(2deg) rotateZ(1deg); }
.bp-celular::before, .bp-celular::after { content: ""; position: absolute; width: 4px; border-radius: 2px; background: #22323a; }
.bp-celular::before { left: -3px; top: 120px; height: 56px; }
.bp-celular::after { right: -3px; top: 150px; height: 80px; }
.bp-celular__tela { position: relative; height: 100%; border-radius: 36px; overflow: hidden; background: #fff; }
.bp-celular__status {
	position: absolute; z-index: 3; top: 0; left: 0; right: 0; height: 34px; display: flex; align-items: center; justify-content: space-between;
	padding: 0 22px; font-size: 12px; font-weight: 800; color: var(--bp-tinta); background: #fff;
}
.bp-celular__status i { position: absolute; left: 50%; top: 9px; width: 86px; height: 22px; margin-left: -43px; border-radius: 999px; background: #0f1a1d; }
.bp-celular__conteudo { position: absolute; inset: 34px 0 0; overflow: hidden; }
.bp-celular__conteudo.is-feed { overflow-y: auto; padding: 8px; font-size: 13px; }
.bp-celular__rolo { will-change: transform; }
.bp-celular__rolo img { width: 100%; height: auto; display: block; }
@media (prefers-reduced-motion: no-preference) {
	.bp-celular__rolo.is-rolando { animation: bp-rolar var(--bp-rolo-tempo, 26s) ease-in-out infinite alternate; }
	.bp-redes__palco:hover .bp-celular__rolo { animation-play-state: paused; }
}
@keyframes bp-rolar { 0%, 8% { transform: translateY(0); } 92%, 100% { transform: translateY(var(--bp-rolo, 0px)); } }

/* Perfil simulado */
.bp-ig { font-size: 12px; color: #111; padding-bottom: 8px; }
.bp-ig__topo { padding: 8px 14px; font-weight: 800; font-size: 14px; }
.bp-ig__perfil { display: flex; gap: 12px; align-items: center; padding: 4px 14px 10px; }
.bp-ig__avatar { flex: none; width: 66px; height: 66px; border-radius: 50%; padding: 3px; background: conic-gradient(#fa5214, #cf2338, #007acf, #fa5214); }
.bp-ig__avatar img { width: 100%; height: 100%; border-radius: 50%; background: #fff; border: 3px solid #fff; object-fit: contain; }
.bp-ig__bio strong { display: block; font-size: 13px; }
.bp-ig__bio span { display: block; color: #444; line-height: 1.35; margin-top: 2px; }
.bp-ig__seguir { display: block; margin: 0 14px 12px; padding: 7px; border-radius: 8px; background: #0095f6; color: #fff; text-align: center; font-weight: 700; }
.bp-ig__grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.bp-ig__grade span { display: block; aspect-ratio: 1; background: var(--bp-nevoa); overflow: hidden; }
.bp-ig__grade img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 899px) {
	.bp-redes { padding: 56px 0 80px; }
	.bp-redes__texto { text-align: center; }
	.bp-redes__texto p { margin-left: auto; margin-right: auto; }
	.bp-redes__icones { justify-content: center; }
	.bp-redes__caixa { height: 300px; }
	.bp-celular { width: 230px; height: 470px; border-radius: 40px; }
	.bp-celular__tela { border-radius: 31px; }
}
.bp-redes__texto .bp-redes__cta { display: inline-flex; }
.bp-drawer__social:empty { display: none; }

/* ------------------------------------------------------------------
   Anúncios
------------------------------------------------------------------ */
.bp-anuncio { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 auto; text-align: center; }
.bp-anuncio__rotulo { font-size: 11px; font-weight: 600; color: var(--bp-cinza); letter-spacing: .04em; }
.bp-anuncio__item { max-width: 100%; }
.bp-anuncio img { max-width: 100%; height: auto; margin: 0 auto; border-radius: 6px; }
.bp-anuncio--topo { padding: 16px var(--bp-gutter) 0; max-width: calc(970px + 2 * var(--bp-gutter)); }
.bp-anuncio--rodape { padding: 40px var(--bp-gutter) 8px; max-width: calc(970px + 2 * var(--bp-gutter)); }
.bp-anuncio--lateral { margin-top: 28px; }
.bp-anuncio--materia { margin: 2em auto; }
.bp-feed__anuncio { list-style: none; padding: 22px 0; border-top: 1px solid var(--bp-linha); }
.bp-anuncio--vazio a {
	display: flex; flex-direction: column; gap: 4px; width: 100%; min-height: 90px; justify-content: center;
	padding: 14px; border: 2px dashed #f6a07c; border-radius: 10px; background: #fff6f1; color: var(--bp-laranja-fundo);
	font-size: 14px; text-decoration: none !important;
}
.bp-anuncio--vazio a span { color: var(--bp-cinza); font-size: 13px; }
.bp-anuncio--vazio.bp-anuncio--topo a, .bp-anuncio--vazio.bp-anuncio--rodape a { min-height: 90px; }
.bp-anuncio--vazio.bp-anuncio--lateral a, .bp-anuncio--vazio.bp-anuncio--materia a { min-height: 250px; }

/* ------------------------------------------------------------------
   TV Base Popular
------------------------------------------------------------------ */
.bp-tv { background: var(--bp-azul-escuro); color: #fff; padding: 40px 0 44px; margin-top: 48px; }
.bp-tv .bp-secao-titulo h2 { color: #fff; display: flex; align-items: center; gap: 12px; }
.bp-tv .bp-secao-titulo h2::after { background: var(--bp-laranja); }
.bp-tv .bp-ver-mais { color: #fff !important; }
.bp-tv__ao-vivo { width: 26px; height: 20px; border-radius: 6px 6px 6px 0; background: var(--bp-laranja); position: relative; }
.bp-tv__ao-vivo::after { content: ""; position: absolute; left: 10px; top: 5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; }
.bp-tv__grade { display: grid; gap: 22px; }
@media (min-width: 960px) { .bp-tv__grade { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 28px; } }
.bp-tv__player {
	position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: var(--bp-raio); overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.bp-tv__player iframe, .bp-tv__player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bp-tv__player.is-vertical iframe { position: relative; inset: auto; height: 100%; width: auto; aspect-ratio: 9 / 16; max-width: 100%; background: #fff; }
.bp-tv__player.is-instagram iframe { background: #fff; }
.bp-tv__capa { position: absolute; inset: 0; border: 0; padding: 0; background: #000; cursor: pointer; width: 100%; }
.bp-tv__capa img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity .2s ease; }
.bp-tv__capa:hover img { opacity: 1; }
.bp-tv__play {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 76px; height: 76px; border-radius: 50%; background: var(--bp-laranja); color: #fff;
	display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px -8px rgba(0,0,0,.6);
}
.bp-tv__play svg { width: 36px; height: 36px; margin-left: 4px; }
.bp-tv__agora { margin: 14px 0 0; font-family: var(--bp-font-titulo); font-weight: 700; font-size: 22px; line-height: 1.25; }
.bp-tv__lista {
	list-style: none; margin: 0; padding: 0 6px 0 0; display: flex; flex-direction: column; gap: 6px;
	max-height: 460px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) transparent;
}
.bp-tv__item {
	display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 12px; align-items: center; width: 100%;
	padding: 8px; border: 0; border-radius: 12px; background: transparent; color: #fff; text-align: left;
}
.bp-tv__item:hover { background: rgba(255,255,255,.1); }
.bp-tv__item.is-ativo { background: rgba(255,255,255,.16); box-shadow: inset 4px 0 0 var(--bp-laranja); }
.bp-tv__mini { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: rgba(255,255,255,.12); }
.bp-tv__mini img { width: 100%; height: 100%; object-fit: cover; }
.bp-tv__fonte { position: absolute; left: 6px; bottom: 6px; background: rgba(0,0,0,.72); font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 5px 5px 5px 0; }
.bp-tv__info strong { display: block; font-size: 15px; line-height: 1.3; font-weight: 700; }
.bp-tv__info small { display: block; margin-top: 4px; font-size: 13px; color: rgba(255,255,255,.8); }
.bp-tv--vazia p { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; color: rgba(255,255,255,.75); margin: 0; }

/* Arquivo de vídeos */
.bp-videos-grade { display: grid; gap: 26px 22px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.bp-video-card .bp-card__media { position: relative; }
.bp-video-card .bp-tv__play { width: 52px; height: 52px; }
.bp-video-card .bp-tv__play svg { width: 26px; height: 26px; }
.bp-video-single { max-width: 860px; margin: 0 auto; padding-top: 28px; }
.bp-video-single h1 { font-size: clamp(28px, 4.6vw, 42px); font-weight: 800; margin-bottom: 20px; }
.bp-video-single .bp-tv__player { margin-bottom: 20px; }

.bp-drawer nav .bp-drawer__extra { border-top: 1px solid var(--bp-linha); padding-top: 8px; }