/* Trânsito ao vivo — usa as variáveis do tema Portal da Notícia quando existirem. */
.pdn-tr{
	--tr-azul:var(--azul,#0B3FA8);
	--tr-azul-suave:var(--azul-suave,#E7EEFB);
	--tr-tinta:var(--tinta,#101828);
	--tr-texto:var(--texto,#3D4656);
	--tr-sec:var(--texto-sec,#5A6372);
	--tr-borda:var(--borda,#E1E4E9);
	--tr-vermelho:var(--vermelho,#E4032E);
	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
	color:var(--tr-texto);
	font-size:14px;
	line-height:1.4;
	box-sizing:border-box;
}
.pdn-tr *,.pdn-tr *::before,.pdn-tr *::after{ box-sizing:border-box; }
.pdn-tr[hidden]{ display:none; }

.pdn-tr__pill{ display:inline-flex; align-items:center; gap:7px; background:var(--tr-vermelho); color:#fff; font:700 12.5px/1 'Inter',sans-serif; padding:6px 12px; border-radius:999px; white-space:nowrap; }
.pdn-tr__dot{ width:7px; height:7px; border-radius:50%; background:#fff; animation:pdn-tr-pulse 1.6s ease-in-out infinite; }
@keyframes pdn-tr-pulse{ 50%{ opacity:.35; } }

.pdn-tr__map{ position:relative; background:#EEF0F4; border-radius:14px; overflow:hidden; aspect-ratio:1/1; }
.pdn-tr__frame,.pdn-tr__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.pdn-tr__cover{ position:absolute; inset:0; z-index:2; display:block; }
.pdn-tr__where{ margin:0; font-size:12.5px; color:var(--tr-sec); }
.pdn-tr__geo{ display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--tr-borda); color:var(--tr-azul); border-radius:10px; padding:8px 12px; font:600 13px/1 'Inter',sans-serif; cursor:pointer; }
.pdn-tr__geo:hover{ background:var(--tr-azul-suave); }
.pdn-tr__geo svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* cartão (igual ao cartão "Ao vivo" do tema: filete vermelho no topo) */
.pdn-tr--card{ background:#fff; border:1px solid var(--tr-borda); border-top:4px solid var(--tr-vermelho); border-radius:18px; padding:16px 16px 18px; margin-bottom:22px; }
.pdn-tr--card .pdn-tr__head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.pdn-tr__peak{ font:500 12px/1 'Inter',sans-serif; color:var(--tr-sec); }
.pdn-tr__title{ margin:12px 0 2px; font:600 16px/1.35 'Inter',sans-serif; color:var(--tr-tinta); }
.pdn-tr__actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; margin-top:10px; }
.pdn-tr__full{ font:700 13px/1 'Inter',sans-serif; color:var(--tr-azul); text-decoration:none; }
.pdn-tr__full:hover{ text-decoration:underline; }

/* página */
.pdn-tr--page{ background:#fff; border:1px solid var(--tr-borda); border-top:4px solid var(--tr-vermelho); border-radius:18px; padding:16px; }
.pdn-tr__bar{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-bottom:14px; }
.pdn-tr__controls{ margin-left:auto; display:flex; flex-wrap:wrap; gap:8px; }
.pdn-tr__city{ height:38px; border:1px solid var(--tr-borda); border-radius:10px; padding:0 10px; font:600 13.5px 'Inter',sans-serif; color:var(--tr-tinta); background:#fff; min-width:200px; }
.pdn-tr__map--page{ aspect-ratio:auto; height:clamp(460px,72vh,820px); }
.pdn-tr__note{ margin:12px 0 0; font-size:12.5px; color:var(--tr-sec); }
.pdn-tr__waze{ color:var(--tr-azul); font-weight:700; text-decoration:none; }
.pdn-tr__waze:hover{ text-decoration:underline; }

@media (max-width:640px){
	.pdn-tr__controls{ margin-left:0; width:100%; }
	.pdn-tr__city{ flex:1; min-width:0; }
	.pdn-tr__map--page{ height:70vh; }
}
@media (prefers-reduced-motion:reduce){ .pdn-tr *{ animation:none!important; } }