/* ==========================================================================
   O Véi da Bike — estilos que o theme.json não cobre
   ========================================================================== */

:root {
	--veio-raio: var(--wp--custom--raio--medio, 18px);
	--veio-raio-g: var(--wp--custom--raio--grande, 28px);
	--veio-borda-clara: rgba(255, 255, 255, 0.18);
}

html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 88px; }

/* Seções de largura total encostam uma na outra (sem o vão padrão entre blocos) */
.wp-block-post-content > .alignfull,
main > .alignfull,
main > .wp-block-group.alignfull { margin-block: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* ---------- Cabeçalho ---------- */
.veio-cabecalho {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .veio-cabecalho { top: var(--wp-admin--admin-bar--height, 32px); }
.veio-topo {
	box-shadow: 0 1px 0 rgba(27, 32, 30, 0.08), 0 8px 24px rgba(27, 32, 30, 0.06);
}
.veio-marca__icone {
	display: inline-flex;
	color: var(--wp--preset--color--azul-claro);
	transition: transform 0.4s ease;
}
.veio-marca:hover .veio-marca__icone { transform: translateX(4px) rotate(-4deg); }
.veio-topo .wp-block-site-title { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.veio-topo .wp-block-navigation a:hover { color: var(--wp--preset--color--azul-vivo); }

.veio-topo .wp-block-site-title { white-space: nowrap; }
@media (max-width: 781px) {
	.veio-topo .veio-topo__cta { display: none; }
}

/* ---------- Títulos de impacto ---------- */
.is-style-proelium,
.is-style-proelium-gradiente,
.wp-block-post-title.is-style-proelium {
	font-family: var(--wp--preset--font-family--proelium);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
}
.is-style-proelium-gradiente {
	background: var(--wp--preset--gradient--titulo);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	padding-bottom: 0.06em; /* não cortar o "Ç" */
}
.has-heading-color .is-style-proelium,
.veio-guia .is-style-proelium { color: var(--wp--preset--color--branco); }

.veio-sobrelinha {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 0.25rem !important;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--azul-vivo);
}
.veio-sobrelinha::before {
	content: "";
	width: 2.25rem;
	height: 4px;
	border-radius: 4px;
	background: var(--wp--preset--color--amarelo);
}
.veio-sobrelinha--clara { color: var(--wp--preset--color--azul-ceu); }

mark.veio-marca-texto {
	background: linear-gradient(transparent 55%, var(--wp--preset--color--amarelo) 55%);
	color: inherit;
	padding: 0 0.15em;
}

/* ---------- Botões ---------- */
.wp-block-button__link { transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: var(--wp--preset--shadow--forte); }

.wp-block-button.is-style-amarelo .wp-block-button__link {
	background: var(--wp--preset--color--amarelo);
	color: var(--wp--preset--color--tinta);
}
.wp-block-button.is-style-amarelo .wp-block-button__link:hover { background: #FF6A2E; }

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
	color: var(--wp--preset--color--azul-profundo);
	box-shadow: none;
	padding: calc(0.95rem - 2px) calc(1.9rem - 2px);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--azul-profundo);
	border-color: var(--wp--preset--color--azul-profundo);
	color: var(--wp--preset--color--branco);
}
.veio-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: rgba(255, 255, 255, 0.88);
	border-color: var(--wp--preset--color--branco);
	backdrop-filter: blur(6px);
}
.wp-block-button.is-style-contorno-claro .wp-block-button__link {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.7);
	color: var(--wp--preset--color--branco);
	box-shadow: none;
}

/* ---------- Grupos ---------- */
.wp-block-group.is-style-cartao {
	background: var(--wp--preset--color--azul-profundo);
	border: 1px solid var(--veio-borda-clara);
	border-radius: var(--veio-raio-g);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	gap: 1.25rem;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
	color: var(--wp--preset--color--branco);
	transition: transform 0.3s ease;
}
.wp-block-group.is-style-cartao:hover { transform: translateY(-4px); }
.wp-block-group.is-style-cartao p { margin: 0; }
.veio-historias .wp-block-group.is-style-cartao,
.wp-block-query-no-results .wp-block-group.is-style-cartao { background: var(--wp--preset--color--nevoa); color: var(--wp--preset--color--tinta); box-shadow: none; border-color: transparent; }

.veio-cartao__numero {
	flex: 0 0 auto;
	font-family: var(--wp--preset--font-family--proelium);
	font-size: 3.25rem;
	line-height: 0.85;
	color: var(--wp--preset--color--amarelo);
}

.wp-block-group.is-style-selo {
	display: inline-block;
	max-width: 34rem;
	padding: 1rem 1.6rem;
	border-radius: var(--veio-raio-g);
	background: var(--wp--preset--gradient--botao);
	color: var(--wp--preset--color--branco);
	box-shadow: var(--wp--preset--shadow--suave);
	font-weight: 500;
	line-height: 1.45;
}
.wp-block-group.is-style-selo p { margin: 0; }

.wp-block-image.is-style-arredondada img { border-radius: var(--veio-raio-g); }

