/* =========================================================
   Nosso Céu · Ferramenta "Como estava o céu no dia" · protótipo 20/10/2026
   Mesmos tokens da home nova (nc-home.css). Tudo dentro de .nc-ceu: o resto do site não muda.
   Celular primeiro; a partir de 1000px o mapa vai para a direita do formulário.
   ========================================================= */

.nc-ceu {
	--nc-navy: #13244A;
	--nc-night: #0B1733;
	--nc-cream: #F6F2EA;
	--nc-paper: #FBF8F3;
	--nc-gold: #C9A45C;
	--nc-gold-ink: #8E6A26;
	--nc-ink: #1A1A22;
	--nc-muted: #4A4E5C;
	--nc-soft: #C9CEDC;
	--nc-line: #E7E0D3;
	--nc-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--nc-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--nc-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--nc-gutter: max(16px, 4vw);
	font-family: var(--nc-body);
	color: var(--nc-ink);
	background: var(--nc-paper);
	-webkit-text-size-adjust: 100%;
}

.nc-ceu *,
.nc-ceu *::before,
.nc-ceu *::after {
	box-sizing: border-box;
}

.nc-ceu :where(h1, h2, h3, p, figure, ul, dl, dd) {
	margin: 0;
}

.nc-ceu a:focus-visible,
.nc-ceu button:focus-visible,
.nc-ceu summary:focus-visible {
	outline: 2px solid var(--nc-gold);
	outline-offset: 3px;
}

.nc-ceu-eyebrow {
	font: 700 12px/1.3 var(--nc-body);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--nc-gold);
}

.nc-ceu-h2 {
	font-family: var(--nc-display);
	font-weight: 600;
	font-size: clamp(32px, 4vw, 52px);
	line-height: 1.06;
	letter-spacing: -0.005em;
	color: var(--nc-navy);
	text-wrap: balance;
}

.nc-ceu-sub {
	max-width: 640px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--nc-muted);
}

/* ---------- Topo: formulário + mapa ---------- */

.nc-ceu-hero {
	position: relative;
	padding: 20px var(--nc-gutter) 56px;
	color: var(--nc-cream);
	background:
		radial-gradient(120% 70% at 70% 0%, rgba(41, 66, 122, 0.55) 0%, rgba(11, 23, 51, 0) 60%),
		var(--nc-night);
}

.nc-ceu-wrap {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}

.nc-ceu-crumbs {
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--nc-soft);
}

.nc-ceu-crumbs a {
	color: var(--nc-soft);
}

.nc-ceu-intro .nc-ceu-eyebrow {
	margin-bottom: 12px;
}

.nc-ceu-h1 {
	font-family: var(--nc-display);
	font-weight: 600;
	font-size: clamp(36px, 4.4vw, 58px);
	line-height: 1.04;
	letter-spacing: -0.01em;
	color: var(--nc-cream);
	text-wrap: balance;
}

.nc-ceu-lede {
	margin-top: 14px !important;
	max-width: 520px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--nc-soft);
}

/* Formulário */

.nc-ceu-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	border: 1px solid rgba(246, 242, 234, 0.14);
	border-radius: 20px;
	background: rgba(246, 242, 234, 0.04);
}

.nc-ceu-row {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	gap: 12px;
}

.nc-ceu-field {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.nc-ceu-field label {
	font: 700 12px/1.2 var(--nc-body);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--nc-soft);
}

.nc-ceu-field input {
	width: 100%;
	min-width: 0;
	height: 52px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid rgba(246, 242, 234, 0.3);
	border-radius: 12px;
	background: rgba(11, 23, 51, 0.55);
	font: 500 16px/1.2 var(--nc-body);
	color: var(--nc-cream);
	color-scheme: dark;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
}

/* Safari deixa data e hora com altura e alinhamento próprios */
.nc-ceu-field input::-webkit-date-and-time-value {
	text-align: left;
}

.nc-ceu-field input::placeholder {
	color: rgba(201, 206, 220, 0.7);
}

.nc-ceu-field input:hover {
	border-color: rgba(246, 242, 234, 0.5);
}

.nc-ceu-field input:focus {
	outline: none;
	border-color: var(--nc-gold);
	background: rgba(11, 23, 51, 0.8);
	box-shadow: 0 0 0 3px rgba(201, 164, 92, 0.25);
}

