/* =============================================================================
   Cruzeiro do Povo — single.css  v3.9.17
   ÚNICO CSS de single-post. Substitui os 7 arquivos antigos:
     editorial, diamond, premium, fixes, polish, elite, elite-v2.
   Sem !important desnecessário. Cascata previsível.

   Padrão de referência: ESPN / The Athletic / Globo Esporte.
   ============================================================================= */

/* ============================================================================
   1. TOKENS LOCAIS — só dentro do single, não vazam
   ============================================================================ */
.single .cdp-article {
	--csp-azul:        #0A1F4E;
	--csp-azul-2:      #122A66;
	--csp-azul-3:      #1A4FB8;
	--csp-gold:        #C9A646;
	--csp-gold-deep:   #A88930;
	--csp-ink:         #14213d;
	--csp-ink-soft:    #2b3756;
	--csp-muted:       #5b6478;
	--csp-line:        #E6E8EF;
	--csp-line-soft:   #F2F4F8;
	--csp-bg:          #FFFFFF;
	--csp-bg-soft:     #F7F8FB;
	--csp-shadow-sm:   0 1px 2px rgba(10, 31, 78, .06);
	--csp-shadow-md:   0 4px 12px rgba(10, 31, 78, .08);
	--csp-shadow-lg:   0 12px 32px rgba(10, 31, 78, .14);
	--csp-radius:      12px;
	--csp-radius-sm:   8px;
	--csp-serif:       "Source Serif Pro", "PT Serif", Georgia, "Times New Roman", serif;
	--csp-sans:        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--csp-content-max: 740px;
}

/* ============================================================================
   2. ANTI-OVERFLOW E NEUTRALIZAÇÃO DO TEMA PAI (tema pai / tema pai)
   ============================================================================ */
body.single-post { overflow-x: clip; max-width: 100vw; }body.single-post * { box-sizing: border-box; }body.single-post img,
body.single-post iframe,
body.single-post video,
body.single-post table { max-width: 100%; height: auto; }
body.single-post #content,
body.single-post .main-content,
body.single-post .container-wrapper,
body.single-post .site-content {
	max-width: none;
	width:     100%;
	float:     none;
	display:   block;
	background: transparent;
}body.single-post .theiaStickySidebar,
body.single-post .stream-item { display: none; }

/* ============================================================================
   3. WRAPPER DO ARTIGO
   ============================================================================ */
.single .cdp-article {
	background: transparent;
	margin:     0 0 48px;
	padding:    0;
	max-width:  100%;
}

/* ============================================================================
   4. GRID — body 1fr | sidebar 320px com gap generoso
   Alinhamento topo: título e primeiro card começam na mesma linha
   ============================================================================ */
.single .cdp-article__grid {
	display:               grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap:                   56px;
	width:                 min(1240px, 94%);
	margin:                40px auto 80px;
	padding:               0 24px;
	align-items:           start;
}
@media (min-width: 1400px) {
	.single .cdp-article__grid {
		grid-template-columns: minmax(0, 1fr) 340px;
		max-width:             1380px;
		gap:                   64px;
	}
}
@media (max-width: 1180px) {
	.single .cdp-article__grid {
		gap: 40px;
	}
}
@media (max-width: 980px) {
	.single .cdp-article__grid {
		grid-template-columns: 1fr;
		gap:                   32px;
		margin:                24px auto 56px;
		padding:               0 16px;
	}.single .cdp-article__rail--right { order: 2; }.single .cdp-article__sticky { position: static; }
}

/* ============================================================================
   5. CABEÇALHO INTEGRADO — título + categoria + deck + meta
   Sem hero azul cinematográfico. Limpo, estilo ESPN editorial.
   ============================================================================ */
.single .cdp-article__head {
	width:        100%;
	max-width:    var(--csp-content-max);
	margin:       0 0 32px;
	padding:      0;
	background:   transparent;
}

/* Título — primeiro elemento, alinhado com topo da sidebar */
.single .cdp-article__title {
	font-family:    var(--csp-serif);
	font-weight:    800;
	font-size:      clamp(28px, 4vw, 46px);
	line-height:    1.12;
	letter-spacing: -0.018em;
	color:          var(--csp-ink);
	margin:         0 0 16px;
	padding:        0;
}

/* Pílula de categoria */
.single .cdp-article__category {
	display:         inline-block;
	font-family:     var(--csp-sans);
	font-size:       11px;
	font-weight:     800;
	letter-spacing:  0.14em;
	text-transform:  uppercase;
	color:           var(--csp-azul);
	background:      rgba(201, 166, 70, 0.12);
	border:          1px solid rgba(201, 166, 70, 0.35);
	padding:         5px 11px;
	border-radius:   3px;
	text-decoration: none;
	margin-bottom:   16px;
	transition:      background 0.18s ease;
}
.single .cdp-article__category:hover {
	background: rgba(201, 166, 70, 0.22);
	color:      var(--csp-azul);
}

/* Deck (subtítulo) */
.single .cdp-article__deck {
	font-family:  var(--csp-serif);
	font-size:    clamp(17px, 1.5vw, 20px);
	line-height:  1.5;
	color:        var(--csp-ink-soft);
	margin:       0 0 28px;
	font-weight:  400;
	max-width:    var(--csp-content-max);
}