/* ---------- Abertura ---------- */
.veio-hero {
	position: relative;
	overflow: hidden;
	min-height: min(92vh, 900px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.veio-hero__colunas { margin-bottom: 0 !important; align-items: stretch !important; }
.veio-hero__texto { padding-bottom: var(--wp--preset--spacing--60); }
.veio-hero h1 { margin-bottom: 0.2em; max-width: 9.5em; font-size: clamp(3.25rem, 1rem + 6.4vw, 7rem) !important; }
.veio-hero__sub { margin-top: 0 !important; max-width: 18em; }
.veio-hero__foto { display: flex; align-items: flex-end; }
.veio-hero__foto figure { margin: 0; width: 100%; }
.veio-hero__foto img {
	display: block;
	width: 100%;
	max-width: 560px;
	height: auto;
	margin-left: auto;
	filter: drop-shadow(0 30px 40px rgba(27, 32, 30, 0.25));
}

@media (max-width: 781px) {
	.veio-hero { min-height: 0; }
	.veio-hero__texto { padding-bottom: 0; }
	.veio-hero__foto img { max-width: 360px; margin: 0 auto; }
}

/* ---------- Faixas cruzadas ---------- */
.veio-faixas {
	position: relative;
	height: clamp(120px, 14vw, 190px);
	overflow: hidden;
	z-index: 5;
	/* as faixas "cruzam" o fim da abertura e o começo da seção azul */
	margin-block: calc(clamp(120px, 14vw, 190px) / -2) !important;
	background: transparent;
	pointer-events: none;
}
.veio-faixa {
	position: absolute;
	left: -5%;
	width: 110%;
	padding: 0.55rem 0;
	overflow: hidden;
	font-family: var(--wp--preset--font-family--proelium);
	font-size: clamp(1.5rem, 1rem + 2vw, 2.6rem);
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 10px 25px rgba(27, 32, 30, 0.18);
}
.veio-faixa--amarela {
	top: 18%;
	background: var(--wp--preset--color--amarelo);
	color: var(--wp--preset--color--azul-profundo);
	transform: rotate(-3deg);
	z-index: 1;
}
.veio-faixa--azul {
	top: 42%;
	background: var(--wp--preset--color--azul-profundo);
	color: var(--wp--preset--color--branco);
	transform: rotate(2.5deg);
	z-index: 2;
}
.veio-faixa__trilho {
	display: inline-flex;
	animation: veio-rolar 38s linear infinite;
}
.veio-faixa--azul .veio-faixa__trilho { animation-direction: reverse; }
.veio-faixa__trilho span { padding-right: 1.4em; }
.veio-faixa__trilho span::after {
	content: "●";
	font-size: 0.45em;
	vertical-align: middle;
	padding-left: 1.4em;
	opacity: 0.6;
}
@keyframes veio-rolar { to { transform: translateX(-50%); } }

/* ---------- Benefícios ---------- */
.veio-beneficios { position: relative; overflow: hidden; }
.veio-beneficios::after {
	content: "";
	position: absolute;
	inset: auto -10% -40% auto;
	width: 60vw;
	height: 60vw;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 83, 23, 0.14), transparent 65%);
	pointer-events: none;
}
.veio-beneficios > * { position: relative; z-index: 1; }
.veio-cartoes.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 781px) {
	.veio-cartoes.is-layout-grid { grid-template-columns: 1fr !important; }
}

/* ---------- Sobre ---------- */
.veio-sobre { overflow: hidden; }
.veio-sobre__foto figure { margin: 0; }
.veio-sobre__foto img { display: block; width: 100%; max-width: 560px; margin-left: auto; height: auto; }
.veio-sobre .wp-block-columns { margin-bottom: 0; }

/* ---------- Desafio ---------- */
.veio-desafio {
	background-image:
		repeating-linear-gradient(135deg, rgba(27, 32, 30, 0.04) 0 26px, transparent 26px 64px);
}
.veio-selo-desafio__topo {
	margin: 0 0 0.3rem !important;
	font-weight: 600;
	font-size: clamp(1.1rem, 0.9rem + 1vw, 1.8rem);
	letter-spacing: 0.75em;
	text-transform: uppercase;
	color: var(--wp--preset--color--azul);
}
.veio-selo-desafio__titulo {
	display: flex;
	align-items: flex-start;
	gap: 0.08em;
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--proelium);
	text-transform: uppercase;
	line-height: 1;
	color: var(--wp--preset--color--azul-profundo);
}
.veio-selo-desafio__numero {
	font-size: clamp(9rem, 6rem + 12vw, 17rem);
	line-height: 0.8;
	background: var(--wp--preset--gradient--titulo);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-style: italic;
	display: inline-block;
	padding: 0.04em 0.16em 0.06em 0.04em; /* o itálico passa da caixa; sem isso o degradê corta o "7" */
}
.veio-selo-desafio__texto {
	font-size: clamp(3rem, 2rem + 4vw, 5.6rem);
	font-style: italic;
	white-space: nowrap;
	padding-top: 0.08em;
}

.veio-lista-check { list-style: none; padding-left: 0; }
.veio-lista-check li {
	position: relative;
	padding-left: 2.25rem;
	margin-bottom: 0.85rem;
}
.veio-lista-check li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background: var(--wp--preset--color--azul-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 62% no-repeat;
}

/* ---------- Cartões de post ---------- */
.veio-grade-posts { gap: var(--wp--preset--spacing--40) !important; }
.veio-cartao-post { height: 100%; }
.veio-cartao-post .wp-block-post-featured-image { width: 100%; margin: 0; overflow: hidden; border-radius: 18px; background: var(--wp--preset--color--nevoa); }
.veio-cartao-post .wp-block-post-featured-image img { transition: transform 0.5s ease; }
.veio-cartao-post:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.veio-cartao-post .wp-block-post-title { margin: 0; }
.veio-cartao-post .wp-block-post-title a:hover { color: var(--wp--preset--color--azul-vivo); }
.veio-cartao-post .wp-block-post-excerpt { margin: 0; color: #5a5f5c; }
.veio-cartao-post .wp-block-post-excerpt__more-text { display: none; }
.veio-cartao-post .wp-block-post-date { font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem; }

@media (max-width: 960px) {
	.veio-grade-posts.wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
	.veio-grade-posts.wp-block-post-template { grid-template-columns: 1fr !important; }
}

/* ---------- Post aberto ---------- */
.veio-meta { align-items: center; }
.veio-etiqueta a {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	border-radius: 999px;
	background: var(--wp--preset--color--amarelo);
	color: var(--wp--preset--color--tinta);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
}
.veio-texto-post { font-size: 1.125rem; }
.veio-texto-post > p:first-child { font-size: 1.3rem; font-weight: 500; color: var(--wp--preset--color--azul-profundo); }
.veio-navegacao-posts a { text-decoration: none; font-weight: 600; }

/* ---------- Faixa de título (páginas e listas) ---------- */
.veio-faixa-titulo { position: relative; overflow: hidden; }
.veio-faixa-titulo::after {
	content: "";
	position: absolute;
	right: -4rem;
	bottom: -2.5rem;
	width: 22rem;
	height: 5rem;
	background: var(--wp--preset--color--amarelo);
	transform: rotate(-8deg);
	opacity: 0.9;
}
.veio-faixa-titulo > * { position: relative; z-index: 1; }
.veio-faixa-titulo .wp-block-post-title,
.veio-faixa-titulo .wp-block-query-title { color: var(--wp--preset--color--azul-profundo); }

/* ---------- Guia / formulário ---------- */
.veio-guia { overflow: hidden; position: relative; }
.veio-guia__foto figure { margin: 0; }
.veio-guia__foto img { display: block; width: 100%; max-width: 520px; height: auto; margin-left: auto; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.3)); }
.veio-guia .wp-block-columns { margin-bottom: 0; }