/* Sugestões de cidade */
.nc-ceu-city ul {
	position: absolute;
	z-index: 20;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	max-height: 320px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	border-radius: 14px;
	background: var(--nc-cream);
	box-shadow: 0 22px 44px -18px rgba(0, 0, 0, 0.6);
}

.nc-ceu-city ul[hidden] {
	display: none;
}

.nc-ceu-city li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 46px;
	padding: 0 12px;
	border-radius: 10px;
	font: 600 16px/1.25 var(--nc-body);
	color: var(--nc-navy);
	cursor: pointer;
}

.nc-ceu-city li span {
	flex: none;
	font-size: 13px;
	font-weight: 500;
	color: var(--nc-muted);
}

.nc-ceu-city li:hover,
.nc-ceu-city li[aria-selected="true"] {
	background: #EADFC9;
}

.nc-ceu-city li.none {
	font-weight: 500;
	color: var(--nc-muted);
	cursor: default;
}

.nc-ceu-city li.none:hover {
	background: none;
}

.nc-ceu-err {
	margin-top: -4px !important;
	font-size: 14px;
	line-height: 1.45;
	color: #FFC9B8;
}

.nc-ceu-err[hidden] {
	display: none;
}

.nc-ceu-go {
	min-height: 54px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: var(--nc-cream);
	font: 700 16px/1.2 var(--nc-body);
	color: var(--nc-navy);
	cursor: pointer;
	transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.nc-ceu-go:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px -12px rgba(0, 0, 0, 0.6);
}

.nc-ceu-go:active {
	transform: translateY(0);
}

.nc-ceu-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.nc-ceu-here {
	min-height: 36px;
	margin: -8px -6px -8px 0;
	padding: 0 6px;
	border: 0;
	background: none;
	font: 600 13px/1.3 var(--nc-body);
	color: var(--nc-gold);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.nc-ceu-here:hover {
	color: var(--nc-cream);
}

.nc-ceu-here[hidden] {
	display: none;
}

/* Mapa */

.nc-ceu-result {
	display: flex;
	flex-direction: column;
	align-items: center;
	scroll-margin-top: 16px;
}

.nc-ceu-chart {
	display: block;
	width: min(100%, 640px);
	height: auto;
	aspect-ratio: 1;
	overflow: visible;
}

.nc-ceu-chart .disc { fill: url(#nc-ceu-bg); }
.nc-ceu-chart .ring { fill: none; stroke: var(--nc-gold); stroke-width: 3; }
.nc-ceu-chart .ring2 { fill: none; stroke: var(--nc-gold); stroke-opacity: 0.45; stroke-width: 1.5; }
.nc-ceu-chart .ticks { fill: none; stroke: var(--nc-gold); stroke-opacity: 0.7; stroke-width: 2; }
.nc-ceu-chart .card text {
	font: 700 34px/1 var(--nc-body);
	letter-spacing: 0.04em;
	fill: var(--nc-gold);
	text-anchor: middle;
	dominant-baseline: central;
}

.nc-ceu-chart .mw path { fill: #FFF4D6; fill-opacity: 0.07; }
.nc-ceu-chart .grid path { fill: none; stroke: #C9CEDC; stroke-opacity: 0.16; stroke-width: 1.6; }
.nc-ceu-chart .cl path {
	fill: none;
	stroke: #F3E7C6;
	stroke-opacity: 0.55;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.nc-ceu-chart :is(.s0, .s1, .s2, .s3) path { fill: none; stroke: #FFF8E6; stroke-linecap: round; }
.nc-ceu-chart .s3 path { stroke-opacity: 0.72; }
.nc-ceu-chart .s0 path { filter: drop-shadow(0 0 6px rgba(255, 248, 230, 0.75)); }
.nc-ceu-chart .lbl text {
	font: 700 32px/1 var(--nc-body);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-anchor: middle;
	fill: #C9CEDC;
	fill-opacity: 0.85;
	paint-order: stroke;
	stroke: #0F1E42;
	stroke-width: 8px;
	stroke-linejoin: round;
}
/* No celular só as constelações mais conhecidas ganham nome: o resto viraria borrão */
.nc-ceu-chart .lbl .minor { display: none; }
.nc-ceu-result.no-names .lbl { display: none; }

.nc-ceu-cap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-top: 18px;
	text-align: center;
}

.nc-ceu-cap strong {
	font: 600 26px/1.15 var(--nc-display);
	color: var(--nc-cream);
}

.nc-ceu-cap span {
	font-size: 15px;
	line-height: 1.45;
	color: var(--nc-soft);
}

.nc-ceu-cap .nc-ceu-coords {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--nc-gold);
}

.nc-ceu-day {
	max-width: 440px;
	margin-top: 10px !important;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
	color: var(--nc-soft);
}

.nc-ceu-day[hidden] {
	display: none;
}

.nc-ceu-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 18px;
	margin-top: 14px;
}

.nc-ceu-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font-size: 14px;
	color: var(--nc-soft);
	cursor: pointer;
}

.nc-ceu-toggle input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--nc-gold);
}

.nc-ceu-share {
	min-height: 40px;
	padding: 0 18px;
	border: 1.5px solid rgba(246, 242, 234, 0.45);
	border-radius: 999px;
	background: transparent;
	font: 600 14px/1.2 var(--nc-body);
	color: var(--nc-cream);
	cursor: pointer;
}

.nc-ceu-share:hover {
	background: rgba(246, 242, 234, 0.08);
}

.nc-ceu-jump {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin-top: 6px;
	font: 700 15px/1.3 var(--nc-body);
	color: var(--nc-gold);
	text-underline-offset: 4px;
}

.nc-ceu-jump::after {
	content: '';
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.nc-ceu-jump:hover {
	color: var(--nc-cream);
}

/* Nesse céu */

.nc-ceu-facts {
	padding: 20px;
	border: 1px solid rgba(246, 242, 234, 0.14);
	border-radius: 20px;
}

.nc-ceu-facts:empty {
	display: none;
}

.nc-ceu-facts-title {
	font: 600 24px/1.1 var(--nc-display);
	color: var(--nc-cream);
}

.nc-ceu-facts dl {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 14px;
}

.nc-ceu-facts dt {
	font: 700 11px/1.2 var(--nc-body);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--nc-gold);
}

.nc-ceu-facts dd {
	margin-top: 4px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--nc-cream);
}

