@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/anybody/v13/VuJxdNvK2Ib2ppdWSK_dObFn.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/anybody/v13/VuJxdNvK2Ib2ppdWSKHdOQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0She1YmV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3NQ6P12-iJxAIgLYT1PLs1a-t7PU0AbeE9KPxYzNiCp1OUedn8VrLmQEiSh8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3NQ6P12-iJxAIgLYT1PLs1a-t7PU0AbeE9KPxYzNiCp1OUedn8VrLmTkiS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3PQ6P12-iJxAIgLa78DkTtAoDhk0oVpaK3YLanFLHpPf2TbLi4J__WTFCW.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3PQ6P12-iJxAIgLa78DkTtAoDhk0oVpaK3YLanFLHpPf2TbLi4J_HWTA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/*
  Trance.com.br — "fio UV" na Duda. Só estrutura, efeitos e movimento: cores, tamanhos e fontes dos textos
  ficam no tema e nos widgets (editáveis). As tintas UV dizem onde você está:
  amarelo = marca/pista/blog, ciano = chillout/Wikidelic, magenta = agenda, verde = cena.
  DOM da Duda: div.classe > section > .grid > .group (seção) > .group (coluna) > widget.
*/
:root {
  --tr-breu: var(--color_1, #120a2b);
  --tr-veludo: var(--color_2, #1e1245);
  --tr-veludo2: var(--color_3, #2a1a5e);
  --tr-luz: var(--color_4, #f1ecff);
  --tr-nevoa: var(--color_5, #b9b0de);
  --tr-roxo: var(--color_6, #a100ff);
  --tr-amarelo: var(--color_7, #ffe600);
  --tr-ciano: var(--color_8, #3ef0ff);
  --tr-magenta: var(--color_9, #ff4fd8);
  --tr-verde: var(--color_10, #8dff5a);
  --tr-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tr-linha: rgb(255 255 255 / 0.1);
  --tinta: var(--tr-amarelo);
}
.tinta-amarelo { --tinta: var(--tr-amarelo); }
.tinta-ciano { --tinta: var(--tr-ciano); }
.tinta-magenta { --tinta: var(--tr-magenta); }
.tinta-verde { --tinta: var(--tr-verde); }

/* body da Duda tem container-type que quebra position:fixed (painel do menu) */
body.dmRoot { container-type: normal !important; }
html, body, #dmRoot, .dmInner, .dmRespRow { background-color: var(--tr-breu); }
html { scroll-padding-top: 5rem; -webkit-text-size-adjust: 100%; }
::selection { background: var(--tr-amarelo); color: var(--tr-breu); }
:focus-visible { outline: 2px solid var(--tr-amarelo); outline-offset: 3px; border-radius: 2px; }
#dm .dmNewParagraph a, #dm .dmNewParagraph a:hover { text-decoration: none; }

/* Anybody: a largura (eixo wdth) é a voz dos títulos, como os flyers de festa. Só em tamanho grande. */
.tr-wide :is(h1, h2, h3, h4, p, span), h1, h2, h3.tr-wide, .tr-wide { font-variation-settings: "wdth" 140; }
.tr-xwide :is(h1, h2, p, span) { font-variation-settings: "wdth" 150 !important; }
.tr-titulo :is(h1, h2) { text-wrap: balance; margin: 0; }

/* Link com fio: sublinhado que estica da esquerda */
.link-fio, #dm .dmNewParagraph a.link-fio, .tr-foot-links a, .tr-atalhos a {
  background-image: linear-gradient(var(--tinta), var(--tinta));
  background-size: 0% 1px; background-repeat: no-repeat; background-position: 0 100%;
  transition: background-size 0.35s var(--tr-ease);
}
.link-fio:hover, .link-fio:focus-visible, a:hover > .link-fio, a:focus-visible > .link-fio,
.tr-foot-links a:hover, .tr-atalhos a:hover { background-size: 100% 1px; }
.dmNewParagraph a.link-fio, .tr-atalhos a, .tr-foot-links a { display: inline-flex !important; align-items: center; min-height: 44px; }

/* Listas de links (rodapé, atalhos): sem bullets nem recuo da Duda */
#dm .dmNewParagraph ul.unstyled { list-style: none; padding: 0; margin: 0; }
#dm .dmNewParagraph ul.unstyled li { text-indent: 0 !important; padding: 0; margin: 0; }
#dm .dmNewParagraph ul.unstyled li::before { display: none !important; content: none !important; }

/* ================================================================ header */
#dmFlexHeaderContainer { position: sticky; top: 0; z-index: 40; }
.tr-header, .tr-header #flex-header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
#flex-header { padding: 0 !important; }
.tr-bar .grid > .group { align-items: center; }
.tr-logo-col, .tr-nav-col, .tr-burger-col { align-self: center; }
.tr-logo img { width: 186px !important; height: auto !important; object-fit: contain; }
.tr-logo a { display: flex; align-items: center; min-height: 44px; }
.tr-nav .unifiednav__container { gap: 4px; }
.tr-nav .unifiednav__item-wrap > a.unifiednav__item { position: relative; padding: 0 14px !important; min-height: 44px; min-width: 44px; justify-content: center; }
.tr-nav .unifiednav__item-wrap > a .nav-item-text::after,
.tr-nav a.unifiednav__item::after { display: none !important; }
.tr-nav .unifiednav__item-wrap > a::before {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 1px; transform-origin: left;
  background: var(--tinta); box-shadow: 0 0 6px var(--tinta), 0 0 18px color-mix(in oklab, var(--tinta) 50%, transparent);
  transform: scaleX(0); opacity: 0; transition: transform 0.3s var(--tr-ease), opacity 0.3s;
}
.tr-nav .unifiednav__item-wrap > a:hover::before, .tr-nav .unifiednav__item-wrap > a:focus-visible::before,
.tr-nav .tr-atual > a::before, .tr-nav a[aria-current="page"]::before { transform: scaleX(1); opacity: 1; }
.tr-nav .unifiednav__item-wrap > a, .tr-nav .unifiednav__item-wrap > a:hover { color: var(--tr-luz) !important; }
.tr-burger button, .tr-burger .hamburgerButton { min-width: 44px; min-height: 44px; }
@media (min-width: 1024px) { .tr-burger-col { display: none !important; } }
@media (max-width: 1023px) {
  .tr-nav-col { display: none !important; }
  .tr-burger-col { display: flex !important; justify-content: flex-end; }
}
/* painel nativo do hambúrguer (Duda): só cores e tipografia, layout e animação nativos */
.tr-nav-v .unifiednav__item-wrap > a { font-variation-settings: "wdth" 140; justify-content: flex-start !important; gap: 16px; min-height: 56px; }
.tr-nav-v .unifiednav__item-wrap > a::before {
  content: ""; width: 24px; height: 1px; flex: none; background: var(--tinta); opacity: 0.4;
  box-shadow: 0 0 6px var(--tinta);
}
.tr-nav-v .tr-atual > a::before { opacity: 1; }
.tr-nav-v .unifiednav__item-wrap > a .nav-item-text::after { display: none !important; }

/* ================================================================ seções */
.tr-sec .grid > .group > .group, .tr-sec-ad .grid > .group > .group { width: 100%; }
.tr-cabeca { width: 100%; }
@media (max-width: 767px) {
  .tr-cabeca:not(.is-empilhado) { flex-direction: column !important; align-items: flex-start !important; }
}
.tr-cabeca-texto { flex: 1 1 auto; min-width: 0; }
.tr-cabeca-link { flex: none; }
.tr-palco { width: 100%; }
.tr-palco + .tr-palco, .tr-cabeca + .tr-palco { margin-top: 56px; }
@media (max-width: 767px) { .tr-cabeca + .tr-palco { margin-top: 40px; } }
.tr-mount { width: 100%; }

/* ================================================================ hero */
.tr-hero { position: relative; isolation: isolate; overflow: hidden; }
.tr-hero > section::before {
  content: ""; position: absolute; right: -160px; top: -40px; width: 900px; height: 900px; z-index: -1; pointer-events: none; /* preso ao topo: não anda com a altura (CLS) */
  border-radius: 50%; opacity: 0.6; filter: blur(64px);
  background: radial-gradient(closest-side, color-mix(in oklab, var(--tr-roxo) 55%, transparent), transparent);
}
.tr-hero .grid { background: transparent !important; }
.tr-hero .grid > .group { min-height: calc(100svh - 80px); align-items: center; }
@media (max-width: 1023px) {
  .tr-hero .grid > .group { min-height: 0; }
  .tr-hero-arte { order: -1; }
  .tr-hero-arte .tr-palco { width: 78%; margin: 0 auto -24px; }
}
.tr-hero-titulo h1 { margin: 0; }
.tr-hero-arte .tr-palco { max-width: 680px; margin-right: -64px; }
.tr-stringart-m { aspect-ratio: 1; }
.tr-stringart-m svg { width: 100%; height: 100%; display: block; touch-action: pan-y; user-select: none; }
.tr-corda { fill: none; stroke-width: 1.4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
@media (prefers-reduced-motion: no-preference) {
  .tr-encordoar .tr-corda { stroke-dasharray: 1; stroke-dashoffset: 1; animation: tr-encordoar 0.9s var(--tr-ease) forwards; animation-delay: calc(var(--i) * 9ms + 150ms); }
  .tr-encordoar .tr-ponto { opacity: 0; animation: tr-acender 0.8s ease-out forwards; animation-delay: calc(var(--i) * 180ms + 1.3s); }
}
@keyframes tr-encordoar { to { stroke-dashoffset: 0; } }
@keyframes tr-acender { from { opacity: 0; transform: scale(0.2); } to { opacity: 1; transform: scale(1); } }

.tr-proximo { --tinta: var(--tr-magenta); }
#dm .tr-proximo p { margin: 0; }
.tr-proximo-nome a { display: inline !important; min-height: 0 !important; }

/* ================================================================ entradas (CSS; só com movimento) */
@media (prefers-reduced-motion: no-preference) {
  .tr-js:not(.tr-parado) .tr-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.08em; margin-bottom: -0.08em; }
  .tr-js:not(.tr-parado) .tr-w > span { display: inline-block; transform: translateY(110%) rotate(4deg); transform-origin: left bottom; }
  .tr-js:not(.tr-parado) .tr-hero.tr-dentro .tr-w > span { animation: tr-sobe-palavra 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: calc(var(--i) * 80ms + 150ms); }
  .tr-js:not(.tr-parado) .tr-hero .tr-hero-lead, .tr-js:not(.tr-parado) .tr-hero .tr-proximo { opacity: 0; translate: 0 24px; }
  .tr-js:not(.tr-parado) .tr-hero.tr-dentro .tr-hero-lead { animation: tr-aparece 0.9s 0.7s var(--tr-ease) forwards; }
  .tr-js:not(.tr-parado) .tr-hero.tr-dentro .tr-proximo { animation: tr-aparece 0.9s 0.82s var(--tr-ease) forwards; }
  .tr-js:not(.tr-parado) .tr-titulo:not(.tr-hero-titulo) { clip-path: inset(0 0 0 0); }
  .tr-js:not(.tr-parado) .tr-titulo:not(.tr-hero-titulo) :is(h1, h2) > span { display: inline-block; transform: translateY(105%); }
  .tr-js:not(.tr-parado) .tr-titulo.tr-dentro :is(h1, h2) > span { animation: tr-sobe-linha 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  .tr-js:not(.tr-parado) .tr-sobe > * { opacity: 0; translate: 0 36px; }
  .tr-js:not(.tr-parado) .tr-sobe.tr-dentro > * { animation: tr-aparece 0.9s var(--tr-ease) forwards; }
  .tr-js:not(.tr-parado) .tr-sobe.tr-dentro > :nth-child(2) { animation-delay: 70ms; }
  .tr-js:not(.tr-parado) .tr-sobe.tr-dentro > :nth-child(3) { animation-delay: 140ms; }
  .tr-js:not(.tr-parado) .tr-sobe.tr-dentro > :nth-child(4) { animation-delay: 210ms; }
  .tr-js:not(.tr-parado) .tr-sobe.tr-dentro > :nth-child(n + 5) { animation-delay: 280ms; }
  .tr-js:not(.tr-parado) .tr-foto { clip-path: inset(100% 0 0 0); }
  .tr-js:not(.tr-parado) .tr-dentro .tr-foto, .tr-js:not(.tr-parado) .tr-foto.tr-dentro { animation: tr-abre-foto 1.3s cubic-bezier(0.87, 0, 0.13, 1) forwards; }
  .tr-js:not(.tr-parado) .tr-pulseiras-m .tr-pulseira { opacity: 0; transform: translateX(-140px) rotate(-7deg); }
  .tr-js:not(.tr-parado) .tr-pulseiras-m .tr-pulseira:nth-child(even) { transform: translateX(140px) rotate(7deg); }
  .tr-js:not(.tr-parado) .tr-pulseiras-m.tr-dentro .tr-pulseira { animation: tr-pulseira 1.1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; animation-delay: calc(var(--k, 0) * 90ms + 90ms); }
  .tr-js:not(.tr-parado) .tr-pulseiras-m.tr-dentro .tr-pulseira-patrocinada { animation-delay: 0ms; }
  .tr-js:not(.tr-parado) .tr-arranjo-m:not(.tr-dentro) .tr-clip { transform: scaleX(0); }
  .tr-js:not(.tr-parado) .tr-arranjo-m .tr-clip { transform-origin: left center; transition: transform 0.7s var(--tr-ease), box-shadow 0.2s, opacity 0.2s, filter 0.2s; }
  .tr-js:not(.tr-parado) .tr-letreiros-m .tr-letreiro-caixa { opacity: 0; translate: -30% 0; }
  .tr-js:not(.tr-parado) .tr-letreiros-m .tr-letreiro-caixa.b { translate: 30% 0; }
  .tr-js:not(.tr-parado) .tr-letreiros-m.tr-dentro .tr-letreiro-caixa { animation: tr-aparece 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
}
@keyframes tr-sobe-palavra { to { transform: none; } }
@keyframes tr-sobe-linha { to { transform: none; } }
@keyframes tr-aparece { to { opacity: 1; translate: 0 0; } }
@keyframes tr-abre-foto { to { clip-path: inset(0 0 0 0); } }
@keyframes tr-pulseira { to { opacity: 1; transform: none; } }

/* ================================================================ publicidade (tamanho reservado: sem CLS) */
.tr-ad { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; }
.tr-ad-rotulo { margin: 0 0 8px; font: 400 12px/1.4 "Instrument Sans", system-ui, sans-serif; color: var(--tr-nevoa); }
.tr-ad-caixa { position: relative; width: 100%; max-width: var(--cw); aspect-ratio: var(--cr); overflow: hidden; }
@media (min-width: 768px) { .tr-ad-caixa { max-width: var(--dw); aspect-ratio: var(--dr); } }
.tr-ad-caixa img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tr-ad-etq { position: absolute; left: 8px; top: 8px; z-index: 1; pointer-events: none; padding: 2px 6px; border-radius: 4px; background: rgb(18 10 43 / 0.85); font: 400 11px/1.3 "Instrument Sans", sans-serif; color: var(--tr-nevoa); }
.tr-ad-convite {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 100%; padding: 0 16px; text-align: center; text-decoration: none !important;
  background:
    linear-gradient(var(--tr-amarelo), var(--tr-amarelo)) top left / 14px 1px no-repeat, linear-gradient(var(--tr-amarelo), var(--tr-amarelo)) top left / 1px 14px no-repeat,
    linear-gradient(var(--tr-magenta), var(--tr-magenta)) top right / 14px 1px no-repeat, linear-gradient(var(--tr-magenta), var(--tr-magenta)) top right / 1px 14px no-repeat,
    linear-gradient(var(--tr-ciano), var(--tr-ciano)) bottom left / 14px 1px no-repeat, linear-gradient(var(--tr-ciano), var(--tr-ciano)) bottom left / 1px 14px no-repeat,
    linear-gradient(var(--tr-verde), var(--tr-verde)) bottom right / 14px 1px no-repeat, linear-gradient(var(--tr-verde), var(--tr-verde)) bottom right / 1px 14px no-repeat,
    color-mix(in oklab, var(--tr-veludo) 70%, transparent);
  outline: 1px dashed rgb(255 255 255 / 0.12); outline-offset: -1px; transition: background-color 0.3s;
  font-family: "Instrument Sans", system-ui, sans-serif;
}
.tr-ad-convite:hover { background-color: var(--tr-veludo); }
.tr-ad-convite > span { line-height: 1.35; }
.tr-ad-t { font-weight: 600; font-size: 17px; color: var(--tr-luz); }
.tr-ad-s { font-size: 14px; color: var(--tr-nevoa); }
.tr-ad-fale { color: var(--tr-amarelo); text-decoration: underline; text-underline-offset: 4px; }
.tr-ad-convite:hover .tr-ad-fale { text-decoration: none; }
.tr-ad-medida { margin-top: 4px; font-size: 12px; font-variant-numeric: tabular-nums; color: rgb(185 176 222 / 0.8); }
.m-desk { display: none; }
@media (min-width: 768px) { .m-desk { display: inline; } .m-cel { display: none; } }
.tr-ad-linha .tr-ad-convite { padding-top: 16px; }
.tr-ad-linha .tr-ad-t { font-size: 15px; }
@media (max-width: 639px) { .tr-ad-linha .tr-ad-medida { display: none; } }
.tr-sec-ad .grid > .group > .group { align-items: center; }

/* ================================================================ do blog (home): widgets nativos de posts */
#dm .tr-blog-colunas:not(#_a) { align-items: flex-start; }
@media (max-width: 1023px) { #dm .tr-blog-colunas:not(#_a) { flex-direction: column !important; row-gap: 48px; } #dm .tr-blog-dest:not(#_a), #dm .tr-blog-lista:not(#_a) { width: 100% !important; } }
.tr-anuncio-linha { margin-top: 20px; }

/* ================================================================ agenda em pulseiras (home) */
.tr-pulseiras-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.tr-pulseira {
  position: relative; display: flex; align-items: center; gap: 32px; min-height: 80px; padding: 12px 32px; border-radius: 14px; color: var(--tr-breu);
  background-color: var(--c);
  background-image: repeating-linear-gradient(90deg, rgb(0 0 0 / 0.07) 0 2px, transparent 2px 6px), repeating-linear-gradient(0deg, rgb(255 255 255 / 0.1) 0 1px, transparent 1px 4px);
  box-shadow: 0 0 28px -6px var(--c); rotate: var(--r, 0deg); transition: rotate 0.4s var(--tr-ease), scale 0.4s var(--tr-ease);
}
.tr-pulseira:hover, .tr-pulseira:focus-within { rotate: 0deg; scale: 1.02; }
.tr-pulseira.is-passado { color: var(--tr-luz); box-shadow: none; }
.tr-pul-data { width: 112px; flex: none; font: 700 36px/1 Anybody, sans-serif; font-variation-settings: "wdth" 140; }
.tr-pul-data .dia { display: block; }
.tr-pul-data .mes { display: block; margin-top: 4px; font: 600 14px/1.2 "Instrument Sans", sans-serif; font-variation-settings: normal; }
.tr-pul-pub { font: 600 12px/1.3 "Instrument Sans", sans-serif; color: var(--tr-nevoa); font-variation-settings: normal; }
.tr-pul-txt { flex: 1; min-width: 0; }
.tr-pul-nome { font: 700 24px/1.15 "Instrument Sans", sans-serif; color: inherit !important; text-decoration: none; }
.tr-pul-nome::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.tr-pul-sub { display: block; font: 500 14px/1.4 "Instrument Sans", sans-serif; opacity: 0.8; }
.tr-pul-furos { display: flex; gap: 6px; }
.tr-pul-furos i { width: 10px; height: 10px; border-radius: 50%; background: rgb(0 0 0 / 0.25); }
.tr-pulseira-patrocinada {
  color: var(--tr-luz); box-shadow: none; outline: 1px dashed rgb(255 255 255 / 0.25); outline-offset: -1px; background-color: var(--tr-veludo);
  background-image: repeating-linear-gradient(-45deg, color-mix(in oklab, var(--tr-amarelo) 22%, transparent) 0 14px, color-mix(in oklab, var(--tr-magenta) 22%, transparent) 14px 28px,
    color-mix(in oklab, var(--tr-ciano) 22%, transparent) 28px 42px, color-mix(in oklab, var(--tr-verde) 22%, transparent) 42px 56px);
}
.tr-pulseira-patrocinada .tr-pul-sub { color: var(--tr-nevoa); opacity: 1; }
@media (max-width: 639px) {
  .tr-pulseira { gap: 20px; padding: 12px 20px; }
  .tr-pul-data { width: 80px; font-size: 30px; }
  .tr-pul-nome { font-size: 20px; }
  .tr-pul-furos { display: none; }
}

/* ================================================================ arranjo de BPM */
.tr-arr { overflow: hidden; border: 1px solid var(--tr-linha); border-radius: 12px; background: #0c0620; font: 400 13px/1.3 "Instrument Sans", sans-serif; color: var(--tr-luz); box-shadow: 0 30px 80px -30px rgb(0 0 0 / 0.8); }
.tr-arr-transporte { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--tr-linha); background: #170e33; }
.tr-arr-visor, .tr-arr-compasso { display: flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 6px; background: rgb(0 0 0 / 0.5); font: 400 16px/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; color: var(--tr-amarelo); }
.tr-arr-compasso { color: var(--tr-nevoa); }
.tr-arr-bpm { color: var(--tr-nevoa); }
.tr-arr-som { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 0; border-radius: 6px; background: rgb(255 255 255 / 0.05); color: var(--tr-luz); font: 500 13px/1 "Instrument Sans", sans-serif; cursor: pointer; }
.tr-arr-som:hover { background: rgb(255 255 255 / 0.1); }
.tr-arr-som[aria-pressed="true"] { background: var(--tr-magenta); color: var(--tr-breu); }
.tr-arr-som .ic { width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cline x1='22' x2='16' y1='9' y2='15'/%3E%3Cline x1='16' x2='22' y1='9' y2='15'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cline x1='22' x2='16' y1='9' y2='15'/%3E%3Cline x1='16' x2='22' y1='9' y2='15'/%3E%3C/svg%3E") center / contain no-repeat; }
.tr-arr-som[aria-pressed="true"] .ic {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.4 18.4a9 9 0 0 0 0-12.7'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.4 18.4a9 9 0 0 0 0-12.7'/%3E%3C/svg%3E"); }
.tr-arr-msg { margin-left: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tr-nevoa); }
.tr-arr-rolo { overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--tr-veludo2) transparent; }
.tr-arr-grade { position: relative; min-width: 820px; display: grid; grid-template-columns: 1fr 190px; }
@media (max-width: 639px) { .tr-arr-grade { grid-template-columns: 1fr 84px; } }
.tr-arr-regua { position: relative; height: 32px; border-bottom: 1px solid var(--tr-linha); background: #130a2b; }
.tr-rg { position: absolute; bottom: 0; height: 100%; border-left: 1px solid rgb(255 255 255 / 0.2); }
.tr-rg > span { position: absolute; top: 4px; left: 4px; font: 400 11px/1 ui-monospace, monospace; font-variant-numeric: tabular-nums; color: rgb(185 176 222 / 0.6); }
.tr-rg > span.forte { color: var(--tr-luz); }
.tr-rg > span.fim { left: auto; right: 4px; }
.tr-arr-th { display: flex; align-items: center; padding: 0 12px; border-left: 1px solid var(--tr-linha); border-bottom: 1px solid var(--tr-linha); background: #130a2b; font-size: 11px; color: var(--tr-nevoa); }
.tr-arr-pistas { position: relative;
  background-image: repeating-linear-gradient(90deg, rgb(255 255 255 / 0.07) 0 1px, transparent 1px calc(100% / 16)), repeating-linear-gradient(90deg, rgb(255 255 255 / 0.03) 0 1px, transparent 1px calc(100% / 32)); }
.tr-arr-grupo { height: 28px; border-bottom: 1px solid var(--tr-linha); background: rgb(255 255 255 / 0.04); }
.tr-arr-trilha { position: relative; height: 32px; border-bottom: 1px solid rgb(255 255 255 / 0.06); }
.tr-arr-trilha.par { background: rgb(255 255 255 / 0.015); }
.tr-clip {
  position: absolute; top: 2px; bottom: 2px; display: flex; flex-direction: column; overflow: hidden; border-radius: 3px; outline-offset: 1px; text-decoration: none;
  background: color-mix(in oklab, var(--c) 55%, #0c0620); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--c) 70%, transparent); transition: box-shadow 0.2s, opacity 0.2s;
}
.tr-clip svg { width: 100%; height: 100%; display: block; fill: #0c0620; opacity: 0.55; }
.tr-clip.aceso { box-shadow: 0 0 0 1px var(--c), 0 0 16px var(--c); }
.tr-clip.apagado { opacity: 0.25; }
.tr-clip-nome { display: block; height: 14px; flex: none; overflow: hidden; padding: 0 6px; font: 600 10.5px/14px "Instrument Sans", sans-serif; color: #0c0620; white-space: nowrap; text-overflow: ellipsis; }
.tr-arr-cursor { position: absolute; top: 0; bottom: 0; width: 1px; pointer-events: none; background: rgb(241 236 255 / 0.7); }
.tr-arr-cursor > span { position: absolute; top: 0; left: 4px; padding: 0 4px; border-radius: 3px; background: var(--tr-luz); font: 400 11px/1.4 ui-monospace, monospace; color: var(--tr-breu); }
.tr-arr-cabs { position: sticky; right: 0; border-left: 1px solid var(--tr-linha); background: #130a2b; }
.tr-arr-gcab { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 8px; border-bottom: 1px solid var(--tr-linha); background: rgb(255 255 255 / 0.06); font-size: 12px; font-weight: 600; }
.tr-arr-gcab .q, .tr-arr-crot .q { width: 8px; height: 8px; border-radius: 2px; background: var(--tr-amarelo); }
.q.ciano { background: var(--tr-ciano) !important; }
.tr-arr-cab { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 6px; border-bottom: 1px solid rgb(255 255 255 / 0.06); }
.tr-arr-cab .nome { display: flex; align-items: center; flex: 1; min-width: 0; height: 24px; overflow: hidden; padding: 0 6px; border-radius: 3px; font-size: 12px; font-weight: 600; color: #0c0620; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; }
.tr-arr-cab .num { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 3px; background: rgb(255 230 0 / 0.9) !important; font: 400 11px/1 ui-monospace, monospace; color: var(--tr-breu); }
.tr-arr-cab .solo { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: rgb(255 255 255 / 0.1); color: var(--tr-luz); font: 400 11px/1 ui-monospace, monospace; cursor: pointer; }
.tr-arr-cab .solo:hover { background: rgb(255 255 255 / 0.2); }
.tr-arr-cab .solo[aria-pressed="true"] { background: var(--tr-ciano); color: var(--tr-breu); }
@media (max-width: 639px) {
  .tr-arr-cab .nome { display: none; }
  .tr-arr-cab .num { width: 32px; background: var(--c) !important; }
  .tr-arr-msg { flex-basis: 100%; margin-left: 0; white-space: normal; }
}
/* compacto (página do estilo) */
.tr-arr.is-compacto .tr-arr-transporte { padding: 4px 12px; }
.tr-arr.is-compacto .tr-arr-visor { height: 28px; font-size: 14px; }
.tr-arr.is-compacto .tr-arr-msg { font-size: 12px; }
.tr-arr-comp { position: relative; min-width: 640px; padding: 0 12px 12px; display: grid; grid-template-columns: 5rem 1fr; }
.tr-arr-comp .tr-arr-regua { grid-column: 2; height: 24px; background: transparent; }
.tr-arr-crot { grid-column: 1; }
.tr-arr-crot-g { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; }
.tr-arr-comp .tr-arr-pistas { grid-column: 2; background-image: repeating-linear-gradient(90deg, rgb(255 255 255 / 0.07) 0 1px, transparent 1px calc(100% / 16)); }
.tr-arr-cgrupo { position: relative; padding: 6px 0 4px; }
.tr-arr-cgrupo + .tr-arr-cgrupo { border-top: 1px solid var(--tr-linha); }
.tr-arr-clinha { position: relative; height: 12px; }
.tr-arr-comp .tr-clip { border-radius: 2px; }
.tr-arr-comp .tr-clip svg { opacity: 0.5; }
.tr-arr-comp .tr-clip.aceso { background: color-mix(in oklab, var(--c) 85%, #0c0620); box-shadow: 0 0 0 1px var(--c), 0 0 14px var(--c); }
.tr-arr-comp .tr-clip.apagado { opacity: 1; background: color-mix(in oklab, var(--c) 28%, #0c0620); }
.tr-arr-tip { position: absolute; z-index: 10; translate: -50% -100%; white-space: nowrap; pointer-events: none; padding: 6px 12px; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 6px; background: #170e33; box-shadow: 0 10px 30px rgb(0 0 0 / 0.5); }
.tr-arr-tip.embaixo { translate: -50% 0; }
.tr-arr-tip .n { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.tr-arr-tip .b { display: block; font: 400 11px/1.4 ui-monospace, monospace; color: var(--tr-nevoa); }
.tr-arr-tip .tocando { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: tr-pisca 1s ease-in-out infinite; }
@keyframes tr-pisca { 50% { opacity: 0.3; } }

/* ================================================================ letreiros da cena */
.tr-letreiros-m { overflow: hidden; }
.tr-letreiro-caixa { overflow: hidden; }
.tr-letreiro { display: flex; width: max-content; }
.tr-letreiro ul { display: flex; align-items: center; flex: none; list-style: none; margin: 0; padding: 0; }
.tr-letreiro li { display: flex; align-items: center; }
.tr-letreiro a { padding: 0 12px; white-space: nowrap; font: 700 clamp(2.2rem, 5.4vw, 4.4rem)/1.15 Anybody, sans-serif; font-variation-settings: "wdth" 140; color: var(--tr-luz); text-decoration: none; transition: color 0.2s; }
.tr-letreiro-caixa.b a { color: var(--tr-nevoa); }
.tr-letreiro a:hover, .tr-letreiro a:focus-visible { color: var(--tr-verde); }
.tr-tri { height: 0.4em; width: auto; margin: 0 8px; flex: none; fill: none; stroke: var(--tr-verde); stroke-width: 1.3; font-size: clamp(2.2rem, 5.4vw, 4.4rem); }
@media (prefers-reduced-motion: no-preference) {
  .tr-letreiro.mov { animation: tr-correr var(--d, 60s) linear infinite; }
  .tr-letreiro.mov.reverso { animation-direction: reverse; }
  .tr-letreiros:hover .tr-letreiro.mov { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
  .tr-letreiro { flex-wrap: wrap; width: auto; }
  .tr-letreiro [aria-hidden] { display: none; }
}
html[data-pausado] .mov, html[data-pausado] .mov * { animation-play-state: paused !important; }
@keyframes tr-correr { to { transform: translateX(-50%); } }
/* a seção da cena sangra: os letreiros vão de borda a borda */
.tr-home-cena .tr-letreiros-m { width: 100vw; margin-left: calc(50% - 50vw); }
.tr-pausa { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 12px 0 0 auto; padding: 0; border: 0; background: none; color: var(--tr-nevoa); font: 400 14px/1 "Instrument Sans", sans-serif; cursor: pointer; float: right; }
.tr-pausa:hover { color: var(--tr-luz); }
.tr-pausa .ic { width: 16px; height: 16px; background: linear-gradient(90deg, currentColor 0 35%, transparent 35% 65%, currentColor 65%); }
.tr-pausa[aria-pressed="true"] .ic { background: currentColor; clip-path: polygon(15% 5%, 95% 50%, 15% 95%); }
.tr-home-cena .tr-letreiros-m { overflow: visible; }
.tr-letreiros-m::after { content: ""; display: block; clear: both; }

/* atalhos da cena */
.tr-atalhos { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--tr-linha); }
#dm .tr-atalhos ul { display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 4px; }
.tr-atalhos a { color: var(--tr-luz) !important; font: 400 18px/1.4 "Instrument Sans", sans-serif; }

/* ================================================================ footer */
.tr-foot .grid > .group { align-items: flex-start; }
.tr-foot-h h1, .tr-foot-h p { margin: 0; }
.tr-foot-links a { color: var(--tr-luz) !important; min-width: 44px; }
.tr-legal .grid { border-top: 1px solid var(--tr-linha); }
.tr-loader { display: none !important; }
@media (max-width: 767px) { .tr-foot-col { width: 100% !important; } }
.tr-borda > section > .grid { border-top: 1px solid var(--tr-linha); }
.tr-bar > section > .grid { border-bottom: 1px solid var(--tr-linha); }

/* header na mesma largura do conteúdo (1320 - respiro) */
.tr-bar > section > .grid { max-width: 1256px; margin-inline: auto; }
.tr-nav-col { justify-content: flex-end; }
.tr-nav-col .tr-nav { width: auto !important; margin-left: auto; }
.tr-home-cena > section, .tr-hero > section { overflow: hidden; }

/* widgets HTML (palcos) ocupam a coluna inteira: o wrapper da Duda encolhe ao conteúdo */
#dm .tr-palco:not(#_a), #dm .tr-anuncio:not(#_a) { width: 100% !important; max-width: 100% !important; align-self: stretch !important; }
.tr-palco > *, .tr-anuncio > *, .tr-mount > * { width: 100%; }
/* header: logo do tamanho dele, menu ocupa o resto e encosta à direita */
#dm .tr-logo-col:not(#_a) { flex: 0 0 auto !important; width: auto !important; }
#dm .tr-nav-col:not(#_a) { flex: 1 1 auto !important; width: auto !important; align-items: flex-end !important; }
.tr-nav .unifiednav__container { flex-wrap: nowrap !important; justify-content: flex-end !important; }
.tr-pulseira .tr-pul-data.tr-pul-pub { font: 600 12px/1.3 "Instrument Sans", sans-serif; font-variation-settings: normal; }

/* ================================================================ páginas: topo, rótulo */
.tr-topo .grid > .group > .group { width: 100%; }
.tr-rotulo p { margin: 0; }

/* ================================================================ Wikidelic */
.tr-estilos-grade { list-style: none; margin: 64px 0 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
@media (min-width: 1024px) { .tr-estilos-grade { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.tr-estilo-card { position: relative; overflow: hidden; border-radius: 12px; background: var(--tr-veludo); }
.tr-estilo-img { aspect-ratio: 16 / 10; overflow: hidden; background: var(--tr-veludo2); }
.tr-estilo-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.75; filter: saturate(0.8); transition: opacity 0.5s, scale 0.5s; display: block; }
.tr-estilo-card:hover .tr-estilo-img img { opacity: 1; scale: 1.04; }
.tr-estilo-txt { padding: 16px; font-family: "Instrument Sans", sans-serif; }
.tr-estilo-txt .t { margin: 0; font-size: 14px; }
#dm .tr-estilo-txt h3 { margin: 4px 0 0; font: 600 20px/1.3 "Instrument Sans", sans-serif !important; font-variation-settings: normal; }
.tr-estilo-txt h3 a, .tr-grav-card a { color: var(--tr-luz); text-decoration: none; }
.tr-estilo-txt h3 a::after, .tr-grav-card a::after { content: ""; position: absolute; inset: 0; }
.tr-estilo-txt .alt { margin: 4px 0 0; font-size: 14px; color: var(--tr-nevoa); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr-gpais { margin-top: 40px; }
#dm .tr-gpais h3 { margin: 0; font: 600 14px/1.4 "Instrument Sans", sans-serif !important; color: var(--tinta); font-variation-settings: normal; }
.tr-grav-grade { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
@media (min-width: 1024px) { .tr-grav-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tr-grav-card { position: relative; display: flex; align-items: center; gap: 16px; padding: 16px; border-radius: 12px; background: var(--tr-veludo); font: 600 16px/1.35 "Instrument Sans", sans-serif; }
.tr-grav-card .p { display: block; font-weight: 400; font-size: 14px; color: var(--tr-nevoa); }
.tr-glogo { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: var(--tr-veludo2); box-shadow: 0 0 0 1px var(--tr-linha); font: 700 20px/1 Anybody, sans-serif; font-variation-settings: "wdth" 140; color: var(--tr-nevoa); transition: box-shadow 0.2s; }
.tr-glogo img { width: 100%; height: 100%; object-fit: cover; }

/* ================================================================ Sobre */
.tr-sobre-arte .tr-palco { max-width: 440px; margin-inline: auto; }
@media (max-width: 1023px) { .tr-sobre-arte { order: 0 !important; } .tr-sobre-arte .tr-palco { width: 70% !important; margin: 0 auto !important; } }
.tr-pilares-col { display: grid !important; gap: 40px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.tr-pilar { position: relative; padding-left: 24px !important; }
.tr-pilar::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: var(--tinta); box-shadow: 0 0 6px var(--tinta), 0 0 18px color-mix(in oklab, var(--tinta) 50%, transparent); }
.tr-historia-texto { margin-left: 16% !important; }
@media (max-width: 767px) { .tr-historia-texto { margin-left: 0 !important; } }
.tr-leitura p + p { margin-top: 1.1em; }
#dm .tr-fale-cards:not(#_a) { display: grid !important; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
#dm .tr-leitura .rteBlock + .rteBlock, #dm .tr-sobre-texto .rteBlock + .rteBlock { margin-top: 1.1em !important; }

/* ================================================================ busca, filtros, chips (diretórios e agenda) */
.tr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tr-mount { font-family: "Instrument Sans", system-ui, sans-serif; color: var(--tr-luz); }
.tr-carregando { padding: 24px 0; color: var(--tr-nevoa); }
.tr-busca { display: block; }
.tr-busca-rot, .tr-sel > span { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--tr-nevoa); }
.tr-sel > span { font-size: 12px; margin-bottom: 4px; }
.tr-busca-caixa { position: relative; display: block; }
.tr-lupa { position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; translate: 0 -50%; fill: none; stroke: var(--tr-nevoa); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.tr-busca input { width: 100%; height: 52px; padding: 0 48px; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 999px; background: var(--tr-veludo); color: var(--tr-luz); font: 400 16px/1 "Instrument Sans", sans-serif; }
.tr-busca input::placeholder { color: rgb(185 176 222 / 0.7); }
.tr-busca input:focus { outline: none; border-color: var(--tinta); }
.tr-busca input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.tr-limpa { position: absolute; right: 4px; top: 50%; width: 44px; height: 44px; translate: 0 -50%; border: 0; border-radius: 50%; background: none; color: var(--tr-nevoa); font-size: 22px; cursor: pointer; }
.tr-limpa:hover { color: var(--tr-luz); }
.tr-sel { display: block; min-width: 0; }
.tr-sel select { width: 100%; height: 52px; padding: 0 12px; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 8px; background: var(--tr-veludo); color: var(--tr-luz); font: 400 14px/1 "Instrument Sans", sans-serif; }
.tr-sel select:focus { outline: none; border-color: var(--tinta); }
.tr-sel select:disabled { opacity: 0.4; }
.tr-filtros-cena { display: grid; gap: 16px; }
@media (min-width: 1024px) { .tr-filtros-cena { grid-template-columns: minmax(280px, 380px) 1fr 1fr; align-items: end; } }
.tr-filtros-neg { display: flex; flex-wrap: wrap; align-items: center; column-gap: 24px; row-gap: 8px; }
.tr-filtros-neg .tr-busca { width: 100%; }
@media (min-width: 640px) { .tr-filtros-neg .tr-busca { width: 26rem; } }
.tr-filtros-neg .tr-conta { margin: 0; }
.tr-chips { display: flex; gap: 8px; margin-top: 16px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; scrollbar-color: var(--tr-veludo2) transparent; }
@media (min-width: 1024px) { .tr-chips { flex-wrap: wrap; } }
.tr-chip { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 44px; padding: 0 16px; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 999px; background: none; color: var(--tr-luz); font: 400 14px/1 "Instrument Sans", sans-serif; white-space: nowrap; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.tr-chip:hover { border-color: rgb(255 255 255 / 0.4); }
.tr-chip[aria-pressed="true"] { border-color: transparent; background: var(--t, var(--tinta)); color: var(--tr-breu); }
.tr-chip:disabled { opacity: 0.35; cursor: default; }
.tr-chip .n { opacity: 0.6; font-variant-numeric: tabular-nums; }
.tr-chip .bolinha { width: 10px; height: 10px; border-radius: 50%; background: var(--t); }
.tr-conta { margin: 24px 0 0; font-size: 14px; color: var(--tr-nevoa); }
.tr-mais { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 48px; border: 1px solid rgb(255 255 255 / 0.2); border-radius: 999px; background: none; color: var(--tr-luz); font: 500 16px/1 "Instrument Sans", sans-serif; cursor: pointer; }
.tr-mais:hover { border-color: var(--tinta); color: var(--tinta); }
.tr-cabeca + .tr-palco.tr-cena, .tr-cabeca + .tr-palco.tr-negocios { margin-top: 40px; }

/* cena: fotos redondas */
.tr-perfis { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; }
@media (min-width: 640px) { .tr-perfis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .tr-perfis { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.tr-perfil { position: relative; text-align: center; }
.tr-perfil-foto { display: block; width: 100%; max-width: 160px; aspect-ratio: 1; margin: 0 auto; overflow: hidden; border-radius: 50%; background: var(--tr-veludo); box-shadow: 0 0 0 1px var(--tr-linha); transition: box-shadow 0.2s; }
.tr-perfil-foto img { width: 100%; height: 100%; object-fit: cover; }
.tr-perfil:hover .tr-perfil-foto { box-shadow: 0 0 0 2px var(--tr-verde); }
.tr-perfil a { display: block; margin-top: 12px; font-weight: 600; line-height: 1.35; color: var(--tr-luz); text-decoration: none; }
.tr-perfil a::after { content: ""; position: absolute; inset: 0; }
.tr-perfil .s { display: block; font-size: 14px; color: var(--tr-nevoa); }

/* lojas e serviços */
ul.tr-neg-lista { list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 640px) { ul.tr-neg-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { ul.tr-neg-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tr-negocio { display: flex; align-items: flex-start; gap: 16px; height: 100%; padding: 16px; border-radius: 12px; background: var(--tr-veludo); color: var(--tr-luz); text-decoration: none; transition: background 0.2s; }
.tr-negocio:hover { background: var(--tr-veludo2); }
.tr-neg-logo { width: 64px; height: 64px; flex: none; overflow: hidden; border-radius: 50%; background: var(--tr-veludo2); box-shadow: 0 0 0 1px var(--tr-linha); transition: box-shadow 0.2s; }
.tr-negocio:hover .tr-neg-logo { box-shadow: 0 0 0 2px var(--tr-verde); }
.tr-neg-logo img { width: 100%; height: 100%; object-fit: cover; }
.tr-neg-txt { min-width: 0; flex: 1; }
.tr-neg-txt .n { display: block; font-weight: 600; line-height: 1.35; }
.tr-neg-txt .t { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: var(--tr-verde); }
.tr-neg-txt .r { display: -webkit-box; margin-top: 6px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: var(--tr-nevoa); }

/* ================================================================ agenda (busca + mapa) */
#dm .tr-agenda-pg > section > .grid > .group:not(#_a) { max-width: 1376px !important; margin-inline: auto !important; }
.tr-ag { display: grid; gap: 24px; }
@media (min-width: 1024px) { .tr-ag { grid-template-columns: minmax(400px, 500px) 1fr; gap: 32px; } .tr-ag-mapa { order: 2; } }
.tr-ag-mapa > .tr-mapa { height: 42svh; min-height: 280px; overflow: hidden; border: 1px solid var(--tr-linha); border-radius: 16px; }
@media (min-width: 1024px) { .tr-ag-mapa { position: relative; } .tr-ag-mapa > .tr-mapa { position: sticky; top: 96px; height: calc(100svh - 120px); } }
.tr-ag-lado { min-width: 0; }
.tr-ag-filtros > * + * { margin-top: 16px; }
.tr-ag-quando { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: 999px; background: var(--tr-veludo); }
.tr-ag-quando button { min-height: 44px; padding: 0 8px; border: 0; border-radius: 999px; background: none; color: var(--tr-nevoa); font: 500 14px/1 "Instrument Sans", sans-serif; cursor: pointer; }
.tr-ag-quando button:hover { color: var(--tr-luz); }
.tr-ag-quando button[aria-checked="true"] { background: var(--tr-magenta); color: var(--tr-breu); }
.tr-ag-quando .n, .tr-chip .n { opacity: 0.7; font-variant-numeric: tabular-nums; }
.tr-ag-cats { flex-wrap: wrap; margin-top: 16px; }
.tr-ag-sels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tr-ag-sels select { height: 44px; }
.tr-ag-extras { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 4px; }
.tr-ag-perto, .tr-ag-limpar { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; border: 0; background: none; color: var(--tr-luz); font: 500 14px/1 "Instrument Sans", sans-serif; cursor: pointer; }
.tr-ag-perto svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.tr-ag-perto:hover, .tr-ag-perto[aria-pressed="true"] { color: var(--tr-magenta); }
.tr-ag-limpar { color: var(--tr-nevoa); text-decoration: underline; text-underline-offset: 4px; font-weight: 400; }
.tr-ag-somapa { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; cursor: pointer; }
.tr-ag-somapa input { width: 16px; height: 16px; accent-color: var(--tr-magenta); }
.tr-ag-aviso { margin: 0; font-size: 14px; color: var(--tr-nevoa); }
.tr-ag-conta { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--tr-linha); }
.tr-ag-lista { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.tr-ag-card { position: relative; display: flex; align-items: center; gap: 16px; min-height: 0; padding: 12px 12px 12px 16px; overflow: hidden; border-radius: 12px; background: var(--tr-veludo); color: var(--tr-luz); box-shadow: none; transition: translate 0.3s, box-shadow 0.3s; }
.tr-ag-card.tr-pulseira { color: var(--tr-breu); box-shadow: none; }
.tr-ag-card.is-ativo { translate: 0 -2px; box-shadow: 0 0 0 2px var(--tinta-card), 0 0 24px -4px var(--tinta-card); }
.tr-ag-card .faixa { position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--c); }
.tr-ag-card .d { width: 56px; flex: none; margin: 0; text-align: center; line-height: 1; }
.tr-ag-card .dia { display: block; font: 700 27px/1 Anybody, sans-serif; font-variation-settings: "wdth" 140; }
.tr-ag-card .mes { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; }
.tr-ag-card:not(.is-futuro) .mes { color: var(--tr-nevoa); }
.tr-ag-card .tx { min-width: 0; flex: 1; }
#dm .tr-ag-card h3 { margin: 0; font: 600 16px/1.35 "Instrument Sans", sans-serif !important; font-variation-settings: normal; }
.tr-ag-card h3 a { color: inherit; text-decoration: none; }
.tr-ag-card h3 a::after { content: ""; position: absolute; inset: 0; }
.tr-ag-card h3 a:focus-visible { outline: none; text-decoration: underline; }
.tr-ag-card .s { margin: 2px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.tr-ag-card.is-futuro .s { opacity: 0.8; }
.tr-ag-card:not(.is-futuro) .s { color: var(--tr-nevoa); }
.tr-ag-card img { display: none; width: 56px; height: 56px; flex: none; object-fit: cover; border-radius: 8px; }
@media (min-width: 640px) { .tr-ag-card img { display: block; } }
.tr-ag-card .pino { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; padding: 0; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; }
.tr-ag-card .pino svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.tr-ag-card.is-futuro .pino:hover { background: rgb(0 0 0 / 0.15); }
.tr-ag-card:not(.is-futuro) .pino { color: var(--tr-nevoa); }
.tr-ag-card:not(.is-futuro) .pino:hover { background: rgb(255 255 255 / 0.1); color: var(--tr-luz); }
.tr-ag-vazio { padding: 24px; border-radius: 12px; background: var(--tr-veludo); font-size: 14px; color: var(--tr-nevoa); }
.tr-ag-vazio p { margin: 0; }
.tr-ag-vazio .t { font-size: 16px; font-weight: 600; color: var(--tr-luz); margin-bottom: 4px; }

/* mapa UV: base do OSM invertida e puxada para o violeta da luz negra */
.tr-mapa { height: 100%; background: #0d0720; }
.tr-mapa .leaflet-tile-pane { filter: invert(1) hue-rotate(200deg) saturate(0.55) brightness(0.62) contrast(1.15) sepia(0.25) hue-rotate(215deg); }
.tr-mapa .ponto-mapa { transition: filter 0.2s; }
.tr-mapa .ponto-futuro { filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 2px currentColor); }
@media (prefers-reduced-motion: no-preference) { .tr-mapa .ponto-futuro { animation: tr-pulso-mapa 1.8s ease-in-out infinite; } }
@keyframes tr-pulso-mapa { 50% { filter: drop-shadow(0 0 12px currentColor); } }
.tr-mapa .leaflet-control-zoom a { width: 44px; height: 44px; line-height: 42px; background: var(--tr-veludo); color: var(--tr-luz); border-color: rgb(255 255 255 / 0.12); }
.tr-mapa .leaflet-control-zoom a:hover { background: var(--tr-veludo2); }
.tr-mapa .leaflet-control-attribution { background: rgb(18 10 43 / 0.75); color: var(--tr-nevoa); font-size: 11px; }
.tr-mapa .leaflet-control-attribution a { color: var(--tr-luz); }
.leaflet-tooltip.dica-mapa { background: var(--tr-veludo); color: var(--tr-luz); border: 1px solid rgb(255 255 255 / 0.15); border-radius: 8px; font: 600 13px/1.35 "Instrument Sans", sans-serif; box-shadow: 0 8px 24px rgb(0 0 0 / 0.4); }
.leaflet-tooltip-top.dica-mapa::before { border-top-color: var(--tr-veludo) !important; }
.leaflet-popup.popup-mapa .leaflet-popup-content-wrapper, .leaflet-popup.popup-mapa .leaflet-popup-tip { background: var(--tr-veludo); color: var(--tr-luz); box-shadow: 0 8px 30px rgb(0 0 0 / 0.5); }
.leaflet-popup.popup-mapa .leaflet-popup-content { margin: 12px 16px; font: 14px/1.45 "Instrument Sans", sans-serif; }
.popup-mapa a { color: var(--tr-magenta) !important; font-weight: 600; }
.popup-mapa .leaflet-popup-close-button { color: var(--tr-nevoa) !important; }
@media (max-width: 1023px) { #dm .tr-burger-col:not(#_a) { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; } }
.tr-mount [hidden] { display: none !important; }
.tr-ag-card.is-futuro { background-color: var(--c);
  background-image: repeating-linear-gradient(90deg, rgb(0 0 0 / 0.07) 0 2px, transparent 2px 6px), repeating-linear-gradient(0deg, rgb(255 255 255 / 0.1) 0 1px, transparent 1px 4px); }
#dm .tr-ag-card h3 a, #dm .tr-perfil a, #dm .tr-negocio, #dm .tr-estilo-txt h3 a, #dm .tr-grav-card a { color: inherit; }
#dm .tr-ag-card h3 a:not(#_a) { color: inherit !important; }

/* ================================================================ páginas dinâmicas: evento/festival */
.tr-ev-topo { position: relative; isolation: isolate; }
.tr-ev-topo > section > .grid { background-color: var(--tr-breu) !important; background-size: cover !important; background-position: center !important; }
.tr-ev-topo > section > .grid::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to top, var(--tr-breu), rgb(18 10 43 / 0.8) 50%, rgb(18 10 43 / 0.55)); }
.tr-ev-topo > section > .grid > .group { position: relative; z-index: 1; }
.tr-migalha { display: flex; align-items: center; gap: 8px; font: 400 14px/1 "Instrument Sans", sans-serif; color: var(--tr-nevoa); }
.tr-migalha a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tr-nevoa) !important; text-decoration: none; }
.tr-aconteceu { display: inline-flex; margin: 16px 0 0; padding: 4px 12px; border-radius: 999px; background: var(--tr-veludo2); font-size: 14px; color: var(--tr-nevoa); }
.tr-ev-h1 { margin-top: 16px; }
#dm .tr-ev-h1 h1, #dm .tr-ev-h1 .dmNewParagraph { margin: 0; font: 700 clamp(2.2rem, 5.5vw, 4.6rem)/0.98 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; color: var(--tr-luz); text-wrap: balance; }
#dm .tr-ev-h1 h1 { font-size: inherit !important; line-height: inherit !important; }
.tr-ev-dados-m { margin-top: 32px; }
.tr-ev-pulseira { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 24px; row-gap: 4px; min-height: 0; max-width: 100%; padding: 12px 20px; }
.tr-ev-pulseira .p { font-size: 18px; font-weight: 700; }
.tr-ev-pulseira .l { font-weight: 500; }
.tr-ev-pulseira .c { font-size: 14px; opacity: 0.8; }
.tr-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.tr-acao { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 1px solid rgb(255 255 255 / 0.25); border-radius: 999px; color: var(--tr-luz) !important; font-weight: 600; text-decoration: none; transition: border-color 0.2s, color 0.2s; }
.tr-acao:hover { border-color: var(--tinta); color: var(--tinta) !important; }
.tr-acao.principal { border-color: transparent; background: var(--tinta); color: var(--tr-breu) !important; }
.tr-acao svg, .tr-rede svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tr-rede svg { width: 16px; height: 16px; }
.tr-rede { display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 8px; color: var(--tr-nevoa) !important; text-decoration: none; }
.tr-rede:hover { color: var(--tr-luz) !important; }
@media (max-width: 1023px) { #dm .tr-ev-main:not(#_a), #dm .tr-ev-aside:not(#_a) { width: 100% !important; } }
.tr-ev-bloco + .tr-ev-bloco { margin-top: 56px; }
.tr-leitura { margin-top: 20px; }
#dm .tr-leitura, #dm .tr-leitura .dmNewParagraph { font: 400 18px/1.75 Literata, Georgia, serif; color: var(--tr-luz); white-space: pre-line; }
#dm .tr-leitura p { margin: 0; }
#dm .tr-leitura p + p { margin-top: 1.1em; }
#dm .tr-leitura a { color: var(--tinta) !important; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
#dm .tr-lineup p + p { margin-top: 0.3em; }
.tr-ev-semtexto { font: 400 18px/1.65 Literata, serif; color: var(--tr-nevoa); }
.tr-ev-semtexto a { color: var(--tinta) !important; text-decoration: underline; text-underline-offset: 4px; }
#dm .tr-ev-local-t { margin: 0; font: 600 14px/1.4 "Instrument Sans", sans-serif !important; color: var(--tr-nevoa); font-variation-settings: normal; }
.tr-ev-local-x { margin: 4px 0 12px; }
.tr-minimapa { height: 240px; border: 1px solid var(--tr-linha); border-radius: 16px; overflow: hidden; }
.tr-ev-aside .tr-anuncio { margin-top: 32px; }
.tr-rel-cab { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
#dm .tr-rel-t { margin: 0; font: 700 30px/1.1 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; color: var(--tr-luz); }
.tr-rel-l { display: inline-flex; align-items: center; min-height: 44px; color: var(--tinta) !important; font-weight: 500; text-decoration: none; }
.tr-rel-grade { list-style: none; margin: 32px 0 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
@media (min-width: 1024px) { .tr-rel-grade { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.tr-rel-card { position: relative; overflow: hidden; border-radius: 12px; background: var(--tr-veludo); }
.tr-rel-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: 0.8; transition: opacity 0.2s; display: block; }
.tr-rel-card:hover img { opacity: 1; }
.tr-rel-card div { padding: 16px; }
.tr-rel-card p { margin: 0; font-size: 14px; color: var(--tr-nevoa); }
#dm .tr-rel-card h3 { margin: 4px 0 0; font: 600 16px/1.35 "Instrument Sans", sans-serif !important; font-variation-settings: normal; }
#dm .tr-rel-card h3 a { color: var(--tr-luz) !important; text-decoration: none; }
.tr-rel-card h3 a::after { content: ""; position: absolute; inset: 0; }
.tr-mount > .tr-ev-pulseira { width: auto; }
#dm .tr-leitura :is(p, span, div, li) { font-family: Literata, Georgia, serif !important; font-size: 18px !important; line-height: 1.75 !important; color: var(--tr-luz); }

/* ================================================================ loja / serviço */
#dm .tr-neg-cab:not(#_a) { flex-wrap: nowrap; }
@media (max-width: 639px) { #dm .tr-neg-cab:not(#_a) { flex-direction: column !important; align-items: flex-start !important; } }
.tr-neg-logo-m { width: auto !important; }
#dm .tr-palco.tr-neg-logo:not(#_a) { width: auto !important; flex: none; align-self: auto !important; }
.tr-neg-logo-g { display: block; width: 176px; height: 176px; overflow: hidden; border-radius: 50%; background: var(--tr-veludo); box-shadow: 0 0 0 6px var(--tr-breu), 0 0 0 7px var(--tr-verde), 0 0 44px -6px var(--tr-verde); }
@media (max-width: 767px) { .tr-neg-logo-g { width: 144px; height: 144px; } }
.tr-neg-logo-g img { width: 100%; height: 100%; object-fit: cover; }
.tr-neg-nome { min-width: 0; flex: 1; }
.tr-neg-nome .tr-ev-h1 { margin-top: 0; overflow-wrap: anywhere; }
.tr-neg-cid { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; color: var(--tr-nevoa); }
.tr-neg-cid svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.tr-neg-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 32px; }
.tr-tag { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: var(--tr-veludo2); color: var(--tr-luz) !important; font-size: 14px; text-decoration: none; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.tr-tag:hover { background: var(--tr-verde); color: var(--tr-breu) !important; }
.tr-tag-link { border: 1px solid rgb(255 255 255 / 0.2); background: none; font-weight: 500; }
.tr-tag-link:hover { background: none; border-color: var(--tr-verde); color: var(--tr-verde) !important; }
.tr-tag svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.tr-neg-par { margin-top: 32px; }
.tr-neg-par .tr-negocio { align-items: center; }
.tr-neg-par .tr-neg-logo { width: 56px; height: 56px; }
#dm .tr-palco.tr-neg-logo:not(#_a) { min-width: 176px; }
.tr-neg-logo-m, .tr-neg-logo-m > .tr-neg-logo-g { width: 176px !important; height: 176px; flex: none; }
@media (max-width: 767px) { #dm .tr-palco.tr-neg-logo:not(#_a) { min-width: 144px; } .tr-neg-logo-m, .tr-neg-logo-m > .tr-neg-logo-g { width: 144px !important; height: 144px; } }
#dm .tr-palco:not(#_a), #dm .tr-palco .dmCustomHtml { height: auto !important; min-height: 0; }

/* ================================================================ widgets nativos de posts (home: destaque + lista) */
#dm .tr-home-blog .mainBlog { display: block !important; width: 100%; }
#dm .tr-home-blog .mainBlog > .inner { display: flex !important; flex-direction: column; gap: 0; margin: 0 !important; }
#dm .tr-home-blog .mainBlog .postArticle { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
#dm .tr-home-blog .mainBlog .postArticle > .inner { height: auto !important; overflow: visible !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
#dm .tr-home-blog .mainBlog .postArticle .inner.wow { animation: none !important; visibility: visible !important; }
#dm .tr-home-blog .mainBlog:not(#_a) .blogImgLink, #dm .tr-home-blog .mainBlog:not(#_a) .blogImg { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; padding: 0 !important; background-image: none !important; border-radius: 2px; background-color: var(--tr-veludo); }
#dm .tr-home-blog .mainBlog .blogImg img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; opacity: 1 !important; visibility: visible !important; position: static !important; transition: scale 0.7s; }
#dm .tr-home-blog .mainBlog .postArticle:hover .blogImg img { scale: 1.03; }
#dm .tr-home-blog .mainBlog .postTextContainer, #dm .tr-home-blog .mainBlog .postText { display: flex !important; flex-direction: column; padding: 0 !important; background: transparent !important; }
#dm .tr-home-blog .mainBlog .postTitle { order: 2; margin: 0 !important; }
#dm .tr-home-blog .mainBlog .authorBar { order: 1; margin: 0 !important; font: 400 14px/1.4 "Instrument Sans", sans-serif !important; color: var(--tr-amarelo) !important; }
#dm .tr-home-blog .mainBlog .authorBar * { color: inherit !important; font: inherit !important; }
#dm .tr-home-blog .mainBlog .postDescription { order: 3; font: 400 16px/1.65 Literata, Georgia, serif !important; color: var(--tr-nevoa) !important; }
#dm .tr-home-blog .mainBlog .postTitle :is(h2, h3, a) { margin: 0; color: var(--tr-luz) !important; text-decoration: none !important; font-variation-settings: "wdth" 100; }
#dm .tr-home-blog .mainBlog .postTitle a::after { content: ""; position: absolute; inset: 0; }
#dm .tr-home-blog .mainBlog .postArticle { position: relative; }
/* sem "Leia mais →" e sem "Show More" (desligar também no editor) */
#dm .tr-home-blog .mainBlog :is([class*="readMore"], [class*="read-more"], .postActions, .blogPostActions, [class*="loadMore"], .show-more, .blogPagination) { display: none !important; }

/* destaque (esquerda) */
#dm .tr-blog-dest .mainBlog .blogImg { aspect-ratio: 16 / 10; }
#dm .tr-blog-dest .mainBlog .authorBar { margin-top: 20px !important; }
#dm .tr-blog-dest .mainBlog .postTitle { margin-top: 8px !important; }
#dm .tr-blog-dest .mainBlog .postTitle :is(h2, h3, a) { font: 600 clamp(1.6rem, 2.6vw, 2.2rem)/1.1 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; text-wrap: balance; }
#dm .tr-blog-dest .mainBlog .postDescription { margin-top: 12px !important; max-width: 65ch; }

/* lista (direita): miniatura quadrada + texto, divisórias finas */
#dm .tr-blog-lista .mainBlog > .inner { border-block: 1px solid var(--tr-linha); }
#dm .tr-blog-lista .mainBlog .postArticle + .postArticle { border-top: 1px solid var(--tr-linha); }
#dm .tr-blog-lista .mainBlog .postArticle > .inner { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 20px; padding: 20px 0 !important; }
#dm .tr-blog-lista .mainBlog .blogImgLink, #dm .tr-blog-lista .mainBlog .blogImg { width: 112px !important; flex: none; aspect-ratio: 1; }
@media (max-width: 639px) { #dm .tr-blog-lista .mainBlog .blogImgLink, #dm .tr-blog-lista .mainBlog .blogImg { width: 96px !important; } }
#dm .tr-blog-lista .mainBlog .postTextContainer { flex: 1; min-width: 0; }
#dm .tr-blog-lista .mainBlog .postTitle { margin-top: 4px !important; }
#dm .tr-blog-lista .mainBlog .postTitle :is(h2, h3, a) { font: 600 18px/1.35 "Instrument Sans", sans-serif !important; font-variation-settings: normal; }
#dm .tr-blog-lista .mainBlog .postDescription { display: none !important; }
#dm .tr-blog-dest .mainBlog .postTitle { margin-top: 20px !important; }
#dm .tr-blog-dest .mainBlog .authorBar + .postTitle, #dm .tr-blog-dest .mainBlog .authorBar ~ .postTitle { margin-top: 8px !important; }
#dm .tr-home-blog .mainBlog .blogImgLink { line-height: 0; }
#dm .tr-blog-lista .mainBlog:not(#_a) .blogImg { width: 100% !important; height: 100% !important; aspect-ratio: 1; }
#dm .tr-blog-lista .mainBlog .blogImg img { aspect-ratio: 1; }
.tr-mount > .tr-aconteceu, .tr-mount > .tr-migalha { width: auto; }

/* ================================================================ perfil da cena */
.tr-perfil-topo > section > .grid { background-blend-mode: normal; }
.tr-perfil-topo > section > .grid::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.tr-pf-foto-g { width: 208px; height: 208px; }
@media (max-width: 767px) { .tr-pf-foto-g { width: 160px; height: 160px; } }
#dm .tr-palco.tr-pf-foto:not(#_a) { min-width: 208px; }
.tr-pf-foto-m, .tr-pf-foto-m > .tr-neg-logo-g { width: 208px !important; height: 208px; }
@media (max-width: 767px) { #dm .tr-palco.tr-pf-foto:not(#_a) { min-width: 160px; } .tr-pf-foto-m, .tr-pf-foto-m > .tr-neg-logo-g { width: 160px !important; height: 160px; } }
.tr-pf-catx { margin: 0 0 4px; font-size: 14px; font-weight: 500; color: var(--tr-verde); }
.tr-pf-crewx { margin: 12px 0 0; color: var(--tr-nevoa); }
.tr-pf-crewx a { color: var(--tr-luz) !important; text-decoration: underline; text-decoration-color: var(--tr-verde); text-underline-offset: 4px; }
.tr-pf-sec { margin-top: 48px; }
#dm .tr-pf-h2 { margin: 0; font: 700 32px/1.1 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; color: var(--tr-luz); }
.tr-video { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin-top: 20px; padding: 0; overflow: hidden; border: 0; border-radius: 12px; background: #000; cursor: pointer; }
.tr-video img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.2s; }
.tr-video:hover img { opacity: 1; }
.tr-video .play { position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; translate: -50% -50%; border-radius: 50%; background: var(--tr-verde); box-shadow: 0 0 32px -4px var(--tr-verde); }
.tr-video .play::after { content: ""; position: absolute; left: 29px; top: 22px; border-left: 20px solid var(--tr-breu); border-block: 14px solid transparent; }
.tr-video iframe { width: 100%; height: 100%; border: 0; display: block; }
.tr-galeria { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 640px) { .tr-galeria { grid-template-columns: repeat(3, 1fr); } }
.tr-galeria li { aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: var(--tr-veludo); }
.tr-galeria img { width: 100%; height: 100%; object-fit: cover; }
.tr-pf-ag { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tr-pf-ag li { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; background: var(--tr-veludo); }
.tr-pf-ag li.fut { background: var(--tr-magenta); color: var(--tr-breu); }
.tr-pf-ag .d { width: 48px; flex: none; text-align: center; font-size: 12px; line-height: 1.2; }
.tr-pf-ag .d b { display: block; font: 700 20px/1 Anybody, sans-serif; font-variation-settings: "wdth" 140; }
.tr-pf-ag a { font-size: 14px; font-weight: 600; line-height: 1.35; color: inherit !important; text-decoration: none; }
.tr-pf-ag a::after { content: ""; position: absolute; inset: 0; }
.tr-vibe { margin-top: 40px; }
@media (min-width: 640px) { .tr-vibe { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .tr-vibe { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* ================================================================ estilo e gravadora */
.tr-es-tipox { margin: 16px 0 0; font-size: 14px; font-weight: 500; color: var(--tinta); }
#dm .tr-es-h1 h1, #dm .tr-es-h1 .dmNewParagraph { font-size: clamp(2rem, 8.5vw, 6rem) !important; line-height: 0.92 !important; font-variation-settings: "wdth" 150 !important; overflow-wrap: anywhere; }
.tr-es-altx { max-width: 36rem; margin: 20px 0 0; font: 400 18px/1.6 Literata, serif; color: var(--tr-nevoa); }
.tr-es-fig { margin: 0; }
.tr-es-fig img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 2px; display: block; }
.tr-es-fig figcaption { margin-top: 8px; font-size: 12px; color: var(--tr-nevoa); }
@media (max-width: 1023px) { #dm .tr-es-topo .grid > .group > .group:not(#_a) { width: 100% !important; } }
.tr-refs { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tr-refs li { padding: 8px 16px; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 999px; font-size: 14px; }
.tr-mural { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 32px; }
@media (min-width: 640px) { .tr-mural { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 768px) { .tr-mural { grid-template-columns: repeat(6, 1fr); } }
.tr-mural-i { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.tr-mural-i .tr-glogo { width: 80px; height: 80px; }
.tr-mural-i:hover .tr-glogo { box-shadow: 0 0 0 2px var(--tr-ciano); }
.tr-mural-i a { margin-top: 8px; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--tr-luz) !important; text-decoration: none; }
.tr-mural-i a::after { content: ""; position: absolute; inset: 0; }
.tr-mural-i span:last-child { font-size: 12px; color: var(--tr-nevoa); }
.tr-mais-det { margin-top: 32px; }
.tr-mais-det summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid rgb(255 255 255 / 0.2); border-radius: 999px; font-size: 14px; font-weight: 500; cursor: pointer; list-style: none; }
.tr-mais-det summary::-webkit-details-marker { display: none; }
.tr-mais-det summary:hover { border-color: var(--tr-ciano); color: var(--tr-ciano); }
.tr-gr-logo-g { width: 128px; height: 128px; box-shadow: 0 0 0 6px var(--tr-breu), 0 0 0 7px var(--tr-ciano), 0 0 40px -6px var(--tr-ciano); font-size: 40px; }
#dm .tr-palco.tr-gr-logo:not(#_a) { min-width: 128px; }
.tr-gr-logo-m, .tr-gr-logo-m > .tr-glogo { width: 128px !important; height: 128px; }
.tr-gr-est { list-style: none; margin: 32px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tr-gr-est .tr-tag-link:hover { border-color: var(--tr-ciano); color: var(--tr-ciano) !important; }
.tr-rel-cab + .tr-perfis, .tr-rel-t + .tr-perfis, .tr-rel-t + .tr-estilos-grade { margin-top: 40px; }

/* ================================================================ página /blog (widgets nativos: busca + lista) */
.tr-blog-topo .grid > .group > .group { align-items: flex-start !important; }
#dm .tr-blog-cab h1 { margin: 0; text-align: left; }
#dm .tr-blog-cab .rteBlock { text-align: left !important; }
#dm .tr-blog-cab p.rteBlock { margin-top: 16px; }
#dm .tr-blog-topo input { height: 52px; width: min(100%, 26rem); padding: 0 20px; border: 1px solid rgb(255 255 255 / 0.15) !important; border-radius: 999px !important; background: var(--tr-veludo) !important; color: var(--tr-luz) !important; font: 400 16px/1 "Instrument Sans", sans-serif !important; }
#dm .tr-blog-topo input::placeholder { color: rgb(185 176 222 / 0.7); }
#dm .tr-blog-topo input:focus { outline: none; border-color: var(--tr-amarelo) !important; }
#dm .tr-blog-topo button, #dm .tr-blog-topo [class*="searchButton"] { background: transparent !important; color: var(--tr-nevoa) !important; border: 0 !important; }
#dm .tr-blog-lista-pg .mainBlog > .inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; }
@media (max-width: 1023px) { #dm .tr-blog-lista-pg .mainBlog > .inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { #dm .tr-blog-lista-pg .mainBlog > .inner { grid-template-columns: 1fr; } }
#dm .tr-blog-lista-pg .mainBlog .postArticle { position: relative; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
#dm .tr-blog-lista-pg .mainBlog .postArticle > .inner { height: auto !important; overflow: visible !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
#dm .tr-blog-lista-pg .mainBlog .postArticle .inner.wow { animation: none !important; visibility: visible !important; }
#dm .tr-blog-lista-pg .mainBlog:not(#_a) .blogImgLink, #dm .tr-blog-lista-pg .mainBlog:not(#_a) .blogImg { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; padding: 0 !important; background-image: none !important; background-color: var(--tr-veludo); border-radius: 2px; }
#dm .tr-blog-lista-pg .mainBlog .blogImg { aspect-ratio: 4 / 3; }
#dm .tr-blog-lista-pg .mainBlog .blogImg img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; opacity: 1 !important; visibility: visible !important; position: static !important; transition: scale 0.6s; }
#dm .tr-blog-lista-pg .mainBlog .postArticle:hover .blogImg img { scale: 1.03; }
#dm .tr-blog-lista-pg .mainBlog .postTextContainer, #dm .tr-blog-lista-pg .mainBlog .postText { display: flex !important; flex-direction: column; padding: 0 !important; background: transparent !important; }
#dm .tr-blog-lista-pg .mainBlog .authorBar { order: 1; margin: 16px 0 0 !important; font: 400 13px/1.4 "Instrument Sans", sans-serif !important; color: var(--tr-amarelo) !important; }
#dm .tr-blog-lista-pg .mainBlog .authorBar * { color: inherit !important; font: inherit !important; }
#dm .tr-blog-lista-pg .mainBlog .postTitle { order: 2; margin: 6px 0 0 !important; }
#dm .tr-blog-lista-pg .mainBlog .postTitle :is(h2, h3, a) { margin: 0; font: 600 18px/1.35 "Instrument Sans", sans-serif !important; color: var(--tr-luz) !important; text-decoration: none !important; font-variation-settings: normal; }
#dm .tr-blog-lista-pg .mainBlog .postTitle a::after { content: ""; position: absolute; inset: 0; }
#dm .tr-blog-lista-pg .mainBlog .postDescription { order: 3; margin-top: 8px !important; font: 400 15px/1.6 Literata, serif !important; color: var(--tr-nevoa) !important; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#dm .tr-blog-lista-pg .mainBlog :is([class*="readMore"], [class*="read-more"], .postActions, .blogPostActions) { display: none !important; }
#dm .tr-blog-lista-pg :is([class*="loadMore"], .show-more, .blogPagination a) { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; margin: 56px auto 0 !important; padding: 0 28px !important;
  border: 1px solid rgb(255 255 255 / 0.2) !important; border-radius: 999px !important; background: transparent !important; color: var(--tr-luz) !important; font: 500 16px/1 "Instrument Sans", sans-serif !important; }
#dm .tr-blog-lista-pg :is([class*="loadMore"], .show-more):hover { border-color: var(--tr-amarelo) !important; color: var(--tr-amarelo) !important; }
/* a lista nativa pinta título/resumo por regra com id + !important: vence com especificidade de id */
#dm .tr-blog-lista-pg .mainBlog:not(#_a):not(#_b) .postTitle :is(h2, h3, a) { color: var(--tr-luz) !important; }
#dm .tr-blog-lista-pg .mainBlog:not(#_a):not(#_b) .postDescription { color: var(--tr-nevoa) !important; }
#dm .tr-blog-lista-pg .mainBlog:not(#_a):not(#_b) .authorBar, #dm .tr-blog-lista-pg .mainBlog:not(#_a):not(#_b) .authorBar * { color: var(--tr-amarelo) !important; }
#dm .tr-home-blog .mainBlog:not(#_a):not(#_b) .postTitle :is(h2, h3, a) { color: var(--tr-luz) !important; }
#dm .tr-home-blog .mainBlog:not(#_a):not(#_b) .postDescription { color: var(--tr-nevoa) !important; }
#dm .tr-home-blog .mainBlog:not(#_a):not(#_b) .authorBar, #dm .tr-home-blog .mainBlog:not(#_a):not(#_b) .authorBar * { color: var(--tr-amarelo) !important; }
#dm .tr-blog-topo .dmBlogSearch:not(#_a):not(#_b) { margin-top: 32px; }
#dm .tr-blog-topo .dmBlogSearch:not(#_a):not(#_b) .dmBlogSearchInput { display: block; height: 52px; width: min(100%, 26rem); padding: 0 20px !important; border: 1px solid rgb(255 255 255 / 0.2) !important; border-radius: 999px !important;
  background: var(--tr-veludo) !important; color: var(--tr-luz) !important; font: 400 16px/1 "Instrument Sans", sans-serif !important; box-shadow: none !important; }
#dm .tr-blog-topo .dmBlogSearch:not(#_a):not(#_b) .dmBlogSearchInput::placeholder { color: rgb(185 176 222 / 0.8) !important; }
#dm .tr-blog-topo .dmBlogSearch:not(#_a):not(#_b) .dmBlogSearchInput:focus { outline: none; border-color: var(--tr-amarelo) !important; }
#dm .tr-blog-lista-pg .mainBlog:not(#_a):not(#_b) .postDescription { height: auto !important; max-height: calc(1.6em * 3) !important; }
.tr-esqueleto li { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.tr-esqueleto .c { width: 100%; max-width: 160px; aspect-ratio: 1; border-radius: 50%; background: var(--tr-veludo); }
.tr-esqueleto .l { width: 70%; height: 12px; border-radius: 6px; background: var(--tr-veludo); }
.tr-esqueleto .l.s { width: 45%; height: 10px; }
@media (prefers-reduced-motion: no-preference) { .tr-esqueleto :is(.c, .l) { animation: tr-pulsa 1.2s ease-in-out infinite alternate; } }
@keyframes tr-pulsa { to { background: var(--tr-veludo2); } }
/* lista da direita (home): o widget mostra 4; o 1º repete o destaque da esquerda e some */
#dm .tr-blog-lista .mainBlog .postArticle:first-child { display: none !important; }
#dm .tr-blog-lista .mainBlog .postArticle:nth-child(2) { border-top: 0 !important; }

/* ================================================================ página do post (layout nativo do blog) */
.tr-post-pg .postPageExtRoot a, .tr-post-pg .blog-post-row a { color: var(--tr-amarelo) !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.tr-post-pg .postPageExtRoot a:hover { color: var(--tr-luz) !important; }
.tr-post-pg .postPageExtRoot :is(p, li, span) { color: var(--tr-luz); }
/* Leia também: 3 posts em cartões */
#dm .tr-leia .mainBlog > .inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 767px) { #dm .tr-leia .mainBlog > .inner { grid-template-columns: 1fr; } }
#dm .tr-leia .mainBlog .postArticle { position: relative; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
#dm .tr-leia .mainBlog .postArticle > .inner { height: auto !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
#dm .tr-leia .mainBlog .postArticle .inner.wow { animation: none !important; visibility: visible !important; }
#dm .tr-leia .mainBlog:not(#_a) .blogImgLink, #dm .tr-leia .mainBlog:not(#_a) .blogImg { display: block !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; background-image: none !important; border-radius: 2px; }
#dm .tr-leia .mainBlog .blogImg { aspect-ratio: 16 / 10; }
#dm .tr-leia .mainBlog .blogImg img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; opacity: 1 !important; visibility: visible !important; position: static !important; }
#dm .tr-leia .mainBlog .postText, #dm .tr-leia .mainBlog .postTextContainer { display: flex !important; flex-direction: column; padding: 0 !important; background: transparent !important; }
#dm .tr-leia .mainBlog:not(#_a):not(#_b) .authorBar { order: 1; margin: 12px 0 0 !important; font: 400 13px/1.4 "Instrument Sans", sans-serif !important; color: var(--tr-amarelo) !important; }
#dm .tr-leia .mainBlog:not(#_a):not(#_b) .authorBar * { color: inherit !important; font: inherit !important; }
#dm .tr-leia .mainBlog:not(#_a):not(#_b) .postTitle { order: 2; margin: 6px 0 0 !important; }
#dm .tr-leia .mainBlog:not(#_a):not(#_b) .postTitle :is(h2, h3, a) { margin: 0; font: 600 18px/1.35 "Instrument Sans", sans-serif !important; color: var(--tr-luz) !important; text-decoration: none !important; }
#dm .tr-leia .mainBlog .postTitle a::after { content: ""; position: absolute; inset: 0; }
#dm .tr-leia .mainBlog .postDescription, #dm .tr-leia .mainBlog :is([class*="readMore"], .postActions, [class*="loadMore"], .show-more) { display: none !important; }
#dm .tr-leia .dmNewParagraph :is(h2, h3, span) { font: 700 30px/1.1 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; color: var(--tr-luz) !important; }

/* ================================================================ em breve (pré-lançamento) */
html.tr-eb-pg #dmFlexHeaderContainer, html.tr-eb-pg .dmFooterContainer, html.tr-eb-pg #dm .dmFooter, html.tr-eb-pg .hamburger-drawer { display: none !important; }
.tr-eb .grid > .group { min-height: calc(100svh - 100px); }
.tr-eb-logo img { width: 220px !important; height: auto !important; }
.tr-eb-arte .tr-palco { max-width: 620px; margin-inline: auto; }
@media (max-width: 1023px) { .tr-eb-arte { order: -1; } .tr-eb-arte .tr-palco { width: 82% !important; } .tr-eb .grid > .group { min-height: 0; } }
.tr-tear { width: 100%; display: block; touch-action: pan-y; user-select: none; }
.tr-tear .tr-ponto-tear { opacity: 0.18; transition: opacity 0.6s; }
.tr-tear.pronto .tr-ponto-tear { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .tr-tear .tr-corda-nova { stroke-dasharray: 1; stroke-dashoffset: 1; animation: tr-encordoar 0.6s var(--tr-ease) forwards; }
  .tr-tear.pronto .tr-ponto-tear { animation: tr-acender 0.8s ease-out forwards; animation-delay: calc(var(--i) * 180ms); }
  .tr-tear.no-bumbo .fios { animation: tr-bumbo 413.8ms cubic-bezier(0.2, 0.7, 0.3, 1) infinite; }
}
@keyframes tr-bumbo { 0% { filter: url(#tr-uv-tear) brightness(1.55) saturate(1.2); } 100% { filter: url(#tr-uv-tear) brightness(1); } }
.tr-tear-base { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 20px; row-gap: 8px; margin-top: 8px; font-size: 14px; color: var(--tr-nevoa); }
.tr-tear-conta { margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
.tr-tear-som { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgb(255 255 255 / 0.2); border-radius: 999px; background: none; color: var(--tr-luz); font: 500 14px/1 "Instrument Sans", sans-serif; cursor: pointer; transition: border-color 0.2s, color 0.2s, background 0.2s; }
.tr-tear-som:hover { border-color: var(--tr-magenta); color: var(--tr-magenta); }
.tr-tear-som[aria-pressed="true"] { border-color: var(--tr-magenta); background: var(--tr-magenta); color: var(--tr-breu); }
.tr-tear-som .ic { width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--ic-som-off) center / contain no-repeat; mask: var(--ic-som-off) center / contain no-repeat; }
.tr-tear-som[aria-pressed="true"] .ic { -webkit-mask-image: var(--ic-som-on); mask-image: var(--ic-som-on); }
:root {
  --ic-som-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cline x1='22' x2='16' y1='9' y2='15'/%3E%3Cline x1='16' x2='22' y1='9' y2='15'/%3E%3C/svg%3E");
  --ic-som-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6A1.4 1.4 0 0 1 5.4 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.4 18.4a9 9 0 0 0 0-12.7'/%3E%3C/svg%3E");
}
#dm .tr-eb-vem ul.unstyled li { position: relative; padding-left: 44px !important; margin-top: 12px; line-height: 1.5; }
#dm .tr-eb-vem ul.unstyled li::after { content: ""; position: absolute; left: 0; top: 0.75em; width: 28px; height: 1px; background: var(--tinta); box-shadow: 0 0 8px var(--tinta); }
#dm .tr-eb-link p { margin: 0; }
#dm .tr-eb-link .r { display: inline-block !important; width: 96px; font-size: 14px; }
#dm .tr-eb-link a { min-height: 44px; }
.tr-eb-insta { border-radius: 4px; }
.tr-eb-rodape .grid { border-top: 1px solid var(--tr-linha); }

/* ================================================================ performance: brilho só depois de encordoar; reserva de espaço (CLS) */
.tr-encordoar.pronto .fios { filter: url(#tr-uv); mix-blend-mode: screen; }
.tr-tear.pronto .fios { filter: url(#tr-uv-tear); mix-blend-mode: screen; }
.tr-tear-m:empty, .tr-stringart-m:empty { aspect-ratio: 1; }
.tr-tear-m:empty { aspect-ratio: 1 / 1.08; }
/* palcos que chegam depois: altura reservada enquanto vazios */
:is(.tr-ev-migalha-m, .tr-neg-migalha-m, .tr-pf-migalha-m, .tr-wk-migalha-m):empty { min-height: 44px; }
.tr-pf-cat-m:empty, .tr-gr-pais-m:empty, .tr-es-tipo-m:empty { min-height: 24px; }
.tr-pf-crew-m:empty { min-height: 36px; }
:is(.tr-pf-tags-m, .tr-neg-tags-m, .tr-gr-estilos-m):empty { min-height: 76px; }
.tr-neg-cidade-m:empty { min-height: 36px; }
.tr-ev-dados-m:empty { min-height: 136px; }
.tr-pf-foto-m:empty, .tr-neg-logo-m:empty { height: 176px; }
.tr-pf-foto-m:empty { height: 208px; }
@media (max-width: 767px) { .tr-pf-foto-m:empty { height: 160px; } .tr-neg-logo-m:empty { height: 144px; } }
.tr-es-imagem-m:empty { aspect-ratio: 16 / 11; }
.tr-ag-lista:empty { min-height: 1400px; }
.tr-agenda-m:empty { min-height: 100svh; }
.tr-negocios-m:empty, .tr-estilos-cards-m:empty, .tr-gravadoras-lista-m:empty { min-height: 900px; }
.tr-esq-filtros { height: 517px; border-radius: 12px; background: linear-gradient(var(--tr-veludo), var(--tr-veludo)) 0 22px / min(100%, 380px) 52px no-repeat,
  linear-gradient(var(--tr-veludo), var(--tr-veludo)) 0 132px / min(100%, 640px) 44px no-repeat; }
@media (max-width: 1023px) { .tr-esq-filtros { height: 892px; } }

/* ================================================================ galerias nativas (Wikidelic, Agenda): cartões como no protótipo */
#dm .tr-gal:not(#_a) .layout-container { display: grid !important; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#dm .tr-gal-gravadoras:not(#_a) .layout-container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1023px) { #dm .tr-gal:not(#_a) .layout-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { #dm .tr-gal:not(#_a) .layout-container { grid-template-columns: 1fr; } }
#dm .tr-gal .photogallery-row { display: contents !important; }
#dm .tr-gal .photogallery-column { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
#dm .tr-gal:not(#_a):not(#_b) .photoGalleryThumbs { position: relative; width: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 12px; background: var(--tr-veludo); }
#dm .tr-gal .thumbnailInnerWrapper { opacity: 1 !important; height: auto !important; padding: 0 !important; }
#dm .tr-gal:not(#_a):not(#_b) .image-container { position: static; height: auto !important; aspect-ratio: 16 / 10; overflow: hidden; background: var(--tr-veludo2); border-radius: 0 !important; }
#dm .tr-gal:not(#_a):not(#_b) .image-container img { width: 100% !important; height: 100% !important; object-fit: cover; opacity: 0.75; filter: saturate(0.8); transition: opacity 0.5s, scale 0.5s; }
#dm .tr-gal .photoGalleryThumbs:hover .image-container img { opacity: 1; scale: 1.04; }
#dm .tr-gal .image-container a.has-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
#dm .tr-gal:not(#_a):not(#_b) .caption-container { position: static !important; padding: 16px !important; background: transparent !important; }
#dm .tr-gal:not(#_a):not(#_b) .caption-inner { padding: 0 !important; background: transparent !important; display: flex; flex-direction: column; }
#dm .tr-gal:not(#_a):not(#_b) .caption-title { order: 2; margin: 4px 0 0 !important; font: 600 20px/1.3 "Instrument Sans", sans-serif !important; color: var(--tr-luz) !important; font-variation-settings: normal; text-align: left !important; }
#dm .tr-gal:not(#_a):not(#_b) .caption-text { order: 1; margin: 0 !important; font: 400 14px/1.4 "Instrument Sans", sans-serif !important; color: var(--tr-nevoa) !important; text-align: left !important; }
#dm .tr-gal .caption-button { display: none !important; }
/* estilos: tipo/BPM em cima (cor da tinta), nomes alternativos embaixo do título */
#dm .tr-gal-estilos .caption-text { display: contents !important; }
#dm .tr-gal-estilos .caption-text .t { order: 1; font-size: 14px; }
#dm .tr-gal-estilos .caption-text .t.chill { color: var(--tr-ciano); }
#dm .tr-gal-estilos .caption-text .t.pista { color: var(--tr-amarelo); }
#dm .tr-gal-estilos .caption-text .alt { order: 3; margin-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: var(--tr-nevoa); }
/* gravadoras: logo redondo à esquerda, nome e país à direita */
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .thumbnailInnerWrapper { display: flex !important; align-items: center; gap: 16px; padding: 16px !important; }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .image-container { flex: none; width: 64px !important; height: 64px !important; aspect-ratio: 1; border-radius: 50% !important; box-shadow: 0 0 0 1px var(--tr-linha); }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .image-container img { opacity: 1; filter: none; }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .caption-container { padding: 0 !important; }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .caption-title { order: 1; margin: 0 !important; font-size: 16px !important; }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) .caption-text { order: 2; }
/* próximos eventos (agenda) */
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-text { order: 2; color: var(--tr-magenta) !important; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-title { order: 1; margin: 0 !important; font-size: 18px !important; }
.tr-prox-t p { margin: 0; }
.tr-gal-proximos { margin-top: 12px; margin-bottom: 40px; }
/* a galeria chega do servidor como ul.dmPhotoGalleryHolder > li e o JS da Duda remonta em .layout-container: mesma grade nas duas (sem CLS) */
#dm .tr-gal:not(#_a) ul.dmPhotoGalleryHolder { display: grid !important; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 !important; padding: 0 !important; list-style: none; }
#dm .tr-gal-gravadoras:not(#_a) ul.dmPhotoGalleryHolder { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1023px) { #dm .tr-gal:not(#_a) ul.dmPhotoGalleryHolder { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { #dm .tr-gal:not(#_a) ul.dmPhotoGalleryHolder { grid-template-columns: 1fr; } }
#dm .tr-gal ul.dmPhotoGalleryHolder > li { float: none !important; width: auto !important; }
#dm .tr-gal-gravadoras:not(#_a):not(#_b) ul.dmPhotoGalleryHolder > li { display: flex !important; align-items: center; gap: 16px; padding: 16px !important; }
/* agenda: próximos eventos como pulseiras de texto (sem foto), data à esquerda */
#dm .tr-gal-proximos:not(#_a) :is(ul.dmPhotoGalleryHolder, .layout-container) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 767px) { #dm .tr-gal-proximos:not(#_a) :is(ul.dmPhotoGalleryHolder, .layout-container) { grid-template-columns: 1fr; } }
#dm .tr-gal-proximos:not(#_a):not(#_b) .photoGalleryThumbs { border-radius: 14px; background-color: var(--tr-magenta);
  background-image: repeating-linear-gradient(90deg, rgb(0 0 0 / 0.07) 0 2px, transparent 2px 6px), repeating-linear-gradient(0deg, rgb(255 255 255 / 0.1) 0 1px, transparent 1px 4px);
  box-shadow: 0 0 28px -6px var(--tr-magenta); rotate: -0.6deg; transition: rotate 0.4s var(--tr-ease), scale 0.4s var(--tr-ease); }
#dm .tr-gal-proximos:not(#_a):not(#_b) .photoGalleryThumbs:nth-child(even) { background-color: var(--tr-amarelo); box-shadow: 0 0 28px -6px var(--tr-amarelo); rotate: 0.5deg; }
#dm .tr-gal-proximos .photoGalleryThumbs:hover { rotate: 0deg !important; scale: 1.02; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .image-container { position: static; width: 0 !important; height: 0 !important; aspect-ratio: auto; overflow: visible; background: none; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .image-container img { display: none !important; }
#dm .tr-gal-proximos .thumbnailInnerWrapper, #dm .tr-gal-proximos:not(#_a):not(#_b) ul.dmPhotoGalleryHolder > li { display: flex !important; align-items: center; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-container { flex: 1; padding: 14px 20px !important; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-inner { display: grid !important; grid-template-columns: 96px 1fr; column-gap: 16px; align-items: center; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-button { display: block !important; grid-row: 1 / span 2; grid-column: 1; order: 0; position: static; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; min-height: 0 !important; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-button .text { display: block; font: 700 20px/1.05 Anybody, sans-serif !important; font-variation-settings: "wdth" 140; color: var(--tr-breu) !important; white-space: normal; text-align: left; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-button .iconBg { display: none !important; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-button::after { content: ""; position: absolute; inset: 0; z-index: 1; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-title { grid-column: 2; color: var(--tr-breu) !important; font-size: 18px !important; margin: 0 !important; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .caption-text { grid-column: 2; color: var(--tr-breu) !important; opacity: 0.8; }
#dm .tr-gal-proximos:not(#_a):not(#_b) .photogallery-column:nth-child(even) .photoGalleryThumbs { background-color: var(--tr-amarelo); box-shadow: 0 0 28px -6px var(--tr-amarelo); rotate: 0.5deg; }
/* agenda no celular: mapa sob demanda */
.tr-ag-mapa > .tr-mapa.tr-mapa-off { height: auto; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--tr-veludo); }
.tr-ver-mapa { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 24px; border: 1px solid rgb(255 255 255 / 0.25); border-radius: 999px; background: none; color: var(--tr-luz); font: 600 16px/1 "Instrument Sans", sans-serif; cursor: pointer; }
.tr-ver-mapa:hover { border-color: var(--tr-magenta); color: var(--tr-magenta); }
.tr-ver-mapa svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
/* arranjo de BPM: altura reservada até o JS desenhar (CLS da Wikidelic e da home) */
.tr-arranjo-m:empty { min-height: 890px; }
.tr-arranjo-m[data-compacto="1"]:empty { min-height: 240px; }