.veio-captura {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	max-width: 40rem;
	margin-top: var(--wp--preset--spacing--30);
}
.veio-captura__campo { display: block; }
.veio-captura input[type="text"],
.veio-captura input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 1.25rem;
	border: 2px solid transparent;
	border-radius: 14px;
	background: var(--wp--preset--color--branco);
	color: var(--wp--preset--color--tinta);
	font: inherit;
	font-size: 1rem;
}
.veio-captura input:focus { outline: none; border-color: var(--wp--preset--color--amarelo); }
.veio-captura__botao {
	grid-column: 1 / -1;
	padding: 1.05rem 1.5rem;
	border: 0;
	border-radius: 14px;
	background: var(--wp--preset--color--amarelo);
	color: var(--wp--preset--color--tinta);
	font: inherit;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
	transition: transform 0.2s ease, background 0.2s ease;
}
.veio-captura__botao:hover { transform: translateY(-2px); background: #FF6A2E; }
.veio-captura__botao:focus-visible { outline: 3px solid var(--wp--preset--color--branco); outline-offset: 3px; }
.veio-captura__armadilha { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.veio-captura__privacidade { grid-column: 1 / -1; margin: 0; font-size: 0.8rem; opacity: 0.75; }
.veio-captura__aviso {
	grid-column: 1 / -1;
	margin: 0;
	padding: 0.6rem 0.9rem;
	border-radius: 10px;
	background: #fff4c2;
	color: #6b4e00;
	font-size: 0.9rem;
}
@media (max-width: 600px) {
	.veio-captura { grid-template-columns: 1fr; }
}

/* ---------- Rodapé ---------- */
.veio-rodape { background: linear-gradient(194deg, #2A302D 0%, #141816 100%) !important; }
.veio-rodape .wp-block-site-title { margin-bottom: 0.5rem; }
.veio-lista-limpa { list-style: none; padding-left: 0; }
.veio-lista-limpa li { margin-bottom: 0.5rem; }
.veio-lista-limpa a { text-decoration: none; opacity: 0.9; }
.veio-lista-limpa a:hover { opacity: 1; text-decoration: underline; }
.veio-rodape .wp-block-social-links .wp-social-link { padding: 0.15rem 0.35rem; }

/* ---------- Acessibilidade ---------- */
:where(a, button, input):focus-visible { outline: 3px solid var(--wp--preset--color--amarelo); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.veio-faixa__trilho { animation: none; }
	*, *::before, *::after { transition: none !important; }
}

/* Proporção das fotos (evita a página "pular" enquanto carregam) */
.veio-hero__foto img { aspect-ratio: 739 / 1080; }
.veio-sobre__foto img { aspect-ratio: 1080 / 1350; }
.veio-guia__foto img { aspect-ratio: 903 / 1080; }

/* Aviso "histórias chegando": texto alinhado à esquerda dentro do cartão */
.wp-block-query-no-results .is-style-cartao > * { max-width: none; margin-left: 0 !important; margin-right: 0 !important; }

/* ==========================================================================
   v1.1 — Home do release e LP "Bora pros 100 mil"
   ========================================================================== */
:root {
	--veio-carvao: var(--wp--preset--color--carvao, #1B201E);
	--veio-laranja: var(--wp--preset--color--laranja, #FF5317);
	--veio-areia: var(--wp--preset--color--areia, #F4F1EC);
}

/* Título longo da abertura (frase inteira) */
.veio-hero .veio-hero__titulo-longo { font-size: clamp(3rem, 1rem + 5.2vw, 6rem) !important; max-width: 11em; }
.veio-hero .veio-sobrelinha { margin-bottom: 0.5rem !important; }

/* Menu: item da campanha em destaque */
.veio-topo .veio-nav-destaque > a { color: var(--veio-laranja) !important; font-weight: 700; }
@media (min-width: 600px) and (max-width: 1100px) {
	.veio-topo .wp-block-navigation { font-size: 0.85rem; gap: 1rem; }
}

/* Sobrelinhas em outras cores */
.veio-sobrelinha--laranja { color: var(--veio-laranja); }
.veio-sobrelinha--laranja::before { background: var(--veio-laranja); }
.veio-sobrelinha--escura { color: var(--wp--preset--color--tinta); }
.veio-sobrelinha--escura::before { background: var(--wp--preset--color--tinta); }

/* Citação da casa */
.wp-block-quote.veio-citacao {
	margin: var(--wp--preset--spacing--30) 0;
	padding: 0.25rem 0 0.25rem 1.5rem;
	border-left: 5px solid var(--wp--preset--color--amarelo);
	font-family: var(--wp--preset--font-family--sora);
}
.wp-block-quote.veio-citacao p {
	font-size: clamp(1.25rem, 1rem + 1vw, 1.65rem);
	font-weight: 600;
	line-height: 1.3;
	color: var(--wp--preset--color--azul-profundo);
}
.wp-block-quote.veio-citacao p::before { content: "\201C"; }
.wp-block-quote.veio-citacao p::after { content: "\201D"; }
.wp-block-quote.veio-citacao cite { display: block; margin-top: 0.5rem; font-size: 0.85rem; font-style: normal; color: var(--wp--preset--color--azul); }
.veio-citacao--grande { margin-top: var(--wp--preset--spacing--40) !important; }

/* Números */
.veio-numeros__grade.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.veio-numero {
	padding: 1.5rem 1.25rem;
	border-top: 4px solid var(--wp--preset--color--amarelo);
	background: rgba(255, 255, 255, 0.07);
	border-radius: 0 0 var(--veio-raio) var(--veio-raio);
}
.veio-numero p { margin: 0; }
.veio-numero__valor {
	font-family: var(--wp--preset--font-family--proelium);
	font-size: clamp(2.5rem, 1.5rem + 3vw, 4.25rem);
	line-height: 1;
	color: var(--wp--preset--color--branco);
}
.veio-numero__legenda { margin-top: 0.4rem !important; color: var(--wp--preset--color--azul-ceu); font-weight: 500; }
.veio-numeros__nota { margin-top: var(--wp--preset--spacing--40) !important; font-size: 0.85rem; }
@media (max-width: 900px) { .veio-numeros__grade.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* História */
.veio-historia__lateral { position: sticky; top: 100px; align-self: flex-start; }
.veio-historia__foto { margin-top: var(--wp--preset--spacing--40) !important; }
.veio-historia__foto img { display: block; width: 100%; max-width: 480px; height: auto; aspect-ratio: 900 / 749; }
@media (max-width: 781px) { .veio-historia__lateral { position: static; } .veio-historia__foto img { max-width: 320px; margin: 0 auto; } }

/* 13 km */
.veio-13km .veio-selo-desafio__topo { letter-spacing: 0.35em; font-size: clamp(0.85rem, 0.7rem + 0.6vw, 1.15rem); }
.veio-13km .veio-selo-desafio__titulo { align-items: flex-end; }
.veio-13km .veio-selo-desafio__texto { font-size: clamp(4rem, 2.5rem + 6vw, 8rem); padding: 0 0 0.12em; }

/* Rotina: próximo sonho */
.veio-sonho {
	gap: 1rem 1.5rem;
	padding: 1.25rem 1.5rem;
	border: 2px dashed rgba(255, 255, 255, 0.35);
	border-radius: var(--veio-raio-g);
}
.veio-sonho p { margin: 0; }
.veio-sonho__rotulo {
	padding: 0.35rem 0.9rem;
	border-radius: 999px;
	background: var(--wp--preset--color--amarelo);
	color: var(--wp--preset--color--tinta);
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Diário */
.wp-block-group.is-style-cartao-claro {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border-radius: var(--veio-raio-g);
	background: var(--wp--preset--color--nevoa);
	border: 1px solid rgba(27, 32, 30, 0.1);
}
.wp-block-group.is-style-cartao-claro > * { margin-block: 0; }
.wp-block-group.is-style-cartao-claro > * + * { margin-top: 0.6rem; }
.veio-serie__rotulo { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--azul-claro); }
.veio-series { width: 100%; }
.veio-series > * { width: 100%; box-sizing: border-box; }
.veio-patrocinio { font-size: 0.9rem; color: var(--wp--preset--color--azul); }

/* Frases */
.veio-frases .is-style-proelium { color: var(--wp--preset--color--tinta); max-width: 14em; }
.veio-frases__grade.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.veio-frase {
	position: relative;
	padding: 2.25rem 1.5rem 1.5rem;
	border-radius: var(--veio-raio-g);
	background: var(--wp--preset--color--branco);
	box-shadow: 0 14px 30px rgba(80, 30, 5, 0.22);
}
.veio-frase::before {
	content: "\201C";
	position: absolute;
	top: -0.35em;
	left: 1rem;
	font-family: var(--wp--preset--font-family--proelium);
	font-size: 5rem;
	line-height: 1;
	color: var(--wp--preset--color--azul-claro);
}
.veio-frase p { margin: 0; font-weight: 600; font-size: 1.1rem; line-height: 1.45; }
.veio-frases__fecho {
	margin-top: var(--wp--preset--spacing--50) !important;
	font-family: var(--wp--preset--font-family--proelium);
	font-size: clamp(1.75rem, 1rem + 2.5vw, 3rem);
	line-height: 1;
	text-transform: uppercase;
	color: var(--wp--preset--color--azul-profundo);
}
@media (max-width: 960px) { .veio-frases__grade.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .veio-frases__grade.is-layout-grid { grid-template-columns: 1fr !important; } }

/* Botões da campanha */
.wp-block-button.is-style-laranja .wp-block-button__link { background: var(--veio-laranja); color: var(--wp--preset--color--branco); }
.wp-block-button.is-style-laranja .wp-block-button__link:hover { background: #E8440C; }
.wp-block-button.is-style-carvao .wp-block-button__link { background: var(--veio-carvao); color: var(--veio-areia); }
.wp-block-button.is-style-contorno-escuro .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--veio-carvao);
	color: var(--veio-carvao);
	box-shadow: none;
}
.wp-block-button.is-style-contorno-claro .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.12); }

/* ---------- Contador ---------- */
.veio-contador {
	padding: clamp(1.25rem, 3vw, 2rem);
	border-radius: var(--veio-raio-g);
	background: var(--veio-carvao);
	color: var(--veio-areia);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.08);
	font-family: var(--wp--preset--font-family--sora, Sora, sans-serif);
}
.veio-contador p { margin: 0; }
.veio-contador__rotulo { color: var(--veio-laranja); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.veio-contador__faltam { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 0.5rem; margin-top: 0.75rem !important; }
.veio-contador__pre { font-size: 1rem; font-weight: 600; opacity: 0.8; width: 100%; }
.veio-contador__numero {
	font-family: var(--wp--preset--font-family--proelium, 'GT Proelium', Impact, sans-serif);
	font-size: clamp(3.5rem, 2rem + 5vw, 5.5rem);
	line-height: 0.95;
	color: var(--veio-areia);
}
.veio-contador__unidade { font-size: 1.4rem; font-weight: 800; color: var(--veio-laranja); }
.veio-contador__odometro { display: flex; gap: 0.25rem; margin-top: 1.25rem !important; }
.veio-contador__digito {
	display: inline-grid;
	place-items: center;
	min-width: 2.1ch;
	padding: 0.45rem 0.35rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.35);
	font-family: var(--wp--preset--font-family--proelium, 'GT Proelium', Impact, sans-serif);
	font-size: clamp(1.4rem, 1rem + 1.4vw, 2rem);
	line-height: 1;
}
.veio-contador__ponto { align-self: flex-end; font-weight: 800; font-size: 1.4rem; }
.veio-contador__barra { height: 10px; margin-top: 1.25rem; border-radius: 99px; background: rgba(255, 255, 255, 0.1); overflow: hidden; }
.veio-contador__barra span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #FF8A3D, var(--veio-laranja)); }
.veio-contador__rodape { margin-top: 0.9rem !important; font-size: 0.78rem; opacity: 0.75; line-height: 1.5; }
.veio-contador__legenda { margin-top: 0.5rem !important; font-weight: 600; }
.veio-contador--claro { background: var(--wp--preset--color--branco); color: var(--veio-carvao); box-shadow: var(--wp--preset--shadow--suave); border-color: rgba(0, 0, 0, 0.06); }
.veio-contador--claro .veio-contador__numero { color: var(--veio-carvao); }
.veio-contador--claro .veio-contador__digito { background: var(--veio-areia); box-shadow: none; }

/* ---------- Seção da campanha na Home ---------- */
.veio-campanha .is-style-proelium,
.cem-hero .is-style-proelium,
.cem-participe .is-style-proelium,
.cem-dia .is-style-proelium { color: var(--veio-areia); }
.veio-campanha mark, .cem-hero mark { padding: 0; }

/* ---------- LP 100 mil ---------- */
.cem-hero { overflow: hidden; position: relative; }
.cem-hero::before {
	content: "";
	position: absolute;
	right: -10vw;
	top: -20vw;
	width: 60vw;
	height: 60vw;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 83, 23, 0.22), transparent 62%);
	pointer-events: none;
}
.cem-hero > * { position: relative; }
.cem-hero__colunas { margin-bottom: 0 !important; align-items: stretch !important; }
.cem-hero__texto { padding-bottom: var(--wp--preset--spacing--60); }
.cem-hero .cem-hero__titulo { font-size: clamp(3.5rem, 1rem + 7vw, 7.5rem) !important; max-width: 7.5em; margin-bottom: 0.25em; }
.cem-hero__apoio { max-width: 34rem; opacity: 0.85; }
.cem-hero__visual { position: relative; display: flex; flex-direction: column; justify-content: flex-end; }
.cem-hero__foto { margin: 0 !important; }
.cem-hero__foto img { display: block; width: 100%; max-width: 480px; height: auto; aspect-ratio: 738 / 1080; margin-left: auto; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.45)); }
.cem-hero__visual .veio-contador { position: absolute; left: 0; bottom: var(--wp--preset--spacing--50); width: min(100%, 330px); z-index: 2; }
@media (max-width: 781px) {
	.cem-hero__texto { padding-bottom: 0; }
	.cem-hero__visual .veio-contador { position: static; width: auto; margin-top: -4rem; margin-bottom: var(--wp--preset--spacing--40); }
	.cem-hero__foto img { max-width: 300px; margin: 0 auto; }
}