.nc-ceu-moon-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nc-ceu-moon {
	flex: none;
	width: 30px;
	height: 30px;
}

.nc-ceu-moon circle { fill: #263A6B; stroke: rgba(246, 242, 234, 0.25); stroke-width: 1; }
.nc-ceu-moon path { fill: #F3E7C6; }

.nc-ceu-more {
	display: inline-block;
	margin-top: 16px;
	font: 600 14px/1.4 var(--nc-body);
	color: var(--nc-gold);
	text-underline-offset: 3px;
}

.nc-ceu-more:hover {
	color: var(--nc-cream);
}

/* Entrada do céu: grade, linhas e estrelas aparecem em sequência */
@keyframes ncCeuFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ncCeuDraw { from { stroke-dasharray: 1; stroke-dashoffset: 1; } to { stroke-dasharray: 1; stroke-dashoffset: 0; } }

.nc-ceu-result.is-new .sky .mw { animation: ncCeuFade 1.2s ease-out both; }
.nc-ceu-result.is-new .sky .grid { animation: ncCeuFade 1s ease-out both; }
.nc-ceu-result.is-new .sky .s0,
.nc-ceu-result.is-new .sky .s1 { animation: ncCeuFade 0.6s ease-out 0.1s both; }
.nc-ceu-result.is-new .sky .s2 { animation: ncCeuFade 0.8s ease-out 0.25s both; }
.nc-ceu-result.is-new .sky .s3 { animation: ncCeuFade 1s ease-out 0.4s both; }
.nc-ceu-result.is-new .sky .cl path { animation: ncCeuDraw 1.2s cubic-bezier(0.65, 0, 0.35, 1) both; }
.nc-ceu-result.is-new .sky .lbl { animation: ncCeuFade 0.8s ease-out 1.2s both; }

/* ---------- Chamada: quadro ou colar ---------- */

.nc-ceu-cta {
	padding: clamp(56px, 7vw, 96px) var(--nc-gutter);
	background: var(--nc-cream);
	scroll-margin-top: 16px;
}

.nc-ceu-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.nc-ceu-narrow {
	max-width: 760px;
}

.nc-ceu-products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 10px;
}

.nc-ceu-product {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 18px;
	background: #FFFFFF;
	box-shadow: 0 1px 0 var(--nc-line), 0 18px 40px -28px rgba(19, 36, 74, 0.45);
	text-decoration: none;
	color: var(--nc-ink);
	transition: transform 0.25s var(--nc-ease), box-shadow 0.25s var(--nc-ease);
}

.nc-ceu-product:hover {
	transform: translateY(-3px);
	box-shadow: 0 1px 0 var(--nc-line), 0 26px 48px -26px rgba(19, 36, 74, 0.55);
}

.nc-ceu-product img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	background: #EFE8DA;
}

