/* Dr. Zayas 360° · estilos do tema além do theme.json.
   Ordem: base e acessibilidade, fundo em vídeo, cabeçalho, conteúdo (painéis, cartões, artigo), componentes,
   barra do celular e painel "Mais", impressão. Cores e fontes vêm dos tokens do theme.json. */

:root {
	--drz-raio: 4px;
	--drz-painel: transparent;
	--drz-cartao: transparent;
	--drz-linha: rgb(255 255 255 / 0.13);
	--drz-linha-forte: rgb(255 255 255 / 0.26);
	--drz-foco: var(--wp--preset--color--azul-foco, #7cc4ff);
	--drz-dourado: var(--wp--preset--color--dourado, #d4b483);
	--drz-barra-altura: 0px;
	--drz-sombra-texto: none;
}

/* ---------- Base e acessibilidade ---------- */
html { background-color: #000; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(h1, h2, h3, h4) { text-wrap: balance; }
:where(p, li) { text-wrap: pretty; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--drz-foco);
	outline-offset: 3px;
	border-radius: 2px;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* "Pular para o conteúdo": aparece por cima do cabeçalho quando recebe foco. O WordPress solta o clip-path no foco,
   mas a regra .screen-reader-text acima também usa clip, que precisa ser solto aqui. */
.skip-link.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	position: fixed !important;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.75rem 1.1rem;
	overflow: visible;
	white-space: nowrap;
	background: var(--wp--preset--color--dourado);
	color: var(--wp--preset--color--tinta);
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	text-decoration: none;
}
/* Foco não encoberto (WCAG 2.2, 2.4.11): ao rolar até o item com foco ou até um link interno (#), o navegador deixa
   espaço no alto e, no celular, para a barra inferior. */
html {
	scroll-padding-top: 1rem;
	scroll-padding-bottom: calc(var(--drz-barra-altura) + 1rem);
}
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-site-blocks > main { display: block; }

/* ---------- Fundo em vídeo ---------- */
/* O html segura o preto e o body fica transparente para não tapar a camada fixa. */
body.drz-com-fundo { background: transparent !important; }

.drz-fundo {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100vh;
	height: 100lvh;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	background: #000 var(--drz-poster-l, none) 72% 30% / cover no-repeat;
}
.drz-fundo__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% 30%;
	opacity: 0;
	transition: opacity 0.9s ease;
}
.drz-fundo__video.is-ready { opacity: 1; }
.drz-fundo__pelicula {
	position: absolute;
	inset: 0;
	/* Película direcional: escurece o lado do texto (esquerda) e deixa o rosto do androide (direita) claro.
	   Ela é fixa: não escurece mais durante a rolagem. */
	background:
		radial-gradient(72% 58% at 0% 100%, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0.9) 50%, rgb(0 0 0 / 0) 100%),
		linear-gradient(180deg, rgb(0 0 0 / 0.4) 0%, rgb(0 0 0 / 0) 16%),
		linear-gradient(90deg, rgb(0 0 0 / 0.64) 0%, rgb(0 0 0 / 0.54) 45%, rgb(0 0 0 / 0) 64%);
}
@media (orientation: portrait) {
	/* Em pé, não cabe texto ao lado do rosto. O androide fica fixo na parte de cima da tela, some suavemente para o
	   preto embaixo, e o conteúdo rola só na janela de baixo: o texto nunca passa por cima do rosto e não precisa de
	   caixa, fundo ou sombra para ser lido. */
	:root { --drz-quadro: 54svh; --drz-janela: 46svh; --drz-foco-y: 15%; }
	.drz-fundo {
		height: var(--drz-quadro);
		background-image: var(--drz-poster-p, var(--drz-poster-l, none));
		background-position: 50% var(--drz-foco-y);
		-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent 92%);
		mask-image: linear-gradient(180deg, #000 60%, transparent 92%);
	}
	.drz-fundo__video { object-position: 50% var(--drz-foco-y); }
	.drz-fundo__pelicula { background: none; }
	html, body { height: 100%; overflow: hidden; }
	.wp-site-blocks {
		position: fixed;
		top: var(--drz-janela);
		right: 0;
		bottom: var(--drz-barra-altura);
		left: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		scroll-padding: 2rem 0 1rem;
		padding-top: 1.25rem;
		/* O texto some suavemente ao chegar no alto da janela, em vez de ser cortado (máscara, não fundo). */
		-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 1.5rem);
		mask-image: linear-gradient(180deg, transparent 0, #000 1.5rem);
	}
	/* O botão de pausa sobe para o canto do vídeo, longe do texto. */
	body .drz-pausa { top: max(12px, env(safe-area-inset-top)); bottom: auto; }
	.drz-secao + .drz-secao { margin-block-start: 0 !important; }
	.drz-abertura.drz-abertura { min-height: 0 !important; justify-content: flex-start !important; padding-top: var(--wp--preset--spacing--40) !important; }
}
/* Tablet em pé: a tela é mais larga, o vídeo cresce e o rosto desce; o quadro do androide fica mais alto. */
@media (orientation: portrait) and (min-aspect-ratio: 3/5) {
	:root { --drz-quadro: 66svh; --drz-janela: 58svh; --drz-foco-y: 10%; }
}