.cem-conceito .is-style-proelium,
.cem-como .is-style-proelium,
.cem-fases .is-style-proelium,
.cem-capitulos .is-style-proelium,
.cem-final .is-style-proelium { color: var(--veio-carvao); }

.cem-grade-3.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.cem-grade-4.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1000px) { .cem-grade-4.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 781px) { .cem-grade-3.is-layout-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 600px) { .cem-grade-4.is-layout-grid { grid-template-columns: 1fr !important; } }

.cem-cartao {
	padding: 1.5rem;
	border-radius: 18px;
	background: var(--wp--preset--color--branco);
	border: 1px solid rgba(27, 32, 30, 0.08);
}
.cem-cartao > * { margin-block: 0; }
.cem-cartao > * + * { margin-top: 0.5rem; }
.cem-cartao h3 { color: var(--veio-carvao); }
.cem-cartao__numero { font-family: var(--wp--preset--font-family--proelium); font-size: 2.5rem; line-height: 1; color: var(--veio-laranja); }
.cem-cartao__quando { color: var(--veio-laranja); font-weight: 700; font-size: 0.85rem; }
.cem-cartao--destaque { background: var(--veio-carvao); color: var(--veio-areia); }
.cem-cartao--destaque h3 { color: var(--veio-areia); }
.cem-cartao--escuro { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: var(--veio-areia); }
.cem-cartao--escuro h3 { color: var(--veio-laranja); }