/* Meta line — autor com avatar + data + leitura + botão ouvir */
.single .cdp-article__meta {
	display:       flex;
	align-items:   center;
	gap:           20px;
	flex-wrap:     wrap;
	font-family:   var(--csp-sans);
	font-size:     14px;
	color:         var(--csp-muted);
	padding:       18px 0;
	border-top:    1px solid var(--csp-line);
	border-bottom: 1px solid var(--csp-line);
}
.single .cdp-article__author {
	display:         flex;
	align-items:     center;
	gap:             10px;
	color:           var(--csp-ink);
	text-decoration: none;
	transition:      color 0.18s ease;
}
.single .cdp-article__author:hover { color: var(--csp-azul-3); }
.single .cdp-article__avatar {
	width:        40px;
	height:       40px;
	border-radius: 50%;
	border:       2px solid var(--csp-gold);
	object-fit:   cover;
	flex-shrink:  0;
}
.single .cdp-article__author span {
	display:        flex;
	flex-direction: column;
	gap:            2px;
	line-height:    1.25;
}
.single .cdp-article__author strong {
	font-weight:    700;
	font-size:      14px;
	color:          var(--csp-ink);
	letter-spacing: 0.01em;
}
.single .cdp-article__author time {
	font-size: 12px;
	color:     var(--csp-muted);
	font-weight: 400;
}
.single .cdp-article__readtime,
.single .cdp-article__readingtime {
	display:     inline-flex;
	align-items: center;
	gap:         6px;
	font-size:   12px;
	color:       var(--csp-muted);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding:     6px 12px;
	background:  var(--csp-bg-soft);
	border-radius: 99px;
}
.single .cdp-article__listen {
	display:         inline-flex;
	align-items:     center;
	gap:             8px;
	background:      var(--csp-gold);
	color:           var(--csp-azul);
	border:          none;
	font-family:     var(--csp-sans);
	font-size:       12px;
	font-weight:     800;
	letter-spacing:  0.06em;
	text-transform:  uppercase;
	padding:         9px 18px;
	border-radius:   99px;
	cursor:          pointer;
	transition:      background 0.2s ease, transform 0.2s ease;
	margin-left:     auto;
}
.single .cdp-article__listen:hover {
	background: var(--csp-gold-deep);
	color:      #fff;
	transform:  translateY(-1px);
}
@media (max-width: 600px) {
	.single .cdp-article__listen { margin-left: 0; }.single .cdp-article__meta { gap: 14px; }
}

/* ============================================================================
   6. CORPO DO ARTIGO — onde o leitor passa 95% do tempo
   ============================================================================ */
.single .cdp-article__body {
	min-width: 0;
	max-width: 100%;
}
.single .cdp-article__content {
	font-family:    var(--csp-serif);
	font-size:      19px;
	line-height:    1.7;
	color:          var(--csp-ink);
	max-width:      var(--csp-content-max);
}
@media (max-width: 600px) {
	.single .cdp-article__content { font-size: 17px; }
}

/* Parágrafos */
.single .cdp-article__content p {
	margin:      0 0 1.3em;
	font-family: inherit;
	font-size:   inherit;
	line-height: inherit;
	color:       inherit;
}

/* Drop cap só no primeiro parágrafo */
.single .cdp-article__content > p:first-of-type::first-letter {
	font-family: var(--csp-serif);
	font-size:   4.6em;
	font-weight: 800;
	float:       left;
	line-height: 0.9;
	margin:      0.05em 0.1em 0 0;
	color:       var(--csp-azul);
	background:  linear-gradient(180deg, var(--csp-azul), var(--csp-azul-2));
	-webkit-background-clip: text;
	background-clip:    text;
	-webkit-text-fill-color: transparent;
}
@media (max-width: 600px) {
	.single .cdp-article__content > p:first-of-type::first-letter { font-size: 3.6em; }
}

/* Reset para parágrafos seguintes (evita drop-cap múltiplo) */
.single .cdp-article__content > p:not(:first-of-type)::first-letter {
	font-size:   inherit;
	float:       none;
	margin:      0;
	color:       inherit;
	background:  none;
	-webkit-text-fill-color: inherit;
	font-weight: inherit;
}

/* Links */
.single .cdp-article__content a {
	color:                 var(--csp-azul-3);
	text-decoration:       underline;
	text-decoration-color: rgba(26, 79, 184, 0.35);
	text-underline-offset: 3px;
	transition:            color 0.18s ease, text-decoration-color 0.18s ease;
}
.single .cdp-article__content a:hover {
	color:                 var(--csp-azul);
	text-decoration-color: var(--csp-gold);
}
.single .cdp-article__content strong { font-weight: 700; color: var(--csp-azul-2); }.single .cdp-article__content em { font-style: italic; color: var(--csp-ink-soft); }

/* H2 — sem caixa, com traço dourado kicker */
.single .cdp-article__content h2 {
	font-family:    var(--csp-serif);
	font-size:      clamp(24px, 2.4vw, 32px);
	font-weight:    800;
	color:          var(--csp-azul);
	line-height:    1.18;
	letter-spacing: -0.014em;
	margin:         2em 0 0.6em;
	padding:        0;
	background:     none;
	border:         none;
	position:       relative;
}
.single .cdp-article__content h2::before {
	content:       '';
	display:       block;
	width:         44px;
	height:        3px;
	background:    linear-gradient(90deg, var(--csp-gold), var(--csp-gold-deep));
	border-radius: 2px;
	margin-bottom: 14px;
}

/* H3 */
.single .cdp-article__content h3 {
	font-family: var(--csp-serif);
	font-size:   clamp(20px, 1.8vw, 24px);
	font-weight: 700;
	color:       var(--csp-azul);
	line-height: 1.25;
	margin:      1.6em 0 0.5em;
	padding:     0;
	background:  none;
	border:      none;
}

/* H4 */
.single .cdp-article__content h4 {
	font-family:    var(--csp-sans);
	font-size:      18px;
	font-weight:    700;
	color:          var(--csp-ink-soft);
	letter-spacing: 0.01em;
	margin:         1.4em 0 0.5em;
}

/* Listas */
.single .cdp-article__content ul,
.single .cdp-article__content ol {
	margin:       1.2em 0;
	padding-left: 0;
	list-style:   none;
}
.single .cdp-article__content ul li,
.single .cdp-article__content ol li {
	position:      relative;
	padding-left:  28px;
	margin-bottom: 0.5em;
	line-height:   1.65;
	font-family:   inherit;
	font-size:     inherit;
}
.single .cdp-article__content ul li::before {
	content:       '';
	position:      absolute;
	left:          4px;
	top:           0.65em;
	width:         9px;
	height:        9px;
	background:    var(--csp-gold);
	border-radius: 50%;
}
.single .cdp-article__content ol { counter-reset: cdp-list; }.single .cdp-article__content ol li { counter-increment: cdp-list; }.single .cdp-article__content ol li::before {
	content:           counter(cdp-list);
	position:          absolute;
	left:              0;
	top:               0;
	font-family:       var(--csp-serif);
	font-weight:       800;
	color:             var(--csp-gold-deep);
	font-size:         1.05em;
	width:             20px;
	text-align:        right;
}