.drz-pausa {
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: calc(max(16px, env(safe-area-inset-bottom)) + var(--drz-barra-altura));
	z-index: 90;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 0.38);
	border-radius: 999px;
	background: rgb(0 0 0 / 0.62);
	color: #fff;
	cursor: pointer;
}
.drz-pausa[hidden] { display: none; }
.drz-pausa:hover { border-color: var(--wp--preset--color--azul-eletrico, #4aa8ff); }
.drz-pausa__icone { position: relative; width: 12px; height: 14px; }
.drz-pausa__icone::before,
.drz-pausa__icone::after { content: ""; position: absolute; top: 0; width: 4px; height: 14px; background: currentColor; border-radius: 1px; }
.drz-pausa__icone::before { left: 0; }
.drz-pausa__icone::after { right: 0; }
.drz-pausa[aria-pressed="true"] .drz-pausa__icone::before {
	left: 2px;
	width: 0;
	height: 0;
	background: none;
	border-radius: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent currentColor;
}
.drz-pausa[aria-pressed="true"] .drz-pausa__icone::after { display: none; }

/* Barra de progresso da leitura (artigos) */
.drz-progresso {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	height: 3px;
	z-index: 70;
	pointer-events: none;
}
.drz-progresso span {
	display: block;
	width: 100%;
	height: 100%;
	transform: scaleX(var(--drz-lido, 0));
	transform-origin: 0 50%;
	background: var(--drz-dourado);
}

/* ---------- Cabeçalho ---------- */
header.wp-block-template-part {
	position: relative;
	z-index: 60;
}
.drz-cabecalho .wp-block-site-logo img { border-radius: 50%; }
/* Dourado do botão "Instalar versão web" (token dourado do theme.json, #d4b483): menu principal, nome da marca no
   cabeçalho e no rodapé e os títulos da página Sobre. Só a cor muda. */
.drz-cabecalho .wp-block-navigation .wp-block-navigation-item__content,
.drz-cabecalho .wp-block-site-title a,
.drz-rodape .wp-block-site-title a { color: var(--drz-dourado); }
.drz-cabecalho .wp-block-navigation .wp-block-navigation-item__content:hover,
.drz-cabecalho .wp-block-site-title a:hover,
.drz-rodape .wp-block-site-title a:hover { color: var(--wp--preset--color--dourado-claro, #e6cfa3); }
.drz-pagina-sobre .wp-block-post-title,
.drz-pagina-sobre .wp-block-post-content > h2 { color: var(--drz-dourado); }
/* Redes do rodapé: os logotipos pretos (X, TikTok, Threads e e-mail) ficam brancos sobre o fundo escuro. */
.drz-rodape .is-style-logos-only .wp-social-link-x,
.drz-rodape .is-style-logos-only .wp-social-link-tiktok,
.drz-rodape .is-style-logos-only .wp-social-link-threads,
.drz-rodape .is-style-logos-only .wp-social-link-mail { color: #fff; }
.drz-rodape .wp-social-link a:focus-visible { outline: 2px solid var(--drz-foco); outline-offset: 3px; border-radius: 4px; }
.drz-cabecalho .wp-block-navigation .wp-block-navigation-item__content { padding-block: 0.35rem; }
.drz-cabecalho .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.drz-cabecalho .wp-block-navigation [aria-current="page"] {
	color: var(--drz-dourado);
	box-shadow: inset 0 -2px 0 var(--drz-dourado);
}
.drz-cabecalho .wp-block-search__inside-wrapper { background: var(--drz-dourado); border: 0; border-radius: var(--drz-raio); padding: 0; }
.drz-cabecalho .wp-block-search__input { background: transparent; color: #000; border: 0; }
.drz-cabecalho .wp-block-search__input::placeholder { color: #000; opacity: 1; }
.drz-cabecalho .wp-block-search__button {
	display: grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--drz-raio);
	background: transparent;
	color: #000;
}
/* Lupa 3D: SVG vetorial branco, com contorno escuro discreto (contraste sobre o dourado) e profundidade suave. */
.drz-cabecalho .wp-block-search__button svg { display: none; }
.drz-cabecalho .wp-block-search__button::before {
	content: "";
	width: 28px;
	height: 28px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23d9dee4'/%3E%3C/linearGradient%3E%3CradialGradient id='v' cx='.38' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg opacity='.32' transform='translate(1.1 1.5)' fill='none' stroke='%233a2908' stroke-linecap='round'%3E%3Ccircle cx='13' cy='13' r='8.2' stroke-width='3.6'/%3E%3Cpath d='M19.3 19.3l7 7' stroke-width='5'/%3E%3C/g%3E%3Cg fill='none' stroke='%232a1d06' stroke-linecap='round'%3E%3Ccircle cx='13' cy='13' r='8.2' stroke-width='5.2'/%3E%3Cpath d='M19.3 19.3l7 7' stroke-width='6.6'/%3E%3C/g%3E%3Ccircle cx='13' cy='13' r='8.2' fill='url(%23v)' stroke='url(%23c)' stroke-width='3'/%3E%3Cpath d='M19.3 19.3l7 7' fill='none' stroke='url(%23c)' stroke-width='4.4' stroke-linecap='round'/%3E%3Cpath d='M8.7 10.4a5.3 5.3 0 0 1 4.3-3.5' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.drz-cabecalho .wp-block-search__input:focus,
.drz-cabecalho .wp-block-search__input:focus-visible,
.drz-cabecalho .wp-block-search__button:focus-visible { outline: 2px solid #000; outline-offset: -4px; }
/* O "x" de limpar a busca também em preto (o padrão do navegador é azul, com pouco contraste sobre o dourado). */
.drz-cabecalho .wp-block-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	margin-left: 0.35rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	cursor: pointer;
}
/* No celular, o nome da marca não quebra em várias linhas e dá lugar ao campo enquanto a busca está aberta
   (o logotipo continua). */
.drz-cabecalho .wp-block-site-title { white-space: nowrap; }
@media (max-width: 781px) {
	.drz-cabecalho:has(.wp-block-search:not(.wp-block-search__searchfield-hidden)) .wp-block-site-title { display: none; }
}

/* O botão de instalar só aparece quando o navegador permite instalar (o plugin da plataforma liga a classe). */
.drz-instalar { display: none !important; }
html.drz-instalavel .drz-instalar { display: inline-block !important; }
html.drz-app .drz-instalar,
html.drz-app .drz-so-fora-do-app { display: none !important; }

@media (max-width: 781px) {
	.drz-cabecalho .wp-block-navigation,
	.drz-cabecalho .drz-instalar-grupo { display: none; }
}

/* ---------- Seções, painéis e cartões ---------- */
.drz-secao { position: relative; }
.is-style-painel {
	background: var(--drz-painel);
	border: 1px solid var(--drz-linha);
	border-radius: var(--drz-raio);
	padding: clamp(1.25rem, 0.8rem + 2.2vw, 3rem);
}
.is-style-cartao {
	background: var(--drz-cartao);
	border: 1px solid var(--drz-linha);
	border-radius: var(--drz-raio);
	padding: 1.25rem;
}
.is-style-cartao > :first-child { margin-block-start: 0; }

/* Androide visível durante toda a rolagem.
   No computador, as caixas escuras ficam do lado do texto, alinhadas à esquerda da coluna de 76rem (como a
   abertura), e o rosto do androide, à direita, nunca fica coberto. No celular em pé não há espaço ao lado: as
   caixas ficam mais leves e há um respiro entre as seções da página inicial, onde o rosto aparece inteiro. */
@media (min-width: 782px) and (orientation: landscape) {
	.drz-secao > :not(.alignfull):not(.alignwide),
	main.wp-block-group > :not(.alignfull):not(.alignwide) {
		box-sizing: border-box;
		max-width: min(36rem, 42vw) !important;
		margin-left: max(0px, calc((100% - 76rem) / 2)) !important;
		margin-right: auto !important;
	}
	/* Na caixa mais estreita, as colunas de cartões passam a duas por linha. */
	.drz-secao > .is-style-painel .wp-block-columns { flex-wrap: wrap !important; }
	.drz-secao > .is-style-painel .wp-block-columns > .wp-block-column {
		flex: 1 1 calc(50% - var(--wp--preset--spacing--40, 1.5rem)) !important;
		min-width: 13rem;
	}
}

/* Só as letras sobre o androide: sem caixas, sem fundo e sem sombra atrás do texto. O texto fica do lado escuro do
   vídeo (à esquerda no computador; embaixo no celular), e a película escurece só essas partes do vídeo, longe do rosto. */
.is-style-painel,
.is-style-cartao { background: none; border: 0; border-radius: 0; padding: 0; }
.wp-block-categories.is-style-etiquetas a { background: none; }
.drzp-calc.drzp-calc,
.drzp-item.drzp-item { background: none; }
select option { background: #0e1014; color: var(--wp--preset--color--texto); }
@media (min-width: 782px) {
	/* Cabeçalho: os links ao lado do logotipo, à esquerda; à direita só o botão dourado de instalar. */
	.drz-cabecalho > .wp-block-group { justify-content: flex-start !important; column-gap: 2.25rem !important; }
	.drz-cabecalho > .wp-block-group > .wp-block-group:last-child { display: contents; }
	.drz-cabecalho .wp-block-search { order: 3; }
	.drz-cabecalho .drz-instalar-grupo { order: 4; margin-left: auto; }
}
@media (min-width: 782px) and (orientation: landscape) {
	/* Rodapé na mesma coluna do texto, com os links em duas colunas. */
	.drz-rodape > :not(.alignfull):not(.alignwide) {
		box-sizing: border-box;
		max-width: min(36rem, 42vw) !important;
		margin-left: max(0px, calc((100% - 76rem) / 2)) !important;
		margin-right: auto !important;
	}
	.drz-rodape .wp-block-columns { flex-wrap: wrap !important; row-gap: 1.5rem; }
	.drz-rodape .wp-block-columns > .wp-block-column { flex: 1 1 calc(50% - 2rem) !important; }
}

.drz-sobrelinha {
	font-family: var(--wp--preset--font-family--atkinson-mono);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--drz-dourado);
}

/* Abertura da página inicial, sobre o vídeo.
   No computador, o texto fica à esquerda da coluna de 76rem e o androide aparece à direita.
   No celular em pé, o texto desce para a base da tela e o rosto fica visível em cima. */
.drz-abertura {
	position: relative;
	isolation: isolate;
	min-height: min(86svh, 54rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.drz-abertura::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: none;
}
.drz-abertura :where(h1, p) { text-shadow: var(--drz-sombra-texto); }
/* Aviso da abertura: cor do texto principal e linha mais curta, para ficar sobre a parte escura do degradê
   (contraste mínimo de 4,5:1 em qualquer quadro do vídeo). */
.drz-abertura p.has-small-font-size {
	color: var(--wp--preset--color--texto) !important;
	max-width: 31rem;
}
.drz-abertura h1 { max-width: 15ch; }
.drz-abertura.drz-abertura > .drz-abertura__texto {
	max-width: 36rem;
	margin-left: max(0px, calc((100% - 76rem) / 2)) !important;
	margin-right: auto !important;
}
@media (orientation: portrait) and (max-width: 781px) {
	.drz-abertura.drz-abertura {
		justify-content: flex-end;
		min-height: calc(100svh - 3.75rem - var(--drz-barra-altura));
		padding-bottom: var(--wp--preset--spacing--60) !important;
	}
	.drz-abertura .drz-abertura__extra { display: none; }
	.drz-abertura .drz-sobrelinha { font-size: 0.72rem; letter-spacing: 0.08em; }
}

/* Etiquetas de categorias */
.wp-block-categories.is-style-etiquetas {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	margin: 0;
}
.wp-block-categories.is-style-etiquetas li { margin: 0; }
.wp-block-categories.is-style-etiquetas a {
	display: inline-block;
	padding: 0.4rem 0.85rem;
	border: 1px solid var(--drz-linha-forte);
	border-radius: 999px;
	background: var(--drz-cartao);
	color: var(--wp--preset--color--texto);
	font-size: 0.9rem;
	text-decoration: none;
}
.wp-block-categories.is-style-etiquetas a:hover { border-color: var(--drz-dourado); color: #fff; }

.wp-block-list.is-style-sem-marcadores { list-style: none; padding-left: 0; }

/* Cartões de artigos nas listas */
.drz-cartao-artigo { height: 100%; display: flex; flex-direction: column; gap: 0.6rem; }
.drz-cartao-artigo .wp-block-post-featured-image { margin: 0; }
.drz-cartao-artigo .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }
.drz-cartao-artigo .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.drz-cartao-artigo .wp-block-post-excerpt { font-size: 0.95rem; margin: 0; }
.drz-cartao-artigo .wp-block-post-excerpt__more-text { display: none; }

/* Selo de revisão */
.drz-selo {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	padding-block: 0.85rem;
	border-top: 1px solid var(--drz-linha);
	border-bottom: 1px solid var(--drz-linha);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--texto-secundario);
}
.drz-selo__marca {
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: url("../img/emblema.webp") center / cover no-repeat;
}
.drz-selo__texto { margin: 0; display: grid; gap: 0.15rem; }
.drz-selo__responsavel { color: var(--wp--preset--color--texto); }

/* Resumo do artigo */
.drz-resumo { font-size: var(--wp--preset--font-size--large); line-height: 1.5; color: var(--wp--preset--color--texto); }
.drz-resumo .wp-block-post-excerpt__more-text { display: none; }

/* Caixas: fontes oficiais, aviso médico e emergência */
.drz-caixa {
	border-left: 3px solid var(--wp--preset--color--azul-eletrico, #4aa8ff);
	border-radius: 0 var(--drz-raio) var(--drz-raio) 0;
	padding: 1rem 1.15rem;
}
.drz-caixa--aviso { border-left-color: var(--drz-dourado); }
.drz-caixa > :first-child { margin-block-start: 0; }
.drz-caixa > :last-child { margin-block-end: 0; }

/* Conteúdo dos artigos */
.drz-artigo .wp-block-post-content :where(h2, h3) { margin-block-start: 2.2rem; }
.drz-artigo .wp-block-post-content :where(ul, ol) { padding-left: 1.3rem; }
.drz-artigo .wp-block-post-content img { border-radius: var(--drz-raio); }
.wp-block-post-content a:where(:not(.wp-element-button)) { text-underline-offset: 0.18em; }

/* Perguntas frequentes */
.wp-block-details {
	border-top: 1px solid var(--drz-linha);
	padding-block: 0.9rem;
}
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--wp--preset--color--branco);
}
.wp-block-details[open] summary { margin-bottom: 0.5rem; }

/* Formulários (busca, comentários, contato, newsletter) */
:where(input[type="text"], input[type="email"], input[type="search"], input[type="url"], input[type="number"], input[type="date"], select, textarea) {
	background: transparent;
	color: var(--wp--preset--color--texto);
	border: 1px solid rgb(255 255 255 / 0.55);
	border-radius: var(--drz-raio);
	padding: 0.65rem 0.8rem;
	font: inherit;
}
:where(input, select, textarea):focus { border-color: var(--wp--preset--color--azul-eletrico); }
::placeholder { color: #8b939c; opacity: 1; }

/* Botão com contorno */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--branco);
	border: 1px solid var(--drz-linha-forte);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { border-color: var(--drz-dourado); color: #fff; }

/* Rodapé */
footer.wp-block-template-part { background: none; }
.drz-rodape h2 {
	font-family: var(--wp--preset--font-family--atkinson-mono);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--drz-dourado);
	margin: 0 0 0.5rem;
}
.drz-rodape .wp-block-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.35rem; }
.drz-rodape .wp-block-list a { color: var(--wp--preset--color--texto); text-decoration: none; }
.drz-rodape .wp-block-list a:hover { color: #fff; text-decoration: underline; }
.drz-rodape__faixa { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--texto-secundario); }
.drz-rodape__faixa p { margin: 0; }
.drz-rodape__faixa strong { color: var(--wp--preset--color--texto); font-weight: 600; }

/* ---------- Barra inferior do celular e painel "Mais" ---------- */
.drz-barra { display: none; }
.drz-mais { display: none; }
.drz-mais[open] { display: block; }

@media (max-width: 781px) {
	:root { --drz-barra-altura: calc(62px + env(safe-area-inset-bottom)); }
	body { padding-bottom: var(--drz-barra-altura); }
	.drz-barra {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		background: rgb(8 9 12 / 0.96);
		border-top: 1px solid var(--drz-linha);
		padding: 6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
	}
	.drz-barra ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); }
	.drz-barra a,
	.drz-barra button {
		display: grid;
		justify-items: center;
		align-content: center;
		gap: 2px;
		width: 100%;
		min-height: 50px;
		padding: 4px 2px;
		border: 0;
		background: none;
		color: var(--wp--preset--color--texto-secundario);
		font: 600 0.7rem/1.2 var(--wp--preset--font-family--atkinson);
		text-decoration: none;
		cursor: pointer;
	}
	.drz-barra svg { width: 24px; height: 24px; }
	.drz-barra [aria-current="page"] { color: #fff; }
	.drz-barra [aria-current="page"] svg { color: var(--drz-dourado); }
}

.drz-mais {
	position: fixed;
	inset: auto 0 0 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	max-height: 85vh;
	overflow: auto;
	padding: 0;
	border: 0;
	border-top: 1px solid var(--drz-linha-forte);
	border-radius: 16px 16px 0 0;
	background: #0e1014;
	color: var(--wp--preset--color--texto);
}
.drz-mais::backdrop { background: rgb(0 0 0 / 0.6); }
.drz-mais__conteudo {
	display: grid;
	gap: 1rem;
	padding: 1rem max(1rem, env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}
.drz-mais__topo { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.drz-mais__topo h2 { margin: 0; font-size: var(--wp--preset--font-size--x-large); }
.drz-mais__fechar {
	min-height: 44px;
	padding: 0.5rem 1rem;
	border: 1px solid var(--drz-linha-forte);
	border-radius: var(--drz-raio);
	background: none;
	color: var(--wp--preset--color--texto);
	font: 600 0.9rem/1 var(--wp--preset--font-family--atkinson);
	cursor: pointer;
}
.drz-mais__lista,
.drz-mais__legal { list-style: none; margin: 0; padding: 0; display: grid; }
.drz-mais__lista a {
	display: block;
	padding: 0.85rem 0.25rem;
	border-bottom: 1px solid var(--drz-linha);
	color: var(--wp--preset--color--branco);
	font-size: 1.05rem;
	text-decoration: none;
}
.drz-mais__legal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.25rem 1rem; }
.drz-mais__legal a {
	display: block;
	padding: 0.5rem 0.25rem;
	color: var(--wp--preset--color--texto-secundario);
	font-size: 0.9rem;
	text-decoration: none;
}

/* ---------- Movimento reduzido e impressão ---------- */
@media (prefers-reduced-motion: reduce) {
	.drz-fundo__video { transition: none; }
	html { scroll-behavior: auto; }
}
@media print {
	.drz-fundo,
	.drz-pausa,
	.drz-barra,
	.drz-mais,
	.drz-progresso { display: none !important; }
	header.wp-block-template-part { position: static; }
	html, body { background: #fff !important; color: #000 !important; }
}