.cem-lista li::before { background-color: var(--veio-laranja); }
.cem-numeros { border-top: 1px solid rgba(27, 32, 30, 0.12); }
.cem-numero { padding: 1.1rem 0; border-bottom: 1px solid rgba(27, 32, 30, 0.12); gap: 1rem; }
.cem-numero p { margin: 0; }
.cem-numero__valor { font-family: var(--wp--preset--font-family--proelium); font-size: clamp(2.5rem, 1.5rem + 3vw, 4rem); line-height: 1; color: var(--veio-carvao); }
.cem-numero__legenda { text-align: right; font-weight: 600; color: #5a5f5c; }
.cem-nota { margin-top: var(--wp--preset--spacing--40) !important; font-size: 0.85rem; color: #6b706d; }
.cem-nota--clara { color: rgba(244, 241, 236, 0.7); }

.cem-combinados {
	padding: 1.25rem 1.5rem;
	border-left: 4px solid var(--veio-laranja);
	background: rgba(255, 255, 255, 0.04);
	border-radius: 0 14px 14px 0;
	font-size: 0.95rem;
}
.cem-combinados h3 { margin: 0 0 0.5rem; color: var(--veio-areia); font-weight: 700; }
.cem-combinados ul { margin: 0; padding-left: 1.1rem; opacity: 0.85; }

.cem-capitulo {
	padding: 1.4rem 1.5rem;
	border-radius: 18px;
	background: var(--veio-areia);
	transition: transform 0.25s ease, background 0.25s ease;
}
.cem-capitulo:hover { transform: translateY(-3px); background: #EFE9E0; }
.cem-capitulo > * { margin-block: 0; }
.cem-capitulo > * + * { margin-top: 0.4rem; }
.cem-capitulo h3 { color: var(--veio-carvao); }
.cem-capitulo__numero { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--veio-laranja); }

.cem-linha-tempo.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.cem-momento { padding: 1.5rem; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border-top: 3px solid var(--veio-laranja); }
.cem-momento > * { margin-block: 0; }
.cem-momento > * + * { margin-top: 0.5rem; }
.cem-momento h3 { color: var(--veio-laranja); }
.cem-momento--destaque { background: var(--veio-laranja); border-top-color: var(--veio-areia); color: var(--veio-carvao); }
.cem-momento--destaque h3 { color: var(--veio-carvao); }
@media (max-width: 1000px) { .cem-linha-tempo.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .cem-linha-tempo.is-layout-grid { grid-template-columns: 1fr !important; } }

.cem-final .is-style-proelium { font-size: clamp(3rem, 1rem + 6vw, 6.5rem) !important; }
.cem-patrocinio { margin-top: var(--wp--preset--spacing--50) !important; font-size: 0.9rem; opacity: 0.85; }

/* Rodapé: base */
.veio-rodape__base p { margin: 0; }
.veio-aviso-saude { max-width: 34rem; opacity: 0.85; }

/* Cor de texto inline (ex.: "ô véi!") sem o marca-texto amarelo do navegador */
mark.has-inline-color { background: transparent !important; padding: 0; }
.veio-frases .is-style-proelium { margin-left: 0 !important; }
.veio-frases__grade.is-layout-grid { row-gap: 2.75rem !important; }

/* Selo de patrocínio (logo MedSênior sempre sobre branco, nas cores originais) */
.veio-patrocinio-selo {
	display: inline-flex !important;
	gap: 0.9rem !important;
	padding: 0.6rem 1rem 0.6rem 1.1rem;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.06);
	margin-top: var(--wp--preset--spacing--30) !important;
}
.veio-patrocinio-selo p,
.veio-patrocinio-selo figure { margin: 0 !important; }
.veio-patrocinio-selo__rotulo {
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #5b6472 !important;
	white-space: nowrap;
}
.veio-patrocinio-selo__logo img { display: block; width: 132px; height: auto; aspect-ratio: 640 / 221; }
.veio-patrocinio-selo__logo a { display: block; }
.cem-patrocinio { gap: 0.25rem !important; margin-top: var(--wp--preset--spacing--50) !important; }
.cem-patrocinio p { margin: 0; font-size: 0.9rem; }
.veio-rodape .veio-patrocinio-selo { margin-top: var(--wp--preset--spacing--40) !important; }

/* ==========================================================================
   v1.2 — Menu em cápsula + barra no celular, vídeos do YouTube, reels
   ========================================================================== */

/* ---------- Cabeçalho em cápsula flutuante ---------- */
.veio-topo { background: transparent !important; box-shadow: none !important; padding-left: clamp(0.75rem, 3vw, 2.5rem) !important; padding-right: clamp(0.75rem, 3vw, 2.5rem) !important; }
.veio-pilula {
	gap: 1rem;
	padding: 0.5rem 0.6rem 0.5rem 1.25rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	backdrop-filter: saturate(160%) blur(14px);
	border: 1px solid rgba(27, 32, 30, 0.08);
	box-shadow: 0 10px 30px rgba(27, 32, 30, 0.12);
}
.veio-menu { flex: 1 1 auto; }
.veio-menu .wp-block-navigation__container { gap: 0.25rem; }
.veio-menu .wp-block-navigation-item__content {
	display: inline-block;
	padding: 0.55rem 1rem;
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--wp--preset--color--tinta);
	transition: background 0.2s ease, color 0.2s ease;
}
.veio-menu .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--nevoa); color: var(--wp--preset--color--azul-profundo); }
.veio-menu .wp-block-navigation-item__content.is-ativo { background: var(--wp--preset--color--azul-profundo); color: var(--wp--preset--color--branco) !important; }
.veio-menu .veio-nav-destaque .wp-block-navigation-item__content { color: var(--veio-laranja) !important; }
.veio-menu .veio-nav-destaque .wp-block-navigation-item__content:hover,
.veio-menu .veio-nav-destaque .wp-block-navigation-item__content.is-ativo { background: var(--veio-laranja); color: var(--wp--preset--color--branco) !important; }