/* Blockquote padrão */
.single .cdp-article__content blockquote {
	margin:        2em 0;
	padding:       22px 26px;
	background:    var(--csp-bg-soft);
	border:        none;
	border-left:   4px solid var(--csp-gold);
	border-radius: 0 var(--csp-radius-sm) var(--csp-radius-sm) 0;
	font-family:   var(--csp-serif);
	font-size:     1.1em;
	line-height:   1.55;
	font-style:    italic;
	color:         var(--csp-ink-soft);
	position:      relative;
}
.single .cdp-article__content blockquote p { margin: 0; font-style: italic; }
.single .cdp-article__content blockquote cite {
	display:        block;
	margin-top:     12px;
	font-family:    var(--csp-sans);
	font-size:      13px;
	font-style:     normal;
	font-weight:    700;
	color:          var(--csp-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Imagens */
.single .cdp-article__content img,
.single .cdp-article__content figure img {
	max-width:     100%;
	height:        auto;
	border-radius: var(--csp-radius);
	margin:        1.5em 0;
	display:       block;
}
.single .cdp-article__content figure { margin: 2em 0; }
.single .cdp-article__content figcaption {
	font-family:    var(--csp-sans);
	font-size:      13px;
	color:          var(--csp-muted);
	text-align:     center;
	margin-top:     10px;
	font-style:     italic;
	letter-spacing: 0.01em;
}

/* HR — divider editorial */
.single .cdp-article__content hr {
	border:    none;
	height:    1px;
	background: linear-gradient(90deg, transparent, var(--csp-gold), transparent);
	margin:    2.5em auto;
	max-width: 200px;
	position:  relative;
	overflow:  visible;
}
.single .cdp-article__content hr::before {
	content:    '◆';
	position:   absolute;
	top:        50%;
	left:       50%;
	transform:  translate(-50%, -50%);
	background: var(--csp-bg);
	color:      var(--csp-gold);
	padding:    0 12px;
	font-size:  11px;
}

/* ============================================================================
   7. RAIL DIREITO — sidebar com cards (Compartilhar, Enquetes etc.)
   ============================================================================ */
.single .cdp-article__rail--right {
	min-width: 0;
}
.single .cdp-article__rail--right .cdp-article__sticky {
	position:       sticky;
	top:            96px;
	display:        flex;
	flex-direction: column;
	gap:            16px;
	margin-top:     0;
	padding-top:    0;
}
.single .cdp-article__rail--right .cdp-article__sticky > *:first-child {
	margin-top: 0;
}

/* Card base — usado por todos os blocos do rail */
.single .cdp-article__rail--right .widget,
.single .cdp-article__rail--right .cdp-rail-card {
	background:    var(--csp-bg);
	border:        1px solid var(--csp-line);
	border-radius: var(--csp-radius);
	box-shadow:    var(--csp-shadow-md);
	padding:       0;
	overflow:      hidden;
	margin:        0;
}

/* Título de card — gradient azul + barra dourada */
.single .cdp-article__rail--right .widget-title,
.single .cdp-article__rail--right .widgettitle,
.single .cdp-article__rail--right .cdp-rail-card__title {
	font-family:    var(--csp-sans);
	font-size:      12px;
	font-weight:    800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color:          #fff;
	background:     linear-gradient(90deg, var(--csp-azul), var(--csp-azul-2));
	margin:         0;
	padding:        12px 16px;
	border-bottom:  3px solid var(--csp-gold);
}

/* Conteúdo do card */
.single .cdp-article__rail--right .widget > *:not(.widget-title):not(.widgettitle),
.single .cdp-article__rail--right .cdp-rail-card > *:not(.cdp-rail-card__title) {
	padding: 14px 16px;
}
.single .cdp-article__rail--right .widget > *:not(.widget-title):not(.widgettitle):only-child,
.single .cdp-article__rail--right .cdp-rail-card > *:not(.cdp-rail-card__title):only-child {
	padding: 14px 16px;
}

/* ── Card Compartilhar — botões em grid 2x2 ─────────────────────── */
.single .cdp-article__rail--right .cdp-rail-card--share .cdp-rail-share {
	display:               grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:                   8px;
}
.single .cdp-rail-share__btn {
	display:         inline-flex;
	align-items:     center;
	gap:             8px;
	padding:         10px 12px;
	border:          1px solid var(--csp-line);
	border-radius:   var(--csp-radius-sm);
	background:      var(--csp-bg);
	color:           var(--csp-ink);
	font-family:     var(--csp-sans);
	font-size:       13px;
	font-weight:     600;
	text-decoration: none;
	cursor:          pointer;
	transition:      background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
	line-height:     1;
}
.single .cdp-rail-share__btn svg { flex-shrink: 0; width: 16px; height: 16px; }
.single .cdp-rail-share__btn:hover { transform: translateY(-1px); color: #fff; }
.single .cdp-rail-share__btn--wa:hover { background: #25D366; border-color: #25D366; }.single .cdp-rail-share__btn--x:hover { background: #000;    border-color: #000;    }.single .cdp-rail-share__btn--fb:hover { background: #1877F2; border-color: #1877F2; }.single .cdp-rail-share__btn--copy:hover { background: var(--csp-azul-3); border-color: var(--csp-azul-3); }.single .cdp-rail-share__btn--copy.is-copied {
	background: #2f9e6b; border-color: #2f9e6b; color: #fff;
}

/* ── Mais lidas — numeração dourada ─────────────────────────────── */
.single .cdp-article__rail--right .cdp-popular,
.single .cdp-article__rail--right ol.cdp-rail-list {
	list-style:    none;
	margin:        0;
	padding:       0;
	counter-reset: cdp-pop;
}
.single .cdp-article__rail--right .cdp-popular > li,
.single .cdp-article__rail--right ol.cdp-rail-list > li {
	counter-increment: cdp-pop;
	display:           flex;
	align-items:       flex-start;
	gap:               12px;
	padding:           10px 0;
	border-bottom:     1px solid var(--csp-line-soft);
}
.single .cdp-article__rail--right .cdp-popular > li:last-child,
.single .cdp-article__rail--right ol.cdp-rail-list > li:last-child {
	border-bottom: none;
}
.single .cdp-article__rail--right .cdp-popular > li::before,
.single .cdp-article__rail--right ol.cdp-rail-list > li::before {
	content:           counter(cdp-pop);
	font-family:       var(--csp-serif);
	font-size:         22px;
	font-weight:       800;
	color:             var(--csp-gold);
	line-height:       1;
	flex-shrink:       0;
	width:             24px;
	font-variant-numeric: tabular-nums;
}
.single .cdp-article__rail--right .cdp-popular > li a,
.single .cdp-article__rail--right ol.cdp-rail-list > li a {
	font-family:     var(--csp-sans);
	font-size:       13px;
	line-height:     1.4;
	color:           var(--csp-ink);
	text-decoration: none;
	font-weight:     600;
	flex:            1;
	transition:      color 0.15s ease;
}
.single .cdp-article__rail--right .cdp-popular > li a:hover,
.single .cdp-article__rail--right ol.cdp-rail-list > li a:hover {
	color: var(--csp-azul-3);
}

/* ── Enquete — barras com gradient ──────────────────────────────── */
.single .cdp-article__rail--right .cdp-poll-card__q {
	font-family:   var(--csp-sans);
	font-size:     14px;
	font-weight:   700;
	color:         var(--csp-ink);
	margin:        0 0 12px;
	line-height:   1.35;
}
.single .cdp-article__rail--right .cdp-poll-card__opt {
	margin-bottom: 8px;
	position:      relative;
}
.single .cdp-article__rail--right .cdp-poll-card__opt .bar {
	display:       block;
	height:        8px;
	background:    linear-gradient(90deg, var(--csp-azul-3), var(--csp-azul));
	border-radius: 4px;
	transition:    width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.single .cdp-article__rail--right .cdp-poll-card__opt::before {
	content:       '';
	position:      absolute;
	inset:         0 0 auto 0;
	height:        8px;
	background:    var(--csp-bg-soft);
	border-radius: 4px;
	z-index:       -1;
}
.single .cdp-article__rail--right .cdp-poll-card__opt .lbl {
	display:         flex;
	justify-content: space-between;
	font-family:     var(--csp-sans);
	font-size:       13px;
	color:           var(--csp-muted);
	margin-top:      4px;
	font-weight:     500;
}
.single .cdp-article__rail--right .cdp-poll-card__opt .lbl span:first-child {
	color:       var(--csp-ink);
	font-weight: 600;
}

/* ============================================================================
   8. REACTIONS — barra de reações no fim do post
   ============================================================================ */
.single .cdp-reactions {
	margin:        3em 0 2em;
	padding:       24px;
	background:    var(--csp-bg-soft);
	border-radius: var(--csp-radius);
	border:        1px solid var(--csp-line);
}
.single .cdp-reactions__title {
	font-family:    var(--csp-sans);
	font-size:      15px;
	font-weight:    700;
	color:          var(--csp-ink-soft);
	margin:         0 0 16px;
	text-align:     center;
	letter-spacing: 0.02em;
}
.single .cdp-reactions__list {
	display:         flex;
	gap:             10px;
	flex-wrap:       wrap;
	justify-content: center;
}
.single .cdp-reactions__btn {
	display:        flex;
	flex-direction: column;
	align-items:    center;
	gap:            4px;
	padding:        12px 18px;
	background:     var(--csp-bg);
	border:         1.5px solid var(--csp-line);
	border-radius:  var(--csp-radius);
	cursor:         pointer;
	transition:     transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
	font-family:    var(--csp-sans);
	min-width:      76px;
}
.single .cdp-reactions__btn:hover {
	transform:    translateY(-2px);
	border-color: var(--csp-gold);
}
.single .cdp-reactions__btn.is-active {
	background:   rgba(201, 166, 70, 0.1);
	border-color: var(--csp-gold);
}
.single .cdp-reactions__emoji { font-size: 24px; line-height: 1; }.single .cdp-reactions__btn span:nth-child(2) {
	font-size:   12px;
	font-weight: 600;
	color:       var(--csp-ink-soft);
	margin-top:  2px;
}.single .cdp-reactions__count {
	font-size:           12px;
	font-weight:         500;
	color:               var(--csp-muted);
	font-variant-numeric: tabular-nums;
}

/* ============================================================================
   9. NEWSLETTER INLINE
   ============================================================================ */
.single .cdp-newsletter-inline {
	margin:        3em 0;
	padding:       28px;
	background:    linear-gradient(135deg, var(--csp-azul), var(--csp-azul-2));
	color:         #fff;
	border-radius: var(--csp-radius);
	display:       grid;
	grid-template-columns: 1fr auto;
	gap:           24px;
	align-items:   center;
	position:      relative;
	overflow:      hidden;
}
.single .cdp-newsletter-inline::before {
	content:        '';
	position:       absolute;
	top:            -20%;
	right:          -10%;
	width:          300px;
	height:         300px;
	background:     radial-gradient(circle, rgba(201, 166, 70, 0.18), transparent 70%);
	pointer-events: none;
}
.single .cdp-newsletter-inline > div { position: relative; z-index: 1; }
.single .cdp-newsletter-inline__eyebrow {
	display:        inline-block;
	font-family:    var(--csp-sans);
	font-size:      11px;
	font-weight:    800;
	color:          var(--csp-gold);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom:  6px;
}
.single .cdp-newsletter-inline h3 {
	font-family: var(--csp-serif);
	font-size:   clamp(20px, 1.8vw, 24px);
	font-weight: 800;
	color:       #fff;
	line-height: 1.2;
	margin:      0 0 6px;
}
.single .cdp-newsletter-inline p {
	font-family: var(--csp-sans);
	font-size:   14px;
	color:       rgba(255, 255, 255, 0.78);
	margin:      0;
}
.single .cdp-newsletter-inline__form {
	display:  flex;
	gap:      8px;
	position: relative;
	z-index:  1;
}
.single .cdp-newsletter-inline__form input {
	background:    rgba(255, 255, 255, 0.95);
	border:        1px solid transparent;
	color:         var(--csp-ink);
	padding:       12px 14px;
	border-radius: var(--csp-radius-sm);
	font-family:   var(--csp-sans);
	font-size:     14px;
	min-width:     220px;
	outline:       none;
}
.single .cdp-newsletter-inline__form input:focus { border-color: var(--csp-gold); }
.single .cdp-newsletter-inline__form button {
	background:     var(--csp-gold);
	color:          var(--csp-azul);
	border:         none;
	padding:        12px 22px;
	border-radius:  var(--csp-radius-sm);
	font-family:    var(--csp-sans);
	font-size:      13px;
	font-weight:    800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor:         pointer;
	transition:     background 0.18s ease, transform 0.18s ease;
}
.single .cdp-newsletter-inline__form button:hover {
	background: var(--csp-gold-deep);
	color:      #fff;
	transform:  translateY(-1px);
}
.single .cdp-newsletter-inline__feedback {
	grid-column: 1 / -1;
	margin-top:  12px;
	font-family: var(--csp-sans);
	font-size:   14px;
	color:       var(--csp-gold);
	text-align:  center;
	font-weight: 600;
	position:    relative;
	z-index:     1;
}
@media (max-width: 700px) {
	.single .cdp-newsletter-inline { grid-template-columns: 1fr; padding: 24px 20px; }
}

/* ============================================================================
   10. AUTHOR BOX — assinatura final
   ============================================================================ */
.single .cdp-author-card {
	margin:        3em 0 2em;
	padding:       24px;
	display:       flex;
	gap:           18px;
	align-items:   flex-start;
	background:    var(--csp-bg-soft);
	border-radius: var(--csp-radius);
	border:        1px solid var(--csp-line);
}
.single .cdp-author-card img {
	width:         64px;
	height:        64px;
	border-radius: 50%;
	border:        3px solid var(--csp-gold);
	flex-shrink:   0;
	object-fit:    cover;
}
.single .cdp-author-card__info { flex: 1; }
.single .cdp-author-card__eyebrow {
	font-family:    var(--csp-sans);
	font-size:      11px;
	font-weight:    800;
	color:          var(--csp-azul-3);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom:  4px;
}
.single .cdp-author-card__name {
	font-family: var(--csp-serif);
	font-size:   20px;
	font-weight: 800;
	color:       var(--csp-azul);
	margin:      0 0 6px;
}
.single .cdp-author-card__bio {
	font-family: var(--csp-sans);
	font-size:   14px;
	line-height: 1.5;
	color:       var(--csp-muted);
	margin:      0;
}
@media (max-width: 600px) {
	.single .cdp-author-card { flex-direction: column; align-items: flex-start; }
}

/* ============================================================================
   11. READING PROGRESS — barra fina no topo da página
   ============================================================================ */
.cdp-reading-progress {
	position: fixed;
	top:      0;
	left:     0;
	right:    0;
	height:   3px;
	background: transparent;
	z-index:  9999;
	pointer-events: none;
}
.cdp-reading-progress span {
	display:    block;
	height:     100%;
	width:      0;
	background: linear-gradient(90deg, var(--csp-azul, #0A1F4E), var(--csp-gold, #C9A646));
	transition: width 0.1s linear;
}

/* ============================================================================
   12. FORÇAR FUNDO BRANCO NOS POSTS — sempre, ignorando dark mode
   O tema tem 3 sistemas de dark mode (prefers-color-scheme, html.dark,
   html.cdp-dark). Em posts queremos SEMPRE fundo branco, cores originais.
   ============================================================================ */

/* Fundo branco no body inteiro quando estamos em single-post — vence dark mode */
html.dark body.single-post,
html.cdp-dark body.single-post,
body.single-post {
	background: #FFFFFF !important;
	color: var(--csp-ink, #14213d) !important;
}
@media (prefers-color-scheme: dark) {
	body.single-post {
		background: #FFFFFF !important;
		color: #14213d !important;
	}
}

/* Garantir que cor dos textos dentro do post não herde do dark mode */
html.dark body.single-post .cdp-article,
html.cdp-dark body.single-post .cdp-article,
body.single-post .cdp-article {
	color: var(--csp-ink, #14213d);
}
@media (prefers-color-scheme: dark) {
	body.single-post .cdp-article { color: #14213d; }
}

/* ============================================================================
   13. v3.9.20 — Compactar cabeçalho do post
   - Aproximar título, deck e meta
   - Reduzir distância entre meta e o conteúdo (foto/primeiro parágrafo)
   ============================================================================ */
.single .cdp-article__head {
	margin-bottom: 20px;
}.single .cdp-article__title {
	margin-bottom: 12px;
}.single .cdp-article__deck {
	margin-bottom: 16px;
}.single .cdp-article__meta {
	padding: 12px 0;
}
/* Aproximar primeiro elemento do conteúdo (foto, parágrafo) ao meta */
.single .cdp-article__body > .cdp-article__content,
.single .cdp-article__body .entry-content {
	margin-top: 0;
}.single .cdp-article__body > .cdp-article__content > *:first-child,
.single .cdp-article__body .entry-content > *:first-child {
	margin-top: 0 !important;
}

/* ============================================================================
   14. v3.9.21 — Refino padrão ESPN/GE
   - Meta numa única linha (autor | leitura | ouvir)
   - "min de leitura" sem visual de pílula clicável (vira texto discreto)
   - Botão OUVIR MATÉRIA alinhado à direita, mesma linha
   - Deck mais protagonista
   - Foto colada ao final do meta (zerar margens)
   ============================================================================ */

/* Deck mais editorial (peso ESPN/GE) */
.single .cdp-article__deck {
	font-size: clamp(18px, 1.7vw, 22px);
	line-height: 1.45;
	color: #2b3756;
	margin-bottom: 18px;
}

/* Meta em linha única, alinhamento ESPN */
.single .cdp-article__meta {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 18px;
	padding: 14px 0 16px;
	border-bottom: none; /* remove a linha tracejada extra abaixo do meta */
}

/* Autor com hierarquia mais forte */
.single .cdp-article__author strong {
	font-size: 15px;
	font-weight: 700;
	color: #14213d;
	letter-spacing: 0;
}.single .cdp-article__author time {
	font-size: 13px;
	color: #6b7384;
	font-weight: 400;
}

/* "Tempo de leitura" — texto discreto, NÃO pílula */
.single .cdp-article__readtime,
.single .cdp-article__readingtime {
	background: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	color: #6b7384 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* Botão OUVIR MATÉRIA — mesma linha, alinhado à direita */
.single .cdp-article__listen {
	margin-left: auto !important;
	padding: 8px 16px;
	font-size: 11px;
}

/* Foto colada ao meta — zera espaço extra */
.single .cdp-article__head {
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6E8EF;
}.single .cdp-article__body > .cdp-article__content,
.single .cdp-article__body .entry-content {
	margin-top: 16px;
}

/* Mobile: meta quebra mas continua compacto */
@media (max-width: 600px) {
	.single .cdp-article__meta {
		flex-wrap: wrap;
		gap: 12px;
	}.single .cdp-article__listen {
		margin-left: 0 !important;
	}
}

/* ============================================================================
   15. v3.9.22 — Share inline discreto no meta (substitui card no rail)
   ============================================================================ */
.cdp-meta-share {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 12px;
	padding-left: 14px;
	border-left: 1px solid #E6E8EF;
}
.cdp-meta-share__btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #E6E8EF;
	color: #6b7384;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .18s, color .18s, border-color .18s, transform .18s;
	text-decoration: none;
	flex-shrink: 0;
	padding: 0;
}
.cdp-meta-share__btn:hover {
	color: #fff;
	transform: translateY(-1px);
}
.cdp-meta-share__btn--wa:hover { background: #25D366; border-color: #25D366; }.cdp-meta-share__btn--x:hover { background: #000;    border-color: #000;    }.cdp-meta-share__btn--fb:hover { background: #1877F2; border-color: #1877F2; }.cdp-meta-share__btn--copy:hover { background: #0A1F4E; border-color: #0A1F4E; }
.cdp-meta-share__btn--copy.is-copied {
	background: #2f9e6b;
	border-color: #2f9e6b;
	color: #fff;
}
@media (max-width: 600px) {
	.cdp-meta-share {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		width: 100%;
		justify-content: flex-start;
	}
}

/* ============================================================================
   16. v3.9.23 — Refino do meta para caber em uma linha sem quebra
   - Permite wrap caso necessário, mas otimiza pra caber numa linha
   - Reduz tamanho do "Ouvir matéria" e dos ícones share
   - Avatar menor
   ============================================================================ */
.single .cdp-article__meta {
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

/* Bloco autor: nome + data sem quebrar */
.single .cdp-article__author {
	flex-shrink: 0;
}.single .cdp-article__author span {
	white-space: nowrap;
}.single .cdp-article__author strong {
	font-size: 14px;
}.single .cdp-article__author time {
	font-size: 12px;
	white-space: nowrap;
}.single .cdp-article__avatar {
	width: 36px;
	height: 36px;
}

/* Tempo de leitura — sem quebrar */
.single .cdp-article__readtime,
.single .cdp-article__readingtime {
	white-space: nowrap;
	font-size: 12px !important;
}

/* Botão Ouvir matéria — compacto, sem quebrar */
.single .cdp-article__listen {
	white-space: nowrap;
	padding: 7px 14px;
	font-size: 10.5px;
}.single .cdp-article__listen span {
	white-space: nowrap;
}

/* Share inline mais compacto */
.cdp-meta-share {
	margin-left: 8px;
	padding-left: 10px;
	gap: 4px;
}.cdp-meta-share__btn {
	width: 28px;
	height: 28px;
}

/* ============================================================================
   17. v3.9.24 — Meta em 2 linhas (estilo ESPN/GE), nunca mais apertado
   - Linha 1: avatar + nome + data
   - Linha 2: tempo de leitura + ouvir matéria + share
   ============================================================================ */
.single .cdp-article__meta {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 12px !important;
	padding: 14px 0 16px !important;
	flex-wrap: nowrap !important;
}
.single .cdp-article__author {
	align-self: flex-start;
}
.single .cdp-article__meta-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	padding-top: 10px;
	border-top: 1px solid #E6E8EF;
	width: 100%;
}

/* Tempo de leitura na 2ª linha — discreto */
.single .cdp-article__meta-actions .cdp-article__readtime {
	font-size: 12px !important;
}

/* Ouvir matéria mantém destaque, não estoura */
.single .cdp-article__meta-actions .cdp-article__listen {
	margin-left: 0 !important;
	white-space: nowrap;
}

/* Share inline empurrado para a direita */
.single .cdp-article__meta-actions .cdp-meta-share {
	margin-left: auto;
	padding-left: 0;
	border-left: none;
}
@media (max-width: 600px) {
	.single .cdp-article__meta-actions .cdp-meta-share {
		margin-left: 0;
		width: 100%;
		justify-content: flex-start;
	}
}

/* Subtítulo (linha-fina estilo GE) */
.single .cdp-article__deck {
	font-family: var(--csp-serif);
	font-size: clamp(17px, 1.6vw, 20px);
	line-height: 1.5;
	color: #2b3756;
	margin: 0 0 18px;
	font-weight: 400;
	font-style: normal;
}

/* ============================================================================
   18. v3.9.26 — Meta GE-style: TUDO numa linha única (definitivo)
   Estratégia: nowrap + tamanhos compactos + esconder labels longos
   ============================================================================ */
.single .cdp-article__meta {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	padding: 14px 0 16px !important;
	border-top: 1px solid #E6E8EF;
	border-bottom: none !important;
	overflow: hidden;
}
.single .cdp-article__meta-actions {
	display: contents !important;
}

/* Autor compacto */
.single .cdp-article__author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.single .cdp-article__avatar {
	width: 32px !important;
	height: 32px !important;
	border-width: 1.5px !important;
	flex-shrink: 0 !important;
}
.single .cdp-article__author span {
	flex-direction: row !important;
	align-items: baseline !important;
	gap: 8px !important;
	white-space: nowrap !important;
}
.single .cdp-article__author strong {
	font-size: 13px !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
}
.single .cdp-article__author time {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #6b7384 !important;
	white-space: nowrap !important;
	position: relative;
	padding-left: 12px;
}.single .cdp-article__author time::before {
	content: '·';
	position: absolute;
	left: 0;
	color: #B0B7C4;
	font-weight: 700;
}

/* Tempo de leitura — texto puro com bullet */
.single .cdp-article__readtime,
.single .cdp-article__readingtime {
	font-size: 13px !important;
	color: #6b7384 !important;
	white-space: nowrap !important;
	background: none !important;
	border-radius: 0 !important;
	padding: 0 0 0 12px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 400 !important;
	display: inline-flex !important;
	align-items: baseline !important;
	flex-shrink: 0 !important;
	position: relative;
}.single .cdp-article__readtime::before,
.single .cdp-article__readingtime::before {
	content: '·';
	position: absolute;
	left: 0;
	color: #B0B7C4;
	font-weight: 700;
}.single .cdp-article__readtime svg,
.single .cdp-article__readingtime svg { display: none !important; }

/* OUVIR MATÉRIA — botão menor sem ocupar a linha toda */
.single .cdp-article__listen {
	margin-left: auto !important;
	padding: 5px 12px !important;
	font-size: 10.5px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	letter-spacing: 0.04em !important;
}

/* Share — ícones compactos, sem borda */
.single .cdp-meta-share {
	display: inline-flex !important;
	gap: 4px !important;
	margin-left: 8px !important;
	padding-left: 0 !important;
	border-left: none !important;
	flex-shrink: 0 !important;
}
.single .cdp-meta-share__btn {
	width: 26px !important;
	height: 26px !important;
	border: none !important;
	color: #6b7384 !important;
}
.single .cdp-meta-share__btn:hover {
	border: none !important;
}

/* Mobile — só aí permite quebrar */
@media (max-width: 720px) {
	.single .cdp-article__meta {
		flex-wrap: wrap !important;
	}.single .cdp-article__listen {
		margin-left: 0 !important;
	}
}

/* ============================================================================
   19. v3.9.27 — Botão "Ouvir matéria" limpo e leve (substitui dourado pesado)
   ============================================================================ */
.single .cdp-article__listen {
	background: transparent !important;
	border: 1px solid #D4DAE4 !important;
	color: #2b3756 !important;
	padding: 5px 12px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	border-radius: 99px !important;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}
.single .cdp-article__listen:hover {
	background: #F2F4F8 !important;
	border-color: #C9A646 !important;
	color: #14213d !important;
	transform: none !important;
}
.single .cdp-article__listen svg {
	width: 13px !important;
	height: 13px !important;
	color: #C9A646;
}

/* ============================================================================
   20. v3.9.28 — Layout final do cabeçalho
   - Subtítulo + Ouvir Matéria na MESMA linha (subtítulo esq, botão dir)
   - Compartilhar volta visível na linha do meta
   ============================================================================ */

/* Linha subtítulo + botão ouvir */
.single .cdp-article__subline {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;
}
.single .cdp-article__subline .cdp-article__deck {
	flex: 1;
	margin: 0 !important;
}
.single .cdp-article__subline .cdp-article__deck-spacer {
	flex: 1;
}
.single .cdp-article__subline .cdp-article__listen {
	flex-shrink: 0;
	margin-left: auto !important;
	background: transparent !important;
	border: 1px solid #D4DAE4 !important;
	color: #2b3756 !important;
	padding: 6px 14px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	border-radius: 99px !important;
	transition: background .18s, border-color .18s, color .18s !important;
	white-space: nowrap;
}
.single .cdp-article__subline .cdp-article__listen:hover {
	background: #F2F4F8 !important;
	border-color: #C9A646 !important;
	color: #14213d !important;
	transform: none !important;
}
.single .cdp-article__subline .cdp-article__listen svg {
	width: 13px !important;
	height: 13px !important;
	color: #C9A646;
}

/* Meta sem botão Ouvir, com share visível à direita */
.single .cdp-article__meta {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	padding: 14px 0 16px !important;
	border-top: 1px solid #E6E8EF;
	border-bottom: none !important;
	overflow: visible;
}
.single .cdp-article__meta-actions { display: contents !important; }
.single .cdp-article__author {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.single .cdp-article__avatar {
	width: 36px !important;
	height: 36px !important;
	border-width: 1.5px !important;
	flex-shrink: 0 !important;
}
.single .cdp-article__author span {
	flex-direction: row !important;
	align-items: baseline !important;
	gap: 8px !important;
	white-space: nowrap !important;
}
.single .cdp-article__author strong {
	font-size: 13px !important;
	font-weight: 700 !important;
}
.single .cdp-article__author time {
	font-size: 13px !important;
	color: #6b7384 !important;
	white-space: nowrap !important;
	position: relative;
	padding-left: 12px;
}.single .cdp-article__author time::before {
	content: '·';
	position: absolute; left: 0;
	color: #B0B7C4; font-weight: 700;
}
.single .cdp-article__readtime {
	font-size: 13px !important;
	color: #6b7384 !important;
	background: none !important;
	border-radius: 0 !important;
	padding: 0 0 0 12px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 400 !important;
	display: inline-flex !important;
	align-items: baseline !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	position: relative;
}.single .cdp-article__readtime::before {
	content: '·';
	position: absolute; left: 0;
	color: #B0B7C4; font-weight: 700;
}.single .cdp-article__readtime svg { display: none !important; }

/* SHARE volta a ficar visível */
.single .cdp-meta-share {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-left: auto !important;
	padding-left: 12px !important;
	border-left: 1px solid #E6E8EF !important;
	flex-shrink: 0 !important;
}
.single .cdp-meta-share__btn {
	width: 30px !important;
	height: 30px !important;
	border: 1px solid #E6E8EF !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #6b7384 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background .18s, color .18s, border-color .18s, transform .18s !important;
}
.single .cdp-meta-share__btn:hover {
	transform: translateY(-1px);
	color: #fff !important;
}
.single .cdp-meta-share__btn--wa:hover { background: #25D366 !important; border-color: #25D366 !important; }.single .cdp-meta-share__btn--x:hover { background: #000 !important; border-color: #000 !important; }.single .cdp-meta-share__btn--fb:hover { background: #1877F2 !important; border-color: #1877F2 !important; }.single .cdp-meta-share__btn--copy:hover { background: #0A1F4E !important; border-color: #0A1F4E !important; }

/* Mobile */
@media (max-width: 720px) {
	.single .cdp-article__subline {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}.single .cdp-article__subline .cdp-article__listen {
		margin-left: 0 !important;
	}.single .cdp-article__meta {
		flex-wrap: wrap !important;
	}.single .cdp-meta-share {
		margin-left: 0 !important;
		padding-left: 0 !important;
		border-left: none !important;
		width: 100%;
	}
}

/* ============================================================================
   21. v3.9.29 — Botão Ouvir em linha própria abaixo do meta, sem dourado
   ============================================================================ */

/* Linha própria do botão Ouvir Matéria */
.single .cdp-article__listen-row {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 16px;
	padding: 12px 0 0;
}

/* Botão Ouvir — sem dourado, só preto/cinza/azul */
.single .cdp-article__listen-row .cdp-article__listen,
.single .cdp-article__listen {
	background: transparent !important;
	border: 1px solid #D4DAE4 !important;
	color: #2b3756 !important;
	padding: 8px 18px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	border-radius: 99px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	transition: background .18s, border-color .18s, color .18s !important;
	white-space: nowrap !important;
	margin: 0 !important;
}
.single .cdp-article__listen:hover {
	background: #2b3756 !important;
	border-color: #2b3756 !important;
	color: #fff !important;
	transform: none !important;
}

/* Ícone do botão SEM dourado — herda cor do texto */
.single .cdp-article__listen svg {
	width: 13px !important;
	height: 13px !important;
	color: inherit !important;
	flex-shrink: 0 !important;
}

/* Subtítulo volta a ser linha simples (sem flex) */
.single .cdp-article__deck {
	font-family: var(--csp-serif);
	font-size: clamp(17px, 1.6vw, 20px);
	line-height: 1.5;
	color: #2b3756;
	margin: 0 0 16px !important;
	font-weight: 400;
	font-style: normal;
}

/* Mobile */
@media (max-width: 720px) {
	.single .cdp-article__listen-row {
		justify-content: stretch;
	}.single .cdp-article__listen-row .cdp-article__listen {
		width: 100%;
		justify-content: center;
	}
}

/* ============================================================================
   22. v3.9.31 — Slot de anúncio sidebar
   - Placeholder NEUTRO "Anuncie aqui" (cinza claro, sem chamada de email)
   - Bloco AD empurrado pra baixo (margin-top) para alinhar com botão OUVIR
   - Espaço entre AD e Enquete reduzido para Enquete cair próxima da foto
   ============================================================================ */

/* v3.9.38: Bloco AD com label "PUBLICIDADE" DENTRO do card +
 * margin-top calculado para empurrar a Enquete (próximo widget) até
 * alinhar com o topo da foto destacada do post.
 *
 * Cálculo: título (~140px) + subtítulo (~80px) + meta (~70px) + foto-top
 * O bloco AD tem ~150px de altura. Empurrar 380px do topo do sidebar coloca
 * o bloco AD na altura do meta/listen e a Enquete logo abaixo na altura
 * da foto. */
.cdp-sidebar-ad {
	margin-top: 380px;
	background: #F7F8FB;
	border: 1px solid #E6E8EF;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 16px;
	overflow: visible;
}
.cdp-sidebar-ad__label {
	display: block;
	font-family: var(--csp-sans);
	font-size: 10px;
	font-weight: 700;
	color: #B0B7C4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: left;
}

/* Slot do código real (AdSense, banner etc.) */
.cdp-sidebar-ad__slot {
	min-height: 0;
	display: block;
	background: transparent;
	border-radius: 0;
	overflow: hidden;
}
.cdp-sidebar-ad__slot > * {
	max-width: 100%;
}
.cdp-sidebar-ad__slot ins,
.cdp-sidebar-ad__slot iframe,
.cdp-sidebar-ad__slot img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Placeholder NEUTRO "Anuncie aqui" — cinza claro, discreto */
.cdp-sidebar-ad__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 80px;
	padding: 18px 12px;
	background: transparent;
	border: 1px dashed #D4DAE4;
	border-radius: 6px;
	color: #B0B7C4;
	text-align: center;
}
.cdp-sidebar-ad__placeholder svg {
	color: #C5CCD8;
	margin-bottom: 2px;
}
.cdp-sidebar-ad__placeholder-title {
	font-family: var(--csp-sans);
	font-size: 13px;
	font-weight: 600;
	color: #8E97A8;
	letter-spacing: 0.02em;
}
.cdp-sidebar-ad__placeholder-sub {
	font-family: var(--csp-sans);
	font-size: 11px;
	color: #B0B7C4;
	letter-spacing: 0.02em;
}

/* Mobile: zera margin-top — em mobile o sidebar vem depois do conteúdo, sem alinhamento horizontal */
@media (max-width: 980px) {
	.cdp-sidebar-ad {
		margin-top: 0;
		margin-bottom: 16px;
	}
}

/* ============================================================================
   23. v3.9.36 — Foto destacada estilo "Magazine Kicker" (Vanity Fair / Time)
   - Foto + barra azul-noite abaixo com citação em italic + crédito dourado
   - Linha dourada no topo da barra
   - Aspas decorativas douradas envolvendo a citação
   - Sombra sutil no conjunto inteiro
   ============================================================================ */
.single .cdp-article__featured--kicker {
	margin: 0 0 32px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 28px rgba(10, 31, 78, 0.10);
	background: var(--csp-bg, #fff);
}
.single .cdp-article__featured--kicker .cdp-article__featured-media {
	position: relative;
	background: #0A1F4E;
	line-height: 0;
}
.single .cdp-article__featured--kicker .cdp-article__featured-img,
.single .cdp-article__featured--kicker .cdp-article__featured-media img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	border-radius: 0;
}

/* Quando NÃO há barra — bordas arredondadas embaixo também */
.single .cdp-article__featured--kicker.cdp-article__featured--no-bar .cdp-article__featured-media {
	border-radius: 12px;
	overflow: hidden;
}

/* Barra inferior — azul-noite com gradient sutil */
.single .cdp-article__featured-bar {
	background: linear-gradient(135deg, #0A1F4E 0%, #122A66 100%);
	color: #fff;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	position: relative;
	overflow: hidden;
	font-size: 0;
}

/* Linha dourada decorativa no topo da barra */
.single .cdp-article__featured-bar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #C9A646 50%, transparent 100%);
}

/* Brilho radial sutil no canto */
.single .cdp-article__featured-bar::after {
	content: '';
	position: absolute;
	top: -40%;
	right: -10%;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(201, 166, 70, 0.16), transparent 70%);
	pointer-events: none;
}

/* Citação principal — serif italic */
.single .cdp-article__featured-quote {
	font-family: var(--csp-serif);
	font-style: italic;
	font-size: 15px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.92);
	flex: 1;
	letter-spacing: 0.005em;
	font-weight: 400;
	position: relative;
	z-index: 1;
}

/* Aspas decorativas douradas */
.single .cdp-article__featured-quote::before {
	content: '"';
	color: #C9A646;
	margin-right: 6px;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 0;
	vertical-align: -0.18em;
	font-family: var(--csp-serif);
}.single .cdp-article__featured-quote::after {
	content: '"';
	color: #C9A646;
	margin-left: 4px;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 0;
	vertical-align: -0.18em;
	font-family: var(--csp-serif);
}

/* Crédito — uppercase dourado pequeno à direita */
.single .cdp-article__featured-credit {
	font-family: var(--csp-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #C9A646;
	white-space: nowrap;
	flex-shrink: 0;
	border-left: 1px solid rgba(201, 166, 70, 0.32);
	padding-left: 14px;
	position: relative;
	z-index: 1;
}

/* Quando há SÓ crédito (sem citação) — alinha à direita sem divisória */
.single .cdp-article__featured-bar:has(.cdp-article__featured-credit:only-child) {
	justify-content: flex-end;
}.single .cdp-article__featured-credit:only-child {
	border-left: none;
	padding-left: 0;
}

/* Mobile — barra empilhada */
@media (max-width: 640px) {
	.single .cdp-article__featured-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 14px 18px;
	}.single .cdp-article__featured-quote {
		font-size: 14px;
	}.single .cdp-article__featured-credit {
		border-left: none;
		padding-left: 0;
	}
}