.nc-ceu-product-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
}

.nc-ceu-product-title {
	font: 600 21px/1.12 var(--nc-display);
	color: var(--nc-navy);
}

.nc-ceu-product-text {
	flex: 1;
	font-size: 14px;
	line-height: 1.5;
	color: var(--nc-muted);
}

.nc-ceu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin-top: 4px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--nc-navy);
	font: 700 14px/1.2 var(--nc-body);
	color: var(--nc-cream);
	text-align: center;
}

.nc-ceu-proof {
	margin-top: 6px !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--nc-navy);
}

.nc-ceu-proof span {
	color: var(--nc-gold);
}

.nc-ceu-tip {
	font-size: 14px;
	line-height: 1.5;
	color: var(--nc-muted);
}

/* ---------- Seções de texto ---------- */

.nc-ceu-sec {
	padding: clamp(56px, 7vw, 88px) var(--nc-gutter);
}

.nc-ceu-sec + .nc-ceu-sec {
	border-top: 1px solid var(--nc-line);
}

.nc-ceu-cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin-top: 10px;
}

.nc-ceu-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px;
	border: 1px solid var(--nc-line);
	border-radius: 18px;
	background: #FFFFFF;
}

.nc-ceu-card h3 {
	font: 600 24px/1.15 var(--nc-display);
	color: var(--nc-navy);
}

.nc-ceu-card p {
	flex: 1;
	font-size: 15px;
	line-height: 1.6;
	color: var(--nc-muted);
}

.nc-ceu-card > a {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font: 700 15px/1.2 var(--nc-body);
	color: var(--nc-gold-ink);
	text-underline-offset: 4px;
}

.nc-ceu-inline,
.nc-ceu-how a {
	color: var(--nc-gold-ink);
	text-underline-offset: 3px;
}

.nc-ceu-how p {
	font-size: 17px;
	line-height: 1.7;
	color: var(--nc-muted);
}

.nc-ceu-faq details {
	border-bottom: 1px solid #E2D9C8;
	padding: 18px 0;
}

.nc-ceu-faq details:first-of-type {
	border-top: 1px solid #E2D9C8;
	margin-top: 6px;
}

.nc-ceu-faq summary {
	cursor: pointer;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--nc-navy);
}

.nc-ceu-faq details p {
	margin-top: 10px !important;
	font-size: 16px;
	line-height: 1.6;
	color: var(--nc-muted);
}

.nc-ceu-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	list-style: none;
}

.nc-ceu-links a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid var(--nc-line);
	border-radius: 999px;
	background: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	color: var(--nc-navy);
	text-decoration: none;
}

.nc-ceu-links a:hover {
	border-color: var(--nc-gold);
}

/* ---------- Telas maiores ---------- */

@media (min-width: 640px) {
	.nc-ceu-go {
		align-self: flex-start;
		min-width: 200px;
	}
	.nc-ceu-products {
		gap: 20px;
		max-width: 760px;
	}
	.nc-ceu-product-body {
		padding: 20px;
	}
	.nc-ceu-product-title {
		font-size: 25px;
	}
	.nc-ceu-product-text {
		font-size: 15px;
	}
	.nc-ceu-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nc-ceu-chart .lbl text {
		font-size: 24px;
	}
	.nc-ceu-chart .lbl .minor {
		display: inline;
		fill-opacity: 0.6;
	}
	.nc-ceu-chart .card text {
		font-size: 28px;
	}
}