.veio-redes-topo { display: flex; gap: 0.4rem; flex: 0 0 auto; }
.veio-rede {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	height: 2.6rem;
	padding: 0 1rem;
	border-radius: 999px;
	color: #fff !important;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: transform 0.2s ease, filter 0.2s ease;
}
.veio-rede:hover { transform: translateY(-1px); filter: brightness(1.08); }
.veio-rede--youtube { background: var(--veio-laranja); }
.veio-rede--instagram { background: var(--veio-carvao); }

@media (max-width: 1100px) {
	.veio-rede span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.veio-rede { width: 2.6rem; padding: 0; justify-content: center; }
	.veio-menu .wp-block-navigation-item__content { padding: 0.5rem 0.7rem; font-size: 0.88rem; }
}

/* ---------- Barra fixa no celular ---------- */
.veio-barra { display: none; }
@media (max-width: 781px) {
	.veio-pilula { padding: 0.45rem 0.5rem 0.45rem 1rem; }
	.veio-pilula .veio-menu { display: none !important; }
	.veio-topo .wp-block-site-title { font-size: 1.45rem; }
	body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
	.veio-barra {
		position: fixed;
		left: 0.6rem;
		right: 0.6rem;
		bottom: calc(0.6rem + env(safe-area-inset-bottom));
		z-index: 60;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		align-items: end;
		padding: 0.4rem 0.3rem;
		border-radius: 22px;
		background: rgba(255, 255, 255, 0.96);
		-webkit-backdrop-filter: blur(14px);
		backdrop-filter: blur(14px);
		border: 1px solid rgba(27, 32, 30, 0.08);
		box-shadow: 0 12px 34px rgba(27, 32, 30, 0.22);
	}
	.veio-barra a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.2rem;
		min-height: 52px;
		justify-content: flex-end;
		padding: 0.25rem 0.1rem;
		border-radius: 14px;
		color: #5a5f5c;
		font-size: 0.72rem;
		font-weight: 700;
		text-decoration: none;
	}
	.veio-barra svg { width: 24px; height: 24px; fill: currentColor; }
	.veio-barra a.is-ativo { color: var(--wp--preset--color--azul-profundo); background: var(--wp--preset--color--nevoa); }
	.veio-barra__principal { color: var(--wp--preset--color--tinta) !important; }
	.veio-barra__play {
		display: grid;
		place-items: center;
		width: 54px;
		height: 54px;
		margin-top: -26px;
		border-radius: 50%;
		background: var(--veio-laranja);
		color: #fff;
		box-shadow: 0 8px 20px rgba(255, 83, 23, 0.35);
		border: 4px solid #fff;
	}
	.veio-barra__play svg { width: 26px; height: 26px; }
	.veio-barra__principal.is-ativo { background: transparent !important; }
}

/* ---------- Seção de vídeos ---------- */
.veio-videos-secao { position: relative; overflow: hidden; }
.veio-videos-secao .is-style-proelium { color: var(--wp--preset--color--branco); margin: 0; }
.veio-videos-secao__topo { gap: 1.5rem; }
.veio-videos-secao__apoio { max-width: 36rem; margin-top: 0.5rem !important; }

.wp-block-button.is-style-youtube .wp-block-button__link { background: var(--veio-laranja); color: #fff; }
.wp-block-button.is-style-youtube .wp-block-button__link:hover { background: #E8440C; }
.wp-block-button.is-style-instagram .wp-block-button__link { background: var(--veio-carvao); color: #fff; }

.veio-videos { margin-top: var(--wp--preset--spacing--50); }
.veio-video { display: block; color: inherit; text-decoration: none !important; }
.veio-video__capa {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	background: #111412;
	aspect-ratio: 16 / 9;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}
.veio-video__capa img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease, opacity 0.3s ease; }
.veio-video:hover .veio-video__capa img { transform: scale(1.04); }
.veio-video__capa::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(12, 14, 13, 0.78)); pointer-events: none; }
.veio-video__play {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	color: var(--veio-laranja);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.veio-video:hover .veio-video__play,
.veio-video:focus-visible .veio-video__play { transform: scale(1.12); background: var(--veio-laranja); color: #fff; }
.veio-video__selo { position: absolute; z-index: 2; top: 0.7rem; left: 0.7rem; padding: 0.2rem 0.55rem; border-radius: 6px; background: var(--veio-laranja); color: #fff; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.veio-video__info { display: block; padding: 0.75rem 0.15rem 0; }
.veio-video__titulo { display: block; font-weight: 700; line-height: 1.3; }
.veio-video__data { display: block; margin-top: 0.2rem; font-size: 0.78rem; color: var(--wp--preset--color--azul-ceu); }

/* Destaque: capa grande com o título por cima */
.veio-video--destaque { position: relative; }
.veio-video--destaque .veio-video__capa { aspect-ratio: 21 / 9; border-radius: 28px; }
.veio-video--destaque .veio-video__play { width: 92px; height: 92px; margin: -46px 0 0 -46px; }
.veio-video--destaque .veio-video__play svg { width: 40px; height: 40px; }
.veio-video--destaque .veio-video__info { position: absolute; z-index: 2; left: clamp(1rem, 3vw, 2.25rem); bottom: clamp(1rem, 3vw, 2rem); right: 1rem; padding: 0; }
.veio-video--destaque .veio-video__titulo { font-family: var(--wp--preset--font-family--proelium); font-size: clamp(1.8rem, 1rem + 3vw, 3.5rem); line-height: 1; text-transform: uppercase; }
.veio-video--destaque .veio-video__data { color: rgba(255, 255, 255, 0.8); }
.veio-video--destaque.veio-video--short .veio-video__capa { aspect-ratio: 16 / 9; }
@media (max-width: 600px) { .veio-video--destaque .veio-video__capa { aspect-ratio: 16 / 10; } }

/* Fileira rolável */
.veio-videos__fila-topo { display: flex; align-items: center; justify-content: space-between; margin-top: var(--wp--preset--spacing--50); }
.veio-videos__subtitulo { margin: 0; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--amarelo); }
.veio-videos__setas { display: flex; gap: 0.4rem; }
.veio-videos__seta { width: 2.5rem; height: 2.5rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background: transparent; color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.veio-videos__seta:hover { background: rgba(255, 255, 255, 0.12); }
.veio-videos__fila {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(170px, 200px);
	gap: 1rem;
	margin-top: 1rem;
	padding-bottom: 0.75rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.veio-videos__fila .veio-video { scroll-snap-align: start; }
.veio-videos__fila .veio-video__capa { aspect-ratio: 9 / 16; border-radius: 16px; }
.veio-videos__fila .veio-video:not(.veio-video--short) .veio-video__capa img { object-fit: cover; }
.veio-videos__fila .veio-video__play { width: 48px; height: 48px; margin: -24px 0 0 -24px; }
.veio-videos__fila .veio-video__titulo { font-size: 0.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.veio-videos__vazio a { color: #fff; }
@media (max-width: 600px) { .veio-videos__setas { display: none; } .veio-videos__fila { grid-auto-columns: 46%; } }

/* ---------- Janela do player ---------- */
.veio-player { width: min(1100px, 94vw); max-width: none; padding: 0; border: 0; background: transparent; overflow: visible; }
.veio-player::backdrop { background: rgba(12, 14, 13, 0.9); }
.veio-player__caixa { position: relative; }
.veio-player__tela { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #000; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); }
.veio-player__tela iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.veio-player--vertical { width: min(420px, 92vw); }
.veio-player--vertical .veio-player__tela { aspect-ratio: 9 / 16; max-height: 80vh; margin: 0 auto; }
.veio-player__fechar { position: absolute; top: -3rem; right: 0; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 50%; background: #fff; color: var(--wp--preset--color--tinta); font-size: 1.6rem; line-height: 1; cursor: pointer; }
.veio-player__canal { display: inline-block; margin-top: 0.9rem; color: #fff; font-weight: 600; text-decoration: none; }
.veio-player__canal:hover { text-decoration: underline; }
.veio-sem-rolagem { overflow: hidden; }

/* ---------- Reels do Instagram ---------- */
.veio-reels__topo { gap: 1rem; }
.veio-reels__topo h3 { margin: 0; color: #fff; }
.veio-reels__arroba { color: var(--wp--preset--color--azul-ceu); font-weight: 500; }
.veio-reels__grade.is-layout-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1rem; margin-top: 1.25rem; }
.veio-reel { margin: 0 !important; }
.veio-reel a { position: relative; display: block; overflow: hidden; border-radius: 16px; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3); }
.veio-reel img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; transition: transform 0.5s ease; }
.veio-reel a:hover img { transform: scale(1.05); }
.veio-reel a::after {
	content: "";
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") center / 60% no-repeat;
}
.veio-reel figcaption { margin-top: 0.5rem; color: #fff; font-size: 0.88rem; font-weight: 600; line-height: 1.3; text-align: left; }
@media (max-width: 1000px) { .veio-reels__grade.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) {
	.veio-reels__grade.is-layout-grid { display: grid; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 46%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.5rem; }
	.veio-reel { scroll-snap-align: start; }
}

/* ==========================================================================
   v1.3 — Paleta única: grafite + laranja + areia (escolha de 04/11/2026)
   Os nomes antigos das cores (azul-profundo, amarelo…) foram mantidos no
   theme.json para não quebrar o conteúdo salvo; os valores agora são grafite/laranja.
   ========================================================================== */

/* Abertura: areia com um círculo laranja atrás do Moacyr */
.veio-hero { background-image: none !important; }
.veio-hero::before {
	content: "";
	position: absolute;
	z-index: 0;
	right: 4%;
	bottom: -14%;
	width: min(44vw, 600px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--veio-laranja);
	pointer-events: none;
}
.veio-hero > * { position: relative; z-index: 1; }
@media (max-width: 781px) {
	.veio-hero::before { right: 50%; transform: translateX(50%); bottom: -6%; width: 82vw; }
}
.veio-hero .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border-color: var(--veio-carvao); color: var(--veio-carvao); backdrop-filter: none; }
.veio-hero .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--veio-carvao); color: var(--veio-areia); }

/* Selo da abertura: grafite com números em laranja */
.wp-block-group.is-style-selo { background: var(--veio-carvao); color: var(--veio-areia); }
.wp-block-group.is-style-selo strong { color: var(--veio-laranja); }

/* Textos sobre laranja ficam em grafite (contraste) */
.wp-block-button.is-style-laranja .wp-block-button__link,
.wp-block-button.is-style-amarelo .wp-block-button__link,
.wp-block-button.is-style-youtube .wp-block-button__link { background: var(--veio-laranja); color: var(--veio-carvao); }
.wp-block-button.is-style-laranja .wp-block-button__link:hover,
.wp-block-button.is-style-amarelo .wp-block-button__link:hover,
.wp-block-button.is-style-youtube .wp-block-button__link:hover { background: #FF6A2E; }
.wp-block-button.is-style-instagram .wp-block-button__link { background: transparent; border: 2px solid rgba(244, 241, 236, 0.6); color: var(--veio-areia); box-shadow: none; }
.wp-block-button.is-style-instagram .wp-block-button__link:hover { background: rgba(244, 241, 236, 0.1); }
.veio-video__selo { color: var(--veio-carvao); }

/* Cartões escuros sobre fundo grafite */
.wp-block-group.is-style-cartao { background: #2A302D; border-color: rgba(255, 255, 255, 0.08); }

/* Números grandes "7" e "13" em laranja sólido */
.veio-selo-desafio__numero { background: none; color: var(--veio-laranja); -webkit-background-clip: border-box; background-clip: border-box; }

/* Marca-texto suave */
mark.veio-marca-texto { background: linear-gradient(transparent 58%, rgba(255, 83, 23, 0.4) 58%); }

/* Frases: aspas em grafite (a seção é laranja) */
.veio-frase::before { color: var(--veio-carvao); }

/* Cabeçalho: botões das redes em grafite */
.veio-rede--youtube, .veio-rede--instagram { background: var(--veio-carvao); }
.veio-rede--youtube:hover, .veio-rede--instagram:hover { background: var(--veio-laranja); color: var(--veio-carvao) !important; filter: none; }

/* Rodapé grafite */
.veio-rodape { background: linear-gradient(194deg, #2A302D 0%, #141816 100%) !important; }

/* Vídeo único "Quem é o Véi da Bike" (seção da história, fundo claro) */
.veio-video-unico { margin-top: var(--wp--preset--spacing--40); max-width: 480px; }
.veio-video-unico__rotulo { margin: 0 0 0.6rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--azul-vivo); }
.veio-video--apresentacao .veio-video__capa { aspect-ratio: 16 / 9; border-radius: 18px; box-shadow: 0 14px 30px rgba(27, 32, 30, 0.22); }
.veio-video--apresentacao .veio-video__titulo { color: var(--veio-carvao); font-size: 1.05rem; }
.veio-video--apresentacao .veio-video__data { color: #6b706d; }
.veio-historia__foto + .veio-video-unico { margin-top: var(--wp--preset--spacing--30); }
@media (max-width: 781px) { .veio-video-unico { margin-left: auto; margin-right: auto; } }

/* Mascote (cabeçalho e rodapé) */
.veio-marca__mascote { display: inline-flex; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: 0 0 44px; }
.veio-marca__mascote img { display: block; width: 100%; height: 100%; }
.veio-marca:hover .veio-marca__mascote { transform: rotate(-6deg) scale(1.05); }
.veio-rodape__mascote { display: block; width: 140px; height: 140px; margin-bottom: 0.75rem; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255, 83, 23, 0.9); }
@media (max-width: 781px) { .veio-marca__mascote { width: 38px; height: 38px; flex-basis: 38px; } }

/* Números grandes ("13", "7") não sobem por cima da frase de cima */
.veio-selo-desafio__topo { position: relative; z-index: 2; margin-bottom: 0.9rem !important; }
.veio-selo-desafio__titulo { padding-top: 0.12em; }
.veio-selo-desafio__numero { line-height: 0.82; }

/* Mascote como logo: selo maior, saindo da cápsula */
.veio-pilula { padding-left: 0.5rem; overflow: visible; }
.veio-marca__mascote { width: 68px !important; height: 68px !important; flex: 0 0 68px !important; margin: -16px 0 -16px 0; border: 3px solid #fff; box-shadow: 0 8px 20px rgba(27, 32, 30, 0.28); position: relative; z-index: 2; }
@media (max-width: 781px) { .veio-marca__mascote { width: 52px !important; height: 52px !important; flex-basis: 52px !important; margin: -10px 0; } }