@media (min-width: 1000px) {
	.nc-ceu-hero {
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.nc-ceu-wrap {
		grid-template-columns: minmax(360px, 460px) minmax(0, 660px);
		grid-template-rows: auto auto 1fr;
		grid-template-areas:
			"intro result"
			"form result"
			"facts result";
		justify-content: space-between;
		column-gap: 56px;
		row-gap: 24px;
	}
	.nc-ceu-intro { grid-area: intro; }
	.nc-ceu-form { grid-area: form; padding: 22px; }
	.nc-ceu-result { grid-area: result; align-self: start; position: sticky; top: 24px; }
	.nc-ceu-facts { grid-area: facts; align-self: start; }
	.nc-ceu-cards {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	/* Chamada: texto à esquerda, quadro e colar à direita */
	.nc-ceu-cta .nc-ceu-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 640px);
		grid-template-rows: repeat(4, auto) 1fr;
		column-gap: 64px;
		row-gap: 18px;
		align-items: start;
	}
	.nc-ceu-cta .nc-ceu-inner > * {
		grid-column: 1;
	}
	.nc-ceu-cta .nc-ceu-products {
		grid-column: 2;
		grid-row: 1 / -1;
		margin-top: 0;
	}
	.nc-ceu-cta .nc-ceu-eyebrow {
		margin-top: 24px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nc-ceu-result.is-new .sky * {
		animation: none !important;
	}
	.nc-ceu-go,
	.nc-ceu-product {
		transition: none;
	}
}

/* ---------- No WordPress (tema Angelica) ----------
   Cada seção é um bloco HTML com .alignfull: o tema já a estica na largura e encosta a primeira e a última
   no topo e no rodapé. Aqui só se desfaz o que o global.css do tema põe em botões, campos, títulos e listas. */

.nc-ceu-page .entry-content > .nc-ceu {
	max-width: none;
}

/* Margens do tema: form, h1[class], h2[class] e label ganham espaço extra */
.nc-ceu-page .nc-ceu .nc-ceu-form,
.nc-ceu-page .nc-ceu :is(h1, h2, h3) {
	margin-top: 0;
	margin-bottom: 0;
}

.nc-ceu-page .nc-ceu label {
	padding-bottom: 0;
}

/* Botões: o tema põe caixa alta, espaçamento e a cor do texto igual à do fundo */
.nc-ceu-page .nc-ceu :is(.nc-ceu-go, .nc-ceu-here, .nc-ceu-share),
.nc-ceu-page .nc-ceu :is(.nc-ceu-go, .nc-ceu-here, .nc-ceu-share):is(:hover, :focus, :active) {
	text-transform: none;
	letter-spacing: normal;
	text-shadow: none;
}

.nc-ceu-page .nc-ceu .nc-ceu-go,
.nc-ceu-page .nc-ceu .nc-ceu-go:is(:hover, :focus, :active) {
	padding: 0 28px;
	border: 0;
	background: var(--nc-cream);
	font: 700 16px/1.2 var(--nc-body);
	color: var(--nc-navy);
}

.nc-ceu-page .nc-ceu .nc-ceu-here,
.nc-ceu-page .nc-ceu .nc-ceu-here:is(:focus, :active) {
	padding: 0 6px;
	border: 0;
	background: none;
	box-shadow: none;
	font: 600 13px/1.3 var(--nc-body);
	color: var(--nc-gold);
}

.nc-ceu-page .nc-ceu .nc-ceu-here:hover {
	background: none;
	color: var(--nc-cream);
}

.nc-ceu-page .nc-ceu .nc-ceu-share,
.nc-ceu-page .nc-ceu .nc-ceu-share:is(:focus, :active) {
	padding: 0 18px;
	border: 1.5px solid rgba(246, 242, 234, 0.45);
	background: transparent;
	font: 600 14px/1.2 var(--nc-body);
	color: var(--nc-cream);
}

.nc-ceu-page .nc-ceu .nc-ceu-share:hover {
	background: rgba(246, 242, 234, 0.08);
	color: var(--nc-cream);
}

/* Caixa de seleção: o tema dá padding e desloca para baixo */
.nc-ceu-page .nc-ceu .nc-ceu-toggle input {
	padding: 0;
	bottom: auto;
}

/* Perguntas: o tema pinta o summary de cinza com !important */
.nc-ceu-page .nc-ceu-faq summary {
	color: var(--nc-navy) !important;
}