/* ==========================================================
   GERADO POR scripts/gerar-css-producao.py · NAO EDITAR
   A fonte e o prototipo em ~/Sites/dinoxx-blacknovember-local.
   Para mudar algo: mude la e publique de novo.
   ========================================================== */


/* ===== sistema.css ===== */


:root {

  

  --preto:        #0B0B0A;   
  --grafite:      #161614;   
  --grafite-alto: #1F1E1C;   
  --off-white:    #F4F1EC;   
  --inox:         #A9AAA7;   
  --inox-fundo:   #6E6F6C;   

  --ambar:        #FE5C21;   
  --ambar-luz:    #FF8A3D;   
  --ouro:         #FED341;   

  
  --vidro:        rgba(16, 15, 14, 0.52);
  --vidro-alto:   rgba(22, 21, 19, 0.72);
  --fio:          rgba(244, 241, 236, 0.11);   
  --fio-forte:    rgba(244, 241, 236, 0.20);
  --brilho-topo:  rgba(244, 241, 236, 0.07);   

  

  --fonte-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --fonte-ui:      'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  
  --t-apoio:    clamp(0.95rem, 0.86rem + 0.30vw, 1.14rem);
  --t-corpo:    clamp(0.90rem, 0.85rem + 0.16vw, 1.00rem);
  --t-rotulo:   0.70rem;   
  --t-micro:    0.64rem;

  --tr-rotulo:  0.16em;    
  --tr-manchete: -0.022em; 

  

  --t-d1: clamp(2.25rem, 1.30rem + 3.05vw, 4.30rem);
  --t-d2: clamp(1.90rem, 1.15rem + 2.40vw, 3.40rem);
  --t-d3: clamp(1.30rem, 0.95rem + 1.20vw, 2.10rem);
  --t-d4: clamp(1.02rem, 0.94rem + 0.26vw, 1.16rem);
  --t-d5: clamp(0.92rem, 0.87rem + 0.17vw, 1.02rem);

  

  --e1: 4px;   --e2: 8px;   --e3: 12px;  --e4: 16px;
  --e5: 20px;  --e6: 24px;  --e7: 32px;  --e8: 40px;
  --e9: 56px;  --e10: 72px; --e11: 96px; --e12: 128px;

  --margem: clamp(20px, 4.2vw, 72px);  

  

  --r-pequeno: 6px;
  --r-medio:   10px;
  --r-card:    14px;
  --r-pilula:  999px;

  

  --sombra-ambiente: 0 24px 60px -24px rgba(0, 0, 0, 0.78);
  --sombra-contato:  0 2px 8px -2px rgba(0, 0, 0, 0.60);
  --sombra-erguido:  0 36px 80px -28px rgba(0, 0, 0, 0.88),
                     0 4px 14px -4px rgba(0, 0, 0, 0.60);

  

  --d-instante: 120ms;
  --d-rapido:   200ms;
  --d-base:     340ms;
  --d-lento:    620ms;
  --d-filme:    1200ms;

  --c-saida:   cubic-bezier(0.16, 1, 0.30, 1);    
  --c-dupla:   cubic-bezier(0.65, 0, 0.35, 1);    
  --c-mola:    cubic-bezier(0.34, 1.46, 0.48, 1); 

  --escalonar: 46ms;   
}



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



body.dinoxx-blacknovember.bn-pagina :where(button, input, select, textarea, a), body.dinoxx-blacknovember .bn-menu       :where(button, input, select, textarea, a) {
  
  text-transform: none !important;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  text-align: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  min-height: 0;
  width: auto;
  -webkit-appearance: none;
  appearance: none;
}


body.dinoxx-blacknovember.bn-pagina :where(p, li, h1, h2, h3, h4, h5, h6, blockquote, figure) {
  line-height: inherit;
  margin: 0;
}

html { -webkit-text-size-adjust: 100%; }


body.dinoxx-blacknovember.bn-pagina, body.dinoxx-blacknovember.dinoxx-blacknovember, body.dinoxx-blacknovember main.bn-pagina {
  margin: 0;
  background: var(--preto);
  color: var(--off-white);
  font-family: var(--fonte-ui);
  font-size: var(--t-corpo);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis-weight: none;
}


body.dinoxx-blacknovember .tabular { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

body.dinoxx-blacknovember img, body.dinoxx-blacknovember svg, body.dinoxx-blacknovember video { display: block; max-width: 100%; }

body.dinoxx-blacknovember a { color: inherit; text-decoration: none; }

body.dinoxx-blacknovember button { font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: pointer; }


body.dinoxx-blacknovember :where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--ambar);
  outline-offset: 3px;
  border-radius: var(--r-pequeno);
}

body.dinoxx-blacknovember .so-leitor {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}



:root { --luz-x: 50vw; --luz-y: 38vh; }

body.dinoxx-blacknovember .bn-luz {
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 600ms var(--c-saida);
  background:
    radial-gradient(260px 260px at var(--luz-x) var(--luz-y),
      rgba(255, 196, 140, 0.085) 0%, rgba(255, 150, 80, 0.035) 38%, transparent 70%),
    radial-gradient(620px 620px at var(--luz-x) var(--luz-y),
      rgba(190, 210, 255, 0.040) 0%, transparent 72%);
}


:root[data-luz] .bn-luz { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-luz { display: none; }
}



body.dinoxx-blacknovember .bn-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9500;
  display: grid;
  place-items: center;
  padding: clamp(16px, 3vw, 40px);

  
  background: rgba(5, 5, 4, 0.955);
  backdrop-filter: blur(34px) saturate(0.55) brightness(0.5);
  -webkit-backdrop-filter: blur(34px) saturate(0.55) brightness(0.5);

  opacity: 0;
  transition: opacity 420ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-lightbox[hidden] { display: none; }
body.dinoxx-blacknovember .bn-lightbox[data-aberto] { opacity: 1; }


body.dinoxx-blacknovember .bn-lightbox__palco {
  position: relative;
  height: min(88svh, 1040px);
  width: auto;
  aspect-ratio: 9 / 16;
  max-width: min(94vw, 600px);
  border-radius: clamp(12px, 1.2vw, 20px);
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 50px 140px -40px rgba(0,0,0,0.95),
    0 0 90px -30px rgba(254,92,33,0.28);
  transform: scale(0.93) translateY(18px);
  transition: transform 560ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-lightbox[data-aberto] .bn-lightbox__palco { transform: none; }


body.dinoxx-blacknovember .bn-lightbox video { width: 100%; height: 100%; object-fit: contain; display: block; }

body.dinoxx-blacknovember .bn-lightbox__fechar {
  position: absolute;
  z-index: 2;                       
  top: clamp(12px, 2vw, 20px);
  right: clamp(12px, 2vw, 20px);
  display: grid;
  place-items: center;
  width: 48px; height: 48px;
  border: 1px solid rgba(244,241,236,0.2);
  border-radius: 50%;
  background: rgba(18,18,16,0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: var(--off-white);
  
  box-shadow: 0 6px 24px -6px rgba(0,0,0,0.85);
  transition: background var(--d-rapido) var(--c-saida),
              border-color var(--d-rapido) var(--c-saida),
              transform var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-lightbox__fechar:hover {
  background: rgba(254,92,33,0.9);
  border-color: transparent;
  transform: rotate(90deg);
}
body.dinoxx-blacknovember .bn-lightbox__fechar svg { width: 20px; height: 20px; }


body.dinoxx-blacknovember .bn-lightbox__dica {
  position: absolute;
  left: 50%;
  bottom: clamp(14px, 2.4vw, 28px);
  transform: translateX(-50%);
  font-size: var(--t-micro);
  font-weight: 500;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: rgba(244,241,236,0.42);
  white-space: nowrap;
}
body.dinoxx-blacknovember .bn-lightbox__dica kbd {
  font-family: var(--fonte-ui);
  font-size: inherit;
  padding: 2px 7px;
  margin-right: 5px;
  border: 1px solid rgba(244,241,236,0.2);
  border-radius: 5px;
  color: rgba(244,241,236,0.7);
}
@media (hover: none) { body.dinoxx-blacknovember .bn-lightbox__dica { display: none; } }


body.dinoxx-blacknovember[data-travado] { overflow: hidden; }


@media (max-width: 860px) { body.dinoxx-blacknovember .so-amplo { display: none; } }


@media (max-width: 860px) {
  :root {
    --t-rotulo:  0.75rem;   
    --t-micro:   0.70rem;   
    --tr-rotulo: 0.12em;
  }
}


body.dinoxx-blacknovember .rotulo {
  font-size: var(--t-rotulo);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox);
}



@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}


body.dinoxx-blacknovember .bn-tag-off {
  display: inline-flex;
  align-items: stretch;
  border-radius: 7px;
  overflow: hidden;
  font-family: var(--fonte-ui);
  line-height: 1;
  white-space: nowrap;
  
  box-shadow: 0 0 0 1px rgba(254,211,65,0.22), 0 4px 16px -6px rgba(254,211,65,0.42);
}

body.dinoxx-blacknovember .bn-tag-off b {
  display: grid;
  place-items: center;
  padding: 5px 8px;
  background: linear-gradient(168deg, #FFE48A 0%, var(--ouro) 58%, #E9B41F 100%);
  color: #1A1206;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

body.dinoxx-blacknovember .bn-tag-off i {
  display: grid;
  place-items: center;
  padding: 5px 9px;
  background: rgba(254,211,65,0.11);
  color: var(--ouro);
  font-size: 0.66rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}


body.dinoxx-blacknovember .bn-tag-off--curta b { padding: 4px 7px; font-size: 0.7rem; }


body.dinoxx-blacknovember .bn-card__parcela, body.dinoxx-blacknovember .bn-mod__parcela {
  flex-basis: 100%;
  font-size: 0.78rem;
  color: var(--inox);
  letter-spacing: -0.005em;
}
body.dinoxx-blacknovember .bn-card__parcela b, body.dinoxx-blacknovember .bn-mod__parcela b { font-weight: 700; color: var(--off-white); }


body.dinoxx-blacknovember .bn-card__pix, body.dinoxx-blacknovember .bn-mod__pix {
  flex-basis: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-card__pix svg, body.dinoxx-blacknovember .bn-mod__pix svg { width: 13px; height: 13px; color: #32D583; flex: 0 0 auto; }
body.dinoxx-blacknovember .bn-card__pix b, body.dinoxx-blacknovember .bn-mod__pix b { font-weight: 700; color: #4ADE80; }


body.dinoxx-blacknovember .bn-item__parcela {
  display: block;
  margin-top: 2px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--inox-fundo);
}



html { scroll-behavior: smooth; }

body.dinoxx-blacknovember [id] { scroll-margin-top: clamp(76px, 10svh, 112px); }


body.dinoxx-blacknovember #topo { scroll-margin-top: 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}


body.dinoxx-blacknovember .bn-som {
  display: grid;
  place-items: center;
  width: 34px; height: 34px;
  flex: 0 0 auto;
  border-radius: 50%;
  color: rgba(244, 241, 236, 0.34);
  -webkit-tap-highlight-color: transparent;
  transition: color var(--d-rapido) var(--c-saida),
              background var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-som svg { width: 17px; height: 17px; }
body.dinoxx-blacknovember .bn-som:hover, body.dinoxx-blacknovember .bn-som:focus-visible { color: var(--off-white); background: rgba(255,255,255,0.06); }
body.dinoxx-blacknovember .bn-som[aria-pressed='false'] { color: rgba(244, 241, 236, 0.22); }

@media (max-width: 860px) {
  
  body.dinoxx-blacknovember .bn-som {
    position: absolute;
    top: -6px;
    right: 0;
    width: 40px; height: 40px;
  }
}


body.dinoxx-blacknovember .bn-luz__facho { display: none; }

@media (hover: none), (max-width: 860px) {
  
  body.dinoxx-blacknovember .bn-luz { background: none; }

  body.dinoxx-blacknovember .bn-luz__facho {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 540px;
    height: 540px;
    margin: -270px 0 0 -270px;
    border-radius: 50%;
    pointer-events: none;
    background:
      radial-gradient(circle at 50% 50%,
        rgba(255, 196, 140, 0.105) 0%,
        rgba(255, 150, 80, 0.046) 34%,
        rgba(190, 210, 255, 0.022) 56%,
        transparent 70%);
    will-change: transform;
    transform: translate3d(50vw, 40vh, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-luz__facho { display: none; }
}


/* ===== hero.css ===== */


body.dinoxx-blacknovember .bn-hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: grid;
  
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: clip;
  background: var(--preto);
}




body.dinoxx-blacknovember .bn-hero__cena {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

body.dinoxx-blacknovember .bn-hero__foto {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

body.dinoxx-blacknovember .bn-hero__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  
  object-position: 25% 50%;

  
  animation: bn-respirar 34s var(--c-dupla) infinite alternate;
  will-change: transform;
}

@keyframes bn-respirar {
  from { transform: scale(1.0)  translate3d(0, 0, 0); }
  to   { transform: scale(1.09) translate3d(-0.6%, -0.8%, 0); }
}



body.dinoxx-blacknovember .bn-hero {
  --mx: 50%;
  --my: 36%;
  --raio: clamp(260px, 30vw, 520px);
}

body.dinoxx-blacknovember .bn-hero__escuro {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(6, 6, 5, 0.62);
  -webkit-mask-image: radial-gradient(circle var(--raio) at var(--mx) var(--my),
                        rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 38%, rgba(0,0,0,0.86) 64%, #000 82%);
          mask-image: radial-gradient(circle var(--raio) at var(--mx) var(--my),
                        rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 38%, rgba(0,0,0,0.86) 64%, #000 82%);
}


body.dinoxx-blacknovember .bn-hero__facho {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(circle calc(var(--raio) * 0.82) at var(--mx) var(--my),
                rgba(255, 186, 112, 0.13) 0%, rgba(255, 140, 60, 0.05) 42%, transparent 72%);
}


body.dinoxx-blacknovember .bn-hero__luz {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    
    linear-gradient(180deg, rgba(8,8,7,0.70) 0%, rgba(8,8,7,0.20) 12%, transparent 22%),
    
    linear-gradient(0deg, var(--preto) 0%, rgba(11,11,10,0.97) 24%, rgba(11,11,10,0.72) 42%, transparent 66%),
    
    radial-gradient(76% 92% at 0% 58%, rgba(8,8,7,0.86) 0%, rgba(8,8,7,0.50) 36%, transparent 70%),
    
    radial-gradient(40% 46% at 94% 6%, rgba(8,8,7,0.42) 0%, transparent 72%);
}


body.dinoxx-blacknovember .bn-hero__brasa {
  position: absolute;
  inset: auto 0 0 0;
  height: 46%;
  z-index: 3;
  pointer-events: none;
  background: radial-gradient(60% 100% at 34% 108%, rgba(254,92,33,0.16) 0%, transparent 62%);
  mix-blend-mode: screen;
}



body.dinoxx-blacknovember .bn-marca {
  position: relative;
  z-index: 5;
  width: clamp(178px, 14.5vw, 250px);
  margin: 0 0 clamp(var(--e4), 1.5vw, var(--e6));
  filter: drop-shadow(0 14px 34px rgba(0,0,0,0.62));
}

body.dinoxx-blacknovember .bn-marca__arte { width: 100%; height: auto; }


body.dinoxx-blacknovember .bn-marca__luz {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    104deg,
    transparent 38%,
    rgba(255,245,230,0.00) 44%,
    rgba(255,245,230,0.72) 50%,
    rgba(255,186,120,0.46) 54%,
    transparent 60%
  );
  background-size: 260% 100%;
  background-repeat: no-repeat;
  
  -webkit-mask-size: contain;  mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  animation: bn-varrer 7s var(--c-dupla) 1.4s infinite;
  mix-blend-mode: screen;
}

@keyframes bn-varrer {
  0%   { background-position: 180% 0; }
  26%  { background-position: -80% 0; }
  100% { background-position: -80% 0; }
}


body.dinoxx-blacknovember .bn-rastro {
  position: absolute;
  z-index: 4;
  top: clamp(-40px, -2vw, 0px);
  right: 0;
  width: min(62vw, 980px);
  height: min(38vw, 420px);
  pointer-events: none;
  opacity: 0.85;
  mix-blend-mode: screen;
}

body.dinoxx-blacknovember .bn-rastro__fio {
  fill: none;
  stroke: url(#bn-grad-rastro);
  stroke-linecap: round;
  filter: url(#bn-suave);
  animation: bn-derivar 9s var(--c-dupla) infinite alternate;
}
body.dinoxx-blacknovember .bn-rastro__fio:nth-child(2) { animation-delay: -2.8s; opacity: 0.74; }
body.dinoxx-blacknovember .bn-rastro__fio:nth-child(3) { animation-delay: -5.4s; opacity: 0.52; }

@keyframes bn-derivar {
  from { transform: translate3d(0, 0, 0)     scaleY(1);    }
  to   { transform: translate3d(-18px, 7px, 0) scaleY(1.07); }
}

body.dinoxx-blacknovember .bn-rastro__faisca { fill: #FFD9A8; animation: bn-cintilar 3.4s ease-in-out infinite; }
body.dinoxx-blacknovember .bn-rastro__faisca:nth-child(even) { animation-delay: -1.7s; }

@keyframes bn-cintilar {
  0%, 100% { opacity: 0.15; }
  50%      { opacity: 0.85; }
}



body.dinoxx-blacknovember .bn-filme {
  position: absolute;
  z-index: 6;
  
  right: var(--margem);
  top: clamp(96px, 9vh, 128px);
  left: auto;
  width: clamp(96px, 8vw, 128px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  color: var(--off-white);
  -webkit-tap-highlight-color: transparent;
}


body.dinoxx-blacknovember .bn-filme::before {
  content: '';
  position: absolute;
  inset: -22%;
  border-radius: 50%;
}

body.dinoxx-blacknovember .bn-filme__anel {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  transition: transform var(--d-lento) var(--c-mola);
}

body.dinoxx-blacknovember .bn-filme:hover .bn-filme__anel, body.dinoxx-blacknovember .bn-filme:focus-visible .bn-filme__anel { transform: scale(1.08); }



body.dinoxx-blacknovember .bn-filme__texto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: bn-girar 18s linear infinite;
  transition: animation-duration var(--d-base) linear;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.75));
}
body.dinoxx-blacknovember .bn-filme__texto text {
  fill: var(--off-white);
  font-family: var(--fonte-ui);
  font-size: 10.4px;
  font-weight: 600;
  letter-spacing: 0.235em;
}

body.dinoxx-blacknovember .bn-filme:hover .bn-filme__texto { animation-duration: 9s; }

@keyframes bn-girar { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-filme__texto { animation: none; }
}



body.dinoxx-blacknovember .bn-filme__play {
  position: relative;
  display: grid;
  place-items: center;
  width: 54%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.26);
  background:
    radial-gradient(120% 140% at 50% -30%, rgba(255,255,255,0.22) 0%, transparent 62%),
    rgba(12,12,11,0.52);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    inset 0 1px 0.6px rgba(255,255,255,0.36),
    0 10px 28px -10px rgba(0,0,0,0.9);
  transition: background var(--d-base) var(--c-saida),
              border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-filme__play svg { width: 28%; height: auto; margin-left: 8%; }

body.dinoxx-blacknovember .bn-filme:hover .bn-filme__play, body.dinoxx-blacknovember .bn-filme:focus-visible .bn-filme__play {
  background:
    radial-gradient(120% 140% at 50% -30%, rgba(255,255,255,0.28) 0%, transparent 62%),
    rgba(254,92,33,0.80);
  border-color: transparent;
}


body.dinoxx-blacknovember .bn-filme__play::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(254,92,33,0.5);
  animation: bn-onda 3.4s var(--c-dupla) infinite;
}
@keyframes bn-onda {
  0%   { transform: scale(1);    opacity: 0.6; }
  70%  { transform: scale(1.45); opacity: 0; }
  100% { transform: scale(1.45); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-filme__play::after { animation: none; opacity: 0.3; }
}



body.dinoxx-blacknovember .bn-palco {
  position: relative;
  z-index: 5;
  display: grid;
  
  grid-template-columns: minmax(0, 1fr);
  align-content: end;
  gap: clamp(var(--e4), 1.7vw, var(--e7));
  padding: 0 0 clamp(var(--e5), 1.8vw, var(--e7));
  grid-row: 2;
  min-width: 0;   
}

body.dinoxx-blacknovember .bn-chamada {
  padding-inline: var(--margem);
  
  max-width: clamp(380px, 40vw, 660px);
}

body.dinoxx-blacknovember .bn-chamada__selo {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  margin-bottom: var(--e4);
  padding: var(--e1) var(--e3) var(--e1) var(--e2);
  border: 1px solid var(--fio-forte);
  border-radius: var(--r-pilula);
  background: var(--vidro);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--off-white);
}


body.dinoxx-blacknovember .bn-chamada__ponto {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--ambar);
  box-shadow: 0 0 0 0 rgba(254,92,33,0.55);
  animation: bn-pulsar 2.6s var(--c-dupla) infinite;
}

@keyframes bn-pulsar {
  0%   { box-shadow: 0 0 0 0 rgba(254,92,33,0.50); }
  70%  { box-shadow: 0 0 0 7px rgba(254,92,33,0); }
  100% { box-shadow: 0 0 0 0 rgba(254,92,33,0); }
}

body.dinoxx-blacknovember .bn-chamada__titulo {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d1);
  font-weight: 700;
  font-stretch: 112%;
  line-height: 0.96;
  letter-spacing: var(--tr-manchete);
  color: var(--off-white);
  text-wrap: balance;
}


body.dinoxx-blacknovember .bn-chamada__titulo b { color: var(--ambar); font-weight: inherit; }

body.dinoxx-blacknovember .bn-chamada__apoio {
  margin: var(--e4) 0 0;
  font-size: var(--t-apoio);
  font-weight: 400;
  color: var(--inox);
  max-width: 40ch;
}



body.dinoxx-blacknovember .bn-filtro {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(var(--e3), 1.4vw, var(--e5));
  padding-inline: var(--margem);
  margin-top: calc(var(--e2) * -1);
}

body.dinoxx-blacknovember .bn-grupo {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--e3);
}

body.dinoxx-blacknovember .bn-grupo__rotulo {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  white-space: nowrap;
}



body.dinoxx-blacknovember .bn-trilho {
  position: relative;
  display: flex;
  padding: 4px;
  border: 1px solid rgba(244,241,236,0.09);
  border-radius: var(--r-pilula);
  background: rgba(7, 7, 6, 0.64);
  backdrop-filter: blur(26px) saturate(1.3) brightness(0.86);
  -webkit-backdrop-filter: blur(26px) saturate(1.3) brightness(0.86);
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,0.70),
    inset 0 -1px 0 rgba(244,241,236,0.05),
    0 1px 0 rgba(244,241,236,0.04);
}



body.dinoxx-blacknovember .bn-trilho__indicador {
  position: absolute;
  
  top: -7px;
  bottom: -7px;
  left: 0;
  border-radius: 20px;
  pointer-events: none;

  
  background:
    radial-gradient(84% 58% at 50% 116%,
      rgba(255,255,255,0.085) 0%, rgba(255,255,255,0.03) 44%, transparent 68%),
    radial-gradient(64% 120% at 16% 112%,
      rgba(255,172,112,0.10) 0%, transparent 58%),
    linear-gradient(180deg,
      rgba(28,28,27,0.88) 0%,
      rgba(13,13,12,0.94) 48%,
      rgba(21,21,20,0.91) 100%);

  backdrop-filter: blur(12px) saturate(1.22) brightness(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.22) brightness(1.05);

  
  border: 1px solid rgba(255,255,255,0.085);

  box-shadow:
    
    inset 0 1.2px 0.8px rgba(255,255,255,0.30),
    inset 0 -1.2px 0.8px rgba(255,255,255,0.15),
    inset 1.6px 0 1.4px rgba(255,255,255,0.045),
    inset -1.6px 0 1.4px rgba(255,255,255,0.045),
    
    0 12px 28px -11px rgba(0,0,0,0.92),
    0 2px 7px -2px rgba(0,0,0,0.70),
    
    0 9px 28px -11px rgba(254,92,33,0.34);

  
  will-change: transform, width;
}



body.dinoxx-blacknovember .bn-trilho__indicador::before, body.dinoxx-blacknovember .bn-trilho__indicador::after {
  content: '';
  position: absolute;
  left: 6%;
  right: 6%;
  height: 46%;
  pointer-events: none;

  
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%, #000 22%, #000 78%, transparent 100%);
          mask-image: linear-gradient(90deg,
    transparent 0%, #000 22%, #000 78%, transparent 100%);
}


body.dinoxx-blacknovember .bn-trilho__indicador::before {
  top: 1px;
  background: radial-gradient(70% 150% at 50% -16%,
    rgba(255,255,255,0.88) 0%,
    rgba(255,255,255,0.40) 30%,
    rgba(255,255,255,0.12) 54%,
    transparent 78%);
  filter: blur(1.1px);
}


body.dinoxx-blacknovember .bn-trilho__indicador::after {
  bottom: 1px;
  background: radial-gradient(74% 150% at 50% 116%,
    rgba(255,248,240,0.56) 0%,
    rgba(255,240,228,0.24) 32%,
    rgba(255,255,255,0.07) 56%,
    transparent 80%);
  filter: blur(1.4px);
}


body.dinoxx-blacknovember .bn-trilho:not([data-pronto]) .bn-trilho__indicador { opacity: 0; }

body.dinoxx-blacknovember .bn-opcao {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  padding: 9px var(--e5);
  border-radius: var(--r-pilula);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  
  color: rgba(244, 241, 236, 0.60);
  white-space: nowrap;
  transition: color var(--d-rapido) var(--c-saida),
              text-shadow var(--d-rapido) var(--c-saida);
  -webkit-tap-highlight-color: transparent;
}

body.dinoxx-blacknovember .bn-opcao:hover { color: rgba(244, 241, 236, 0.94); }


body.dinoxx-blacknovember .bn-opcao[aria-checked='true'] {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.55), 0 0 14px rgba(0,0,0,0.35);
}
body.dinoxx-blacknovember .bn-opcao[aria-checked='true'] .bn-opcao__icone { opacity: 1; }

body.dinoxx-blacknovember .bn-opcao__icone {
  width: 15px; height: 15px;
  opacity: 0.62;
  transition: opacity var(--d-rapido) var(--c-saida);
}


body.dinoxx-blacknovember .bn-grupo[data-recuado] {
  opacity: 0.42;
  transition: opacity var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-grupo[data-recuado]:hover, body.dinoxx-blacknovember .bn-grupo[data-recuado]:focus-within { opacity: 0.78; }



body.dinoxx-blacknovember .bn-grupo--linha[hidden] { display: none; }

body.dinoxx-blacknovember .bn-grupo--linha[data-estreando] {
  animation: bn-revelar var(--d-lento) var(--c-saida) both;
}

@keyframes bn-revelar {
  from { opacity: 0; transform: translateX(-10px); }
  to   { opacity: 1; transform: none; }
}


body.dinoxx-blacknovember .bn-opcao__n {
  margin-left: 7px;
  font-size: 0.68em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.5;
}
body.dinoxx-blacknovember .bn-opcao[aria-checked='true'] .bn-opcao__n { opacity: 0.62; }



body.dinoxx-blacknovember .bn-vitrine { position: relative; min-width: 0; }

body.dinoxx-blacknovember .bn-vitrine__topo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--e6);
  padding: 0 var(--margem) var(--e4);
}

body.dinoxx-blacknovember .bn-vitrine__conta {
  font-family: var(--fonte-display);
  font-size: 0.78rem;
  font-weight: 600;
  font-stretch: 108%;
  letter-spacing: 0.06em;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-vitrine__conta b { color: var(--off-white); font-weight: 700; }



body.dinoxx-blacknovember .bn-nav { display: flex; gap: var(--e2); }

body.dinoxx-blacknovember .bn-nav__botao {
  display: grid;
  place-items: center;
  width: 62px; height: 42px;
  border: 1px solid var(--fio);
  border-radius: var(--r-medio);
  background: var(--vidro);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: var(--off-white);
  box-shadow: inset 0 1px 0 var(--brilho-topo);
  transition:
    border-color var(--d-rapido) var(--c-saida),
    background   var(--d-rapido) var(--c-saida),
    transform    var(--d-rapido) var(--c-saida);
}

body.dinoxx-blacknovember .bn-nav__botao:hover:not(:disabled) {
  border-color: var(--fio-forte);
  background: var(--vidro-alto);
}
body.dinoxx-blacknovember .bn-nav__botao:active:not(:disabled) { transform: scale(0.96); }

body.dinoxx-blacknovember .bn-nav__botao:disabled { opacity: 0.3; cursor: default; }

body.dinoxx-blacknovember .bn-nav__seta { width: 26px; height: 10px; overflow: visible; }


body.dinoxx-blacknovember .bn-nav__haste {
  transition: d var(--d-base) var(--c-saida), transform var(--d-base) var(--c-saida);
  transform-origin: center;
}
body.dinoxx-blacknovember .bn-nav__botao:hover:not(:disabled) .bn-nav__haste { transform: scaleX(1.28); }
body.dinoxx-blacknovember .bn-nav__botao:hover:not(:disabled) .bn-nav__ponta { transform: translateX(3px); }
body.dinoxx-blacknovember .bn-nav__botao--ant:hover:not(:disabled) .bn-nav__ponta { transform: translateX(-3px); }
body.dinoxx-blacknovember .bn-nav__ponta { transition: transform var(--d-base) var(--c-saida); }



body.dinoxx-blacknovember .bn-trilha {
  display: flex;
  gap: var(--e4);
  padding: var(--e2) var(--margem) var(--e5);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  
  scroll-padding-left: var(--margem);
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  min-width: 0;
  
  min-height: 292px;
  cursor: grab;
}
body.dinoxx-blacknovember .bn-trilha::-webkit-scrollbar { display: none; }
body.dinoxx-blacknovember .bn-trilha[data-arrastando] { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
body.dinoxx-blacknovember .bn-trilha[data-arrastando] .bn-card { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-trilha { scroll-behavior: auto; }
}




body.dinoxx-blacknovember .bn-card {
  position: relative;
  flex: 0 0 auto;
  width: clamp(224px, 20vw, 282px);
  scroll-snap-align: start;
  display: grid;
  
  grid-template-rows: auto 1fr;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: var(--r-card);

  background:
    radial-gradient(78% 42% at 50% 112%,
      rgba(255,255,255,0.055) 0%, transparent 64%),
    radial-gradient(60% 90% at 12% 108%,
      rgba(255,172,112,0.055) 0%, transparent 58%),
    linear-gradient(176deg, rgba(30,29,27,0.62) 0%, rgba(12,12,11,0.80) 100%);

  backdrop-filter: blur(26px) saturate(1.2) brightness(1.03);
  -webkit-backdrop-filter: blur(26px) saturate(1.2) brightness(1.03);

  box-shadow:
    inset 0 1px 0.6px rgba(255,255,255,0.16),
    inset 0 -1px 0.6px rgba(255,255,255,0.055),
    inset 1.4px 0 1.2px rgba(255,255,255,0.028),
    inset -1.4px 0 1.2px rgba(255,255,255,0.028),
    var(--sombra-ambiente);

  overflow: hidden;
  transition:
    transform    var(--d-base) var(--c-saida),
    border-color var(--d-base) var(--c-saida),
    box-shadow   var(--d-base) var(--c-saida);
}


body.dinoxx-blacknovember .bn-card::before {
  content: '';
  position: absolute;
  left: 8%; right: 8%; top: 0;
  height: 44px;
  pointer-events: none;
  background: radial-gradient(70% 140% at 50% -24%,
    rgba(255,255,255,0.30) 0%,
    rgba(255,255,255,0.11) 34%,
    rgba(255,255,255,0.03) 58%,
    transparent 80%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
  filter: blur(1.4px);
  transition: opacity var(--d-base) var(--c-saida);
}

body.dinoxx-blacknovember .bn-card:hover, body.dinoxx-blacknovember .bn-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(255,255,255,0.14);
  box-shadow:
    inset 0 1.4px 0.8px rgba(255,255,255,0.26),
    inset 0 -1px 0.6px rgba(255,255,255,0.075),
    inset 1.4px 0 1.2px rgba(255,255,255,0.04),
    inset -1.4px 0 1.2px rgba(255,255,255,0.04),
    var(--sombra-erguido);
}


body.dinoxx-blacknovember .bn-card::after {
  content: '';
  position: absolute;
  left: 14%; right: 14%; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ambar), transparent);
  opacity: 0;
  transition: opacity var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-card:hover::after, body.dinoxx-blacknovember .bn-card:focus-within::after { opacity: 1; }

body.dinoxx-blacknovember .bn-card__palco {
  position: relative;
  display: grid;
  place-items: center;
  padding: var(--e5) var(--e5) var(--e2);
  min-height: 150px;
}


body.dinoxx-blacknovember .bn-card__palco { place-items: stretch; }


body.dinoxx-blacknovember .bn-card__chao {
  position: absolute;
  left: 50%; bottom: 14px;
  width: 64%; height: 16px;
  transform: translateX(-50%);
  background: radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0.62) 0%, transparent 72%);
  filter: blur(5px);
  transition: transform var(--d-base) var(--c-saida), opacity var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-card:hover .bn-card__chao { transform: translateX(-50%) scaleX(0.88); opacity: 0.74; }

body.dinoxx-blacknovember .bn-card__foto {
  position: relative;
  width: 100%;
  
  height: 150px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.44));
  transition: transform var(--d-base) var(--c-saida),
              opacity   var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-card:hover .bn-card__foto, body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__foto { transform: translateY(-4px) scale(1.045); }



body.dinoxx-blacknovember .bn-card__foto--ambiente {
  position: absolute;
  top: 10px;
  left: 10px;
  
  width: calc(100% - 20px);
  height: calc(100% - 18px);
  object-fit: cover;
  object-position: center;
  border-radius: 9px;
  opacity: 0;
  transform: scale(1.035);
  filter: none;

  
  transition:
    opacity   440ms var(--c-saida),
    transform 620ms var(--c-saida);
}


body.dinoxx-blacknovember .bn-card__foto:not(.bn-card__foto--ambiente) {
  transition:
    opacity   300ms var(--c-dupla) 140ms,
    transform var(--d-base) var(--c-saida);
}

body.dinoxx-blacknovember .bn-card:hover .bn-card__foto--ambiente, body.dinoxx-blacknovember .bn-card:focus-within .bn-card__foto--ambiente, body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__foto--ambiente {
  opacity: 1;
  transform: scale(1);
}

body.dinoxx-blacknovember .bn-card:hover .bn-card__foto:not(.bn-card__foto--ambiente), body.dinoxx-blacknovember .bn-card:focus-within .bn-card__foto:not(.bn-card__foto--ambiente), body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__foto:not(.bn-card__foto--ambiente) {
  opacity: 0;
}


body.dinoxx-blacknovember .bn-card:not(:hover):not(:focus-within):not([data-ativo]) .bn-card__foto--ambiente {
  transition: opacity 300ms var(--c-dupla) 120ms, transform 440ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-card:not(:hover):not(:focus-within):not([data-ativo]) .bn-card__foto:not(.bn-card__foto--ambiente) {
  transition: opacity 360ms var(--c-saida), transform var(--d-base) var(--c-saida);
}


body.dinoxx-blacknovember .bn-card:hover .bn-card__chao, body.dinoxx-blacknovember .bn-card:focus-within .bn-card__chao, body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__chao { opacity: 0; }

body.dinoxx-blacknovember .bn-card__carrinho[data-vazio] { visibility: hidden; }

body.dinoxx-blacknovember .bn-card__ficha {
  display: flex;
  flex-direction: column;
  gap: var(--e2);
  min-height: 0;
  padding: var(--e4) var(--e5) var(--e5);
  border-top: 1px solid rgba(244,241,236,0.06);
}

body.dinoxx-blacknovember .bn-card__linha {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}


body.dinoxx-blacknovember .bn-card__nome {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d4);
  font-weight: 600;
  font-stretch: 106%;
  letter-spacing: -0.014em;
  line-height: 1.18;
  color: var(--off-white);
}



body.dinoxx-blacknovember .bn-card__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  
  margin-top: auto;
  padding-top: 0;
  padding: 9px var(--e4);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--r-pilula);
  background: linear-gradient(180deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.03) 100%);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: var(--off-white);
  transition:
    background   var(--d-base) var(--c-saida),
    border-color var(--d-base) var(--c-saida);
}

body.dinoxx-blacknovember .bn-card__cta::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }

body.dinoxx-blacknovember .bn-card__cta svg { width: 20px; height: 9px; overflow: visible; flex: 0 0 auto; }
body.dinoxx-blacknovember .bn-card__haste { transition: transform var(--d-base) var(--c-saida); transform-origin: left; }

body.dinoxx-blacknovember .bn-card:hover .bn-card__cta, body.dinoxx-blacknovember .bn-card:focus-within .bn-card__cta, body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__cta {
  background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%);
  border-color: rgba(254,92,33,0.55);
}
body.dinoxx-blacknovember .bn-card:hover .bn-card__haste, body.dinoxx-blacknovember .bn-card[data-ativo] .bn-card__haste { transform: scaleX(1.22); }

body.dinoxx-blacknovember .bn-card__precos {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--e2);
  margin-top: var(--e1);
}

body.dinoxx-blacknovember .bn-card__de {
  font-size: 0.78rem;
  color: var(--inox-fundo);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

body.dinoxx-blacknovember .bn-card__por {
  font-family: var(--fonte-display);
  font-size: 1.12rem;
  font-weight: 700;
  font-stretch: 106%;
  letter-spacing: -0.01em;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-card__por small { font-size: 0.72em; font-weight: 600; opacity: 0.66; margin-right: 1px; }



body.dinoxx-blacknovember .bn-card__precos > .bn-tag-off {
  flex-basis: 100%;
  max-width: max-content;
  margin-bottom: 3px;
}


body.dinoxx-blacknovember .bn-card { animation: bn-entrar var(--d-lento) var(--c-saida) both; }
body.dinoxx-blacknovember .bn-card[data-saindo] { animation: bn-sair var(--d-rapido) var(--c-dupla) both; }

@keyframes bn-entrar {
  from { opacity: 0; transform: translateY(18px) scale(0.975); }
  to   { opacity: 1; transform: none; }
}
@keyframes bn-sair {
  from { opacity: 1; transform: none; }
  to   { opacity: 0; transform: translateY(9px) scale(0.985); }
}



body.dinoxx-blacknovember .bn-card--cauda {
  width: clamp(192px, 16vw, 230px);
  background: rgba(11, 11, 10, 0.34);
  border-style: dashed;
  border-color: rgba(244, 241, 236, 0.16);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: none;
}
body.dinoxx-blacknovember .bn-card--cauda:hover {
  background: rgba(22, 21, 19, 0.56);
  border-color: var(--ambar);
  box-shadow: var(--sombra-ambiente);
}
body.dinoxx-blacknovember .bn-card--cauda::after { display: none; }

body.dinoxx-blacknovember .bn-cauda {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: var(--e3);
  height: 100%;
  padding: var(--e6) var(--e5);
}

body.dinoxx-blacknovember .bn-cauda__seta {
  display: grid;
  place-items: center;
  width: 42px; height: 42px;
  border: 1px solid var(--fio);
  border-radius: 50%;
  color: var(--off-white);
  transition: border-color var(--d-base) var(--c-saida), background var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-cauda__seta svg { width: 22px; height: 11px; overflow: visible; }
body.dinoxx-blacknovember .bn-cauda__seta svg path { transition: transform var(--d-base) var(--c-saida); }
body.dinoxx-blacknovember .bn-card--cauda:hover .bn-cauda__seta { border-color: var(--ambar); background: rgba(254,92,33,0.12); }
body.dinoxx-blacknovember .bn-card--cauda:hover .bn-cauda__seta svg path { transform: translateX(3px); }

body.dinoxx-blacknovember .bn-cauda__texto {
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.26;
  letter-spacing: -0.012em;
  color: var(--off-white);
  text-wrap: balance;
}

body.dinoxx-blacknovember .bn-cauda__nota {
  font-size: var(--t-micro);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--inox-fundo);
}



body.dinoxx-blacknovember .bn-progresso {
  position: relative;
  height: 2px;
  margin: 0 var(--margem);
  border-radius: 2px;
  background: rgba(244,241,236,0.10);
  overflow: hidden;
}

body.dinoxx-blacknovember .bn-progresso__barra {
  position: absolute;
  top: 0; bottom: 0; left: 0;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--ambar), var(--ambar-luz));
  transition: transform var(--d-base) var(--c-saida), width var(--d-base) var(--c-saida);
  will-change: transform, width;
}



body.dinoxx-blacknovember .bn-nota {
  display: flex;
  align-items: flex-start;
  gap: var(--e3);
  margin: var(--e4) var(--margem) 0;
  padding-left: var(--e4);
  border-left: 1px solid rgba(254,92,33,0.42);
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--inox);
  max-width: 76ch;
  animation: bn-entrar var(--d-base) var(--c-saida) both;
}
body.dinoxx-blacknovember .bn-nota[hidden] { display: none; }

body.dinoxx-blacknovember .bn-nota b { color: var(--off-white); font-weight: 600; }

body.dinoxx-blacknovember .bn-nota__icone { flex: 0 0 auto; margin-top: 1px; color: var(--ambar); }
body.dinoxx-blacknovember .bn-nota__icone svg { width: 17px; height: 17px; }

body.dinoxx-blacknovember .bn-nota a, body.dinoxx-blacknovember .bn-nota button {
  color: var(--off-white);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(254,92,33,0.55);
  text-underline-offset: 3px;
  transition: text-decoration-color var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-nota a:hover, body.dinoxx-blacknovember .bn-nota button:hover { text-decoration-color: var(--ambar); }


body.dinoxx-blacknovember .bn-card__carrinho {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 1px;
  color: rgba(244, 241, 236, 0.58);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.005em;
}
body.dinoxx-blacknovember .bn-card__carrinho svg { width: 14px; height: 14px; flex: 0 0 auto; color: var(--ambar); }



body.dinoxx-blacknovember .bn-vazio {
  flex: 1 1 auto;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--e3);
  padding: var(--e8) var(--e6);
  text-align: center;
  border: 1px dashed var(--fio);
  border-radius: var(--r-card);
  background: rgba(13,13,12,0.46);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: bn-entrar var(--d-base) var(--c-saida) both;
}

body.dinoxx-blacknovember .bn-vazio__titulo {
  font-family: var(--fonte-display);
  font-size: 1.05rem;
  font-weight: 600;
  font-stretch: 108%;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-vazio__texto { font-size: 0.86rem; color: var(--inox); max-width: 38ch; }

body.dinoxx-blacknovember .bn-vazio__acao {
  margin-top: var(--e1);
  padding: 9px var(--e5);
  border: 1px solid var(--fio-forte);
  border-radius: var(--r-pilula);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--off-white);
  transition: background var(--d-rapido) var(--c-saida), border-color var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-vazio__acao:hover { background: var(--vidro-alto); border-color: var(--ambar); }



@media (max-width: 860px) {

  
  body.dinoxx-blacknovember .bn-hero {
    
    
    
    min-height: 100svh;
    grid-template-rows: auto;
    --raio: clamp(150px, 46vw, 260px);
    --my: 34%;
  }

  
  
  
  body.dinoxx-blacknovember .bn-hero__cena, body.dinoxx-blacknovember .bn-hero__escuro, body.dinoxx-blacknovember .bn-hero__facho, body.dinoxx-blacknovember .bn-hero__luz {
    position: absolute;
    inset: 0 0 auto 0;
    height: 64svh;
    grid-row: auto;
    grid-column: auto;
  }
  body.dinoxx-blacknovember .bn-hero__brasa { top: auto; bottom: auto; height: 26svh; }

  
  
  body.dinoxx-blacknovember .bn-hero__foto img { object-position: 50% 16%; }  

  
  body.dinoxx-blacknovember .bn-hero__escuro { background: rgba(6,6,5,0.26); }

  
  body.dinoxx-blacknovember .bn-hero__luz {
    background:
      linear-gradient(180deg, rgba(8,8,7,0.80) 0%, rgba(8,8,7,0.26) 12%, transparent 26%),
      linear-gradient(0deg,
        var(--preto) 0%,
        rgba(11,11,10,0.985) 26%,
        rgba(11,11,10,0.90) 40%,
        rgba(11,11,10,0.58) 54%,
        rgba(11,11,10,0.18) 68%,
        transparent 82%);
  }

  body.dinoxx-blacknovember .bn-hero__brasa { height: 42%; }

  
  body.dinoxx-blacknovember .bn-marca {
    width: min(42vw, 164px);
    margin: var(--e4) 0 var(--e3);
  }

  
  body.dinoxx-blacknovember .bn-filme {
    right: var(--margem);
    top: calc(38svh - 112px);
    width: clamp(78px, 21vw, 92px);
  }
  body.dinoxx-blacknovember .bn-filme__texto text { font-size: 10.8px; letter-spacing: 0.2em; }

  body.dinoxx-blacknovember .bn-rastro { width: 150vw; height: 54vw; top: 2%; right: -30vw; opacity: 0.5; }

  
  
  
  
  body.dinoxx-blacknovember .bn-hero__foto { inset: 0 0 auto 0; height: 38svh; }

  
  body.dinoxx-blacknovember .bn-hero__foto::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    
    
    height: 60%;
    background: linear-gradient(to bottom,
      rgba(11,11,10,0)    0%,
      rgba(11,11,10,0.04) 10%,
      rgba(11,11,10,0.12) 20%,
      rgba(11,11,10,0.24) 30%,
      rgba(11,11,10,0.40) 40%,
      rgba(11,11,10,0.56) 50%,
      rgba(11,11,10,0.71) 60%,
      rgba(11,11,10,0.83) 70%,
      rgba(11,11,10,0.92) 80%,
      rgba(11,11,10,0.98) 90%,
      var(--preto)       100%);
  }

  
  body.dinoxx-blacknovember .bn-hero__foto img { animation-name: bn-respirar-fino; }
  @keyframes bn-respirar-fino {
    from { transform: scale(1.0)  translate3d(0, 0, 0); }
    to   { transform: scale(1.04) translate3d(-0.4%, -0.5%, 0); }
  }

  
  body.dinoxx-blacknovember .bn-hero__escuro { display: none; }

  
  body.dinoxx-blacknovember .bn-palco {
    gap: var(--e5);
    padding: 23svh 0 var(--e5);
  }

  body.dinoxx-blacknovember .bn-chamada { max-width: none; }
  body.dinoxx-blacknovember .bn-chamada__selo { margin-bottom: var(--e2); padding: 4px var(--e3); font-size: 0.68rem; }
  body.dinoxx-blacknovember .bn-chamada__titulo { font-size: clamp(1.85rem, 1.1rem + 3.4vw, 2.4rem); margin-bottom: var(--e2); }

  
  body.dinoxx-blacknovember .bn-chamada__apoio { display: none; }

  
  body.dinoxx-blacknovember .bn-trilho__indicador { top: -3px; bottom: -3px; border-radius: 13px; }
  body.dinoxx-blacknovember .bn-trilho__indicador::before, body.dinoxx-blacknovember .bn-trilho__indicador::after { height: 40%; left: 10%; right: 10%; }

  
  
  
  body.dinoxx-blacknovember .bn-filtro { position: relative; flex-direction: column; gap: var(--e4); min-width: 0; }

  body.dinoxx-blacknovember .bn-grupo {
    flex-direction: column;
    align-items: stretch;
    gap: var(--e2);
    min-width: 0;
  }

  body.dinoxx-blacknovember .bn-grupo__rotulo {
    flex: none;
    padding-left: 2px;
    font-size: 0.70rem;      
    letter-spacing: 0.10em;
    white-space: nowrap;
    line-height: 1;
  }

  body.dinoxx-blacknovember .bn-trilho { width: 100%; min-width: 0; }

  body.dinoxx-blacknovember .bn-opcao {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    gap: 5px;
    
    
    padding: 10px 4px;
    min-height: 42px;
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.dinoxx-blacknovember .bn-opcao__icone { flex: 0 0 auto; width: 15px; height: 15px; }

  
  body.dinoxx-blacknovember .bn-opcao--linha { font-size: 0.78rem; padding: 10px 2px; }
  body.dinoxx-blacknovember .bn-opcao__n { display: none; }

  body.dinoxx-blacknovember .bn-vitrine__topo { padding-bottom: var(--e2); }
  body.dinoxx-blacknovember .bn-nav { display: none; }              

  
  body.dinoxx-blacknovember .bn-trilha { min-height: 300px; gap: var(--e3); padding-block: var(--e1) var(--e3); }
  body.dinoxx-blacknovember .bn-card { width: min(70vw, 252px); }
  
  body.dinoxx-blacknovember .bn-card__palco { min-height: 132px; padding: var(--e4) var(--e4) var(--e1); }
  body.dinoxx-blacknovember .bn-card__foto { height: 132px; }
  body.dinoxx-blacknovember .bn-card__ficha { padding: var(--e3) var(--e4) var(--e4); }
  body.dinoxx-blacknovember .bn-card__nome { font-size: 1.04rem; }
  body.dinoxx-blacknovember .bn-card--cauda { width: min(52vw, 190px); }
  body.dinoxx-blacknovember .bn-cauda { padding: var(--e5) var(--e4); gap: var(--e2); }
  body.dinoxx-blacknovember .bn-cauda__seta { width: 36px; height: 36px; }
}

@media (max-width: 420px) {
  body.dinoxx-blacknovember .bn-chamada__titulo { line-height: 1.0; }
  
}


@media (max-height: 620px) and (min-width: 861px) {
  body.dinoxx-blacknovember .bn-marca { width: clamp(160px, 15vw, 240px); }
  body.dinoxx-blacknovember .bn-trilha { min-height: 268px; }
  body.dinoxx-blacknovember .bn-card__palco { min-height: 128px; }
  body.dinoxx-blacknovember .bn-card__foto { height: 106px; }
}


@media (hover: none), (max-width: 860px) {
  body.dinoxx-blacknovember .bn-card__foto--ambiente { display: none; }

  body.dinoxx-blacknovember .bn-card:focus-within .bn-card__foto:not(.bn-card__foto--ambiente), body.dinoxx-blacknovember .bn-card[data-ativo]  .bn-card__foto:not(.bn-card__foto--ambiente) { opacity: 1; }

  body.dinoxx-blacknovember .bn-card:focus-within .bn-card__chao, body.dinoxx-blacknovember .bn-card[data-ativo]  .bn-card__chao { opacity: 1; }
}


body.dinoxx-blacknovember .bn-card { overflow: visible; }


body.dinoxx-blacknovember .bn-card__palco {
  overflow: hidden;
  border-radius: var(--r-card) var(--r-card) 0 0;
}

body.dinoxx-blacknovember .bn-selo-off {
  position: absolute;
  z-index: 5;
  top: 18px;
  right: -7px;
  display: grid;
  place-items: center;
  min-width: 52px;
  padding: 6px 10px 6px 12px;
  border-radius: 5px 3px 3px 5px;

  background: linear-gradient(162deg, #FFE68F 0%, var(--ouro) 52%, #E2A814 100%);
  color: #1A1206;
  font-family: var(--fonte-ui);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;

  box-shadow:
    0 2px 10px -2px rgba(0,0,0,0.6),
    0 0 22px -6px rgba(254,211,65,0.55),
    inset 0 1px 0 rgba(255,255,255,0.5);
}


body.dinoxx-blacknovember .bn-selo-off::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  width: 0; height: 0;
  border-style: solid;
  border-width: 0 7px 6px 0;
  border-color: transparent #8A6212 transparent transparent;
}


body.dinoxx-blacknovember .bn-selo-off::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(104deg,
    transparent 36%, rgba(255,255,255,0.72) 50%, transparent 64%);
  opacity: 0;
  animation: bn-lustro-selo 1500ms var(--c-saida) 520ms 1;
}
@keyframes bn-lustro-selo {
  0%   { opacity: 0; transform: translateX(-120%); }
  26%  { opacity: 1; }
  100% { opacity: 0; transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-selo-off::before { animation: none; }
}


body.dinoxx-blacknovember .bn-card__economia, body.dinoxx-blacknovember .bn-mod__economia {
  flex-basis: 100%;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--ouro);
  letter-spacing: 0.005em;
}


/* ===== pagina.css ===== */


body.dinoxx-blacknovember .bn-secao {
  position: relative;
  padding-block: clamp(var(--e11), 9vw, 168px);
}

body.dinoxx-blacknovember .bn-envoltorio {
  width: min(1420px, 100% - var(--margem) * 2);
  margin-inline: auto;
}


body.dinoxx-blacknovember .bn-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--e4);
  margin-bottom: var(--e6);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox);
}

body.dinoxx-blacknovember .bn-eyebrow::before {
  content: '';
  width: 28px; height: 1px;
  background: var(--ambar);
  transform-origin: left;
  transform: scaleX(0);
  transition: transform var(--d-lento) var(--c-saida) 120ms;
}
body.dinoxx-blacknovember [data-visivel] .bn-eyebrow::before, body.dinoxx-blacknovember .bn-eyebrow[data-visivel]::before { transform: scaleX(1); }

body.dinoxx-blacknovember .bn-titulo {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d2);
  font-weight: 700;
  font-stretch: 110%;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--off-white);
  text-wrap: balance;
}
body.dinoxx-blacknovember .bn-titulo b { color: var(--ambar); font-weight: inherit; }

body.dinoxx-blacknovember .bn-texto {
  margin: var(--e5) 0 0;
  max-width: 58ch;
  font-size: var(--t-apoio);
  color: var(--inox);
}



body.dinoxx-blacknovember .bn-sobe, body.dinoxx-blacknovember .bn-abre {
  opacity: 0;
  transition:
    opacity   var(--d-lento) var(--c-saida) var(--atraso, 0ms),
    transform var(--d-lento) var(--c-saida) var(--atraso, 0ms);
}


body.dinoxx-blacknovember .bn-sobe { transform: translateY(26px); }
body.dinoxx-blacknovember .bn-abre { transform: none; }

body.dinoxx-blacknovember .bn-sobe[data-visivel], body.dinoxx-blacknovember .bn-abre[data-visivel] { opacity: 1; transform: none; }


body.dinoxx-blacknovember .bn-sobe[data-acima] { transform: translateY(-26px); }

body.dinoxx-blacknovember .bn-sobe:not([data-visivel]), body.dinoxx-blacknovember .bn-abre:not([data-visivel]) {
  transition-duration: var(--d-base), var(--d-base);
  transition-delay: 0ms, 0ms;
}


body.dinoxx-blacknovember .sem-js .bn-sobe, body.dinoxx-blacknovember .sem-js .bn-abre { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-sobe, body.dinoxx-blacknovember .bn-abre { opacity: 1 !important; transform: none !important; }
}



body.dinoxx-blacknovember .bn-linha-m {
  display: block;
  overflow: clip;
  
  padding-block: 0.08em;
  margin-block: -0.08em;
}

body.dinoxx-blacknovember .bn-linha-m__i {
  display: block;
  transform: translateY(105%);
  transition: transform 980ms var(--c-saida) var(--atraso, 0ms);
}

body.dinoxx-blacknovember [data-revelado] .bn-linha-m__i { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-linha-m__i { transform: none !important; }
}


body.dinoxx-blacknovember [data-contar] {
  font-variant-numeric: tabular-nums;
  transition: filter 600ms var(--c-saida);
  filter: drop-shadow(0 0 26px rgba(254, 211, 65, 0.34));
}
body.dinoxx-blacknovember [data-contar][data-contado] { filter: drop-shadow(0 0 14px rgba(254, 211, 65, 0.16)); }



body.dinoxx-blacknovember .bn-oferta { border-top: 1px solid rgba(244,241,236,0.07); }

body.dinoxx-blacknovember .bn-oferta__grade {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(var(--e8), 6vw, var(--e12));
  align-items: end;   
}

body.dinoxx-blacknovember .bn-numerao {
  display: flex;
  align-items: baseline;
  gap: var(--e3);
  
  margin: clamp(var(--e7), 3vw, var(--e9)) 0 0;
  font-family: var(--fonte-display);
  font-weight: 800;
  font-stretch: 118%;
  line-height: 0.84;
  letter-spacing: -0.035em;
  color: var(--ouro);
  font-size: clamp(3.4rem, 1.4rem + 7.4vw, 9.2rem);
}
body.dinoxx-blacknovember .bn-numerao small {
  font-size: 0.30em;
  font-weight: 700;
  font-stretch: 108%;
  letter-spacing: 0.02em;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-numerao__ate {
  font-size: 0.26em;
  font-weight: 600;
  font-stretch: 104%;
  letter-spacing: 0.04em;
  color: var(--inox-fundo);
  text-transform: uppercase;
}

body.dinoxx-blacknovember .bn-oferta__nota {
  margin: var(--e6) 0 0;
  font-size: var(--t-apoio);
  color: var(--inox);
  max-width: 46ch;
}


body.dinoxx-blacknovember p.bn-eyebrow { margin-top: 0; }


body.dinoxx-blacknovember .bn-fatos { display: grid; gap: var(--e5); margin: 0; padding: 0; list-style: none; }

body.dinoxx-blacknovember .bn-fatos li {
  display: grid;
  gap: var(--e1);
  padding-left: var(--e5);
  border-left: 1px solid var(--fio);
}
body.dinoxx-blacknovember .bn-fatos b {
  font-family: var(--fonte-display);
  font-size: 1.04rem;
  font-weight: 600;
  font-stretch: 106%;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-fatos span { font-size: 0.88rem; color: var(--inox); }



body.dinoxx-blacknovember .bn-comunidade {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(var(--e4), 2vw, var(--e7));
  margin-top: clamp(var(--e8), 3.4vw, var(--e10));
  padding: clamp(var(--e5), 2.2vw, var(--e7));
  border: 1px solid rgba(37, 211, 102, 0.22);
  border-radius: var(--r-card);
  background:
    radial-gradient(70% 180% at 4% 50%, rgba(37, 211, 102, 0.10) 0%, transparent 62%),
    linear-gradient(176deg, rgba(26,25,23,0.6) 0%, rgba(12,12,11,0.74) 100%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.dinoxx-blacknovember .bn-comunidade__icone {
  display: grid;
  place-items: center;
  width: clamp(44px, 4vw, 58px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.14);
  border: 1px solid rgba(37, 211, 102, 0.3);
  color: #25D366;
}
body.dinoxx-blacknovember .bn-comunidade__icone svg { width: 54%; height: auto; }

body.dinoxx-blacknovember .bn-comunidade__titulo {
  margin: 0 0 3px;
  font-family: var(--fonte-display);
  font-size: clamp(1rem, 0.88rem + 0.4vw, 1.26rem);
  font-weight: 700;
  font-stretch: 106%;
  letter-spacing: -0.014em;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-comunidade__linha {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--inox);
  max-width: 62ch;
}

body.dinoxx-blacknovember .bn-comunidade__botao {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  padding: 13px var(--e6);
  border-radius: var(--r-pilula);
  background: #25D366;
  color: #08140C;
  font-size: 0.88rem;
  font-weight: 700;
  white-space: nowrap;
  transition: background var(--d-rapido) var(--c-saida), transform var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-comunidade__botao:hover { background: #2BE873; }
body.dinoxx-blacknovember .bn-comunidade__botao:active { transform: scale(0.975); }
body.dinoxx-blacknovember .bn-comunidade__botao svg { width: 18px; height: 18px; }


body.dinoxx-blacknovember .bn-comunidade[data-sem-link] .bn-comunidade__botao {
  background: rgba(37, 211, 102, 0.16);
  border: 1px dashed rgba(37, 211, 102, 0.42);
  color: rgba(244, 241, 236, 0.62);
  cursor: default;
  pointer-events: none;
}

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-comunidade {
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--e4);
  }
  body.dinoxx-blacknovember .bn-comunidade__botao { grid-column: 1 / -1; justify-content: center; }
}



body.dinoxx-blacknovember .bn-linhas {
  position: relative;
  min-height: 100svh;
  display: grid;
  
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  overflow: clip;
  padding-block: clamp(var(--e9), 7vw, var(--e11));
  isolation: isolate;
}



body.dinoxx-blacknovember .bn-linhas__fundo {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  background: #090908;
}


body.dinoxx-blacknovember .bn-linhas__filme {
  position: absolute;
  inset: -14% 0;
  transform: translate3d(0, var(--py, 0px), 0);
  will-change: transform;
}

body.dinoxx-blacknovember .bn-linhas__filme video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 820ms var(--c-saida), transform 2200ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-linhas__filme video[data-ativo] { opacity: 1; transform: scale(1); }


body.dinoxx-blacknovember .bn-linhas__veu {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(8,8,7,0.94) 0%, rgba(8,8,7,0.86) 28%,
      rgba(8,8,7,0.60) 56%, rgba(8,8,7,0.42) 100%),
    linear-gradient(0deg,
      rgba(8,8,7,0.92) 0%, rgba(8,8,7,0.30) 34%, transparent 62%),
    linear-gradient(180deg,
      rgba(8,8,7,0.86) 0%, transparent 26%);
}

body.dinoxx-blacknovember .bn-linhas__frente { position: relative; z-index: 1; min-width: 0; }



body.dinoxx-blacknovember .bn-seletor {
  position: relative;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(var(--e6), 3vw, var(--e10));
  margin-top: clamp(var(--e7), 3vw, var(--e9));
  padding-bottom: var(--e5);
  border-bottom: 1px solid rgba(244,241,236,0.12);
}


body.dinoxx-blacknovember .bn-seletor::after {
  content: '';
  position: absolute;
  left: 0; bottom: -1px;
  width: var(--fio-l, 0px);
  height: 2px;
  border-radius: 2px;
  background: var(--ambar);
  box-shadow: 0 0 14px 1px rgba(254,92,33,0.6);
  transform: translateX(var(--fio-x, 0px));
  transition: transform 620ms var(--c-saida), width 620ms var(--c-saida);
}

body.dinoxx-blacknovember .bn-linha {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: var(--e3);
  padding: 0 0 var(--e2);
  border: 0;
  background: none;
  cursor: pointer;
  isolation: isolate;
  
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

body.dinoxx-blacknovember .bn-linha__num {
  font-family: var(--fonte-display);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--inox-fundo);
  font-variant-numeric: tabular-nums;
  transition: color var(--d-base) var(--c-saida);
}

body.dinoxx-blacknovember .bn-linha__nome {
  font-family: var(--fonte-display);
  font-size: clamp(1.4rem, 0.85rem + 1.7vw, 2.4rem);
  font-weight: 700;
  font-stretch: 112%;
  line-height: 1;
  letter-spacing: -0.022em;
  color: rgba(244,241,236,0.44);
  transition: color var(--d-base) var(--c-saida);
}

body.dinoxx-blacknovember .bn-linha__qtd {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  white-space: nowrap;
}

body.dinoxx-blacknovember .bn-linha:hover .bn-linha__nome { color: rgba(244,241,236,0.86); }
body.dinoxx-blacknovember .bn-linha[aria-selected='true'] .bn-linha__nome { color: var(--off-white); }
body.dinoxx-blacknovember .bn-linha[aria-selected='true'] .bn-linha__num { color: var(--ambar); }


body.dinoxx-blacknovember .bn-linha::before {
  content: '';
  position: absolute;
  inset: -10px -14px 0;
  z-index: -1;
  border-radius: 10px;
  background: linear-gradient(90deg,
    transparent 0%, rgba(255,150,80,0.14) 40%,
    rgba(255,200,150,0.22) 50%, rgba(255,150,80,0.14) 60%, transparent 100%);
  background-size: 240% 100%;
  background-position: 180% 0;
  opacity: 0;
  transition: opacity 220ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-linha:hover::before, body.dinoxx-blacknovember .bn-linha:focus-visible::before {
  opacity: 1;
  animation: bn-varrer-linha 820ms var(--c-saida);
}

@keyframes bn-varrer-linha {
  from { background-position: 180% 0; }
  to   { background-position: -70% 0; }
}




body.dinoxx-blacknovember .bn-linhas__arg {
  margin: var(--e5) 0 0;
  max-width: 68ch;
  min-height: 8.4em;
  font-size: 0.92rem;
  line-height: 1.58;
  color: var(--inox);
}

body.dinoxx-blacknovember .bn-linhas__arg b {
  display: block;
  margin-bottom: var(--e2);
  font-family: var(--fonte-display);
  font-size: clamp(1rem, 0.86rem + 0.42vw, 1.28rem);
  font-weight: 600;
  font-stretch: 106%;
  letter-spacing: -0.012em;
  line-height: 1.24;
  text-transform: none;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-linhas__arg[data-trocando] { opacity: 0; transform: translateY(6px); }
body.dinoxx-blacknovember .bn-linhas__arg {
  transition: opacity 300ms var(--c-saida), transform 300ms var(--c-saida);
}



body.dinoxx-blacknovember .bn-explode { margin-top: clamp(var(--e6), 2.4vw, var(--e8)); }

body.dinoxx-blacknovember .bn-explode__topo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--e6);
  margin-bottom: var(--e4);
}

body.dinoxx-blacknovember .bn-explode__rot {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-explode__rot b { color: var(--off-white); }


body.dinoxx-blacknovember .bn-explode__trilha {
  display: flex;
  gap: clamp(var(--e5), 2.2vw, var(--e7));
  margin-right: calc(50% - 50vw);
  padding: var(--e2) var(--margem) var(--e4) 0;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  min-height: 286px;
}
body.dinoxx-blacknovember .bn-explode__trilha::-webkit-scrollbar { display: none; }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-explode__trilha { scroll-behavior: auto; }
}

body.dinoxx-blacknovember .bn-mod {
  position: relative;
  flex: 0 0 auto;
  width: clamp(168px, 14vw, 210px);
  scroll-snap-align: start;
  display: grid;
  
  grid-template-rows: auto 1fr;
  gap: var(--e3);
  animation: bn-explodir 720ms var(--c-saida) both;
  animation-delay: var(--atraso, 0ms);
}

@keyframes bn-explodir {
  from { opacity: 0; transform: translateY(30px) scale(0.94); filter: blur(5px); }
  to   { opacity: 1; transform: none; filter: blur(0); }
}

body.dinoxx-blacknovember .bn-mod__palco {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 150px;
}


body.dinoxx-blacknovember .bn-mod__halo {
  position: absolute;
  left: 50%; top: 50%;
  width: 124%; aspect-ratio: 1;
  transform: translate(-50%, -48%) scale(0.84);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%,
    rgba(255,176,116,0.20) 0%, rgba(254,92,33,0.08) 44%, transparent 68%);
  opacity: 0;
  transition: opacity var(--d-lento) var(--c-saida), transform var(--d-lento) var(--c-saida);
}
body.dinoxx-blacknovember .bn-mod:hover .bn-mod__halo { opacity: 1; transform: translate(-50%, -48%) scale(1); }

body.dinoxx-blacknovember .bn-mod__chao {
  position: absolute;
  left: 50%; bottom: 8px;
  width: 56%; height: 12px;
  transform: translateX(-50%);
  background: radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0.62) 0%, transparent 72%);
  filter: blur(5px);
}

body.dinoxx-blacknovember .bn-mod__foto {
  position: relative;
  width: 100%;
  height: 140px;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(0,0,0,0.58));
  transition: transform var(--d-lento) var(--c-saida);
}
body.dinoxx-blacknovember .bn-mod:hover .bn-mod__foto { transform: translateY(-7px) scale(1.06); }

body.dinoxx-blacknovember .bn-mod__ficha { display: grid; gap: 5px; }

body.dinoxx-blacknovember .bn-mod__nome {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d4);
  font-weight: 600;
  font-stretch: 106%;
  letter-spacing: -0.014em;
  line-height: 1.18;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-mod__nome a::after { content: ''; position: absolute; inset: 0; }

body.dinoxx-blacknovember .bn-mod__precos { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }

body.dinoxx-blacknovember .bn-mod__de {
  font-size: 0.74rem;
  color: var(--inox-fundo);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
body.dinoxx-blacknovember .bn-mod__por {
  font-family: var(--fonte-display);
  font-size: 0.98rem;
  font-weight: 700;
  font-stretch: 104%;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-mod__por small { font-size: 0.72em; font-weight: 600; opacity: 0.64; margin-right: 1px; }

body.dinoxx-blacknovember .bn-mod__precos > .bn-tag-off { flex-basis: 100%; max-width: max-content; margin-bottom: 4px; }

body.dinoxx-blacknovember .bn-mod__acao {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  margin-top: 2px;
  font-size: 0.74rem;
  font-weight: 600;
  color: rgba(244,241,236,0.58);
  transition: color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-mod__acao svg { width: 17px; height: 8px; overflow: visible; }
body.dinoxx-blacknovember .bn-mod__acao path { transition: transform var(--d-base) var(--c-saida); transform-origin: left; }
body.dinoxx-blacknovember .bn-mod:hover .bn-mod__acao { color: var(--off-white); }
body.dinoxx-blacknovember .bn-mod:hover .bn-mod__acao path:first-child { transform: scaleX(1.3); }



@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-seletor { gap: var(--e6) var(--e7); }
  body.dinoxx-blacknovember .bn-linha__qtd { display: none; }
}

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-linhas { min-height: 0; padding-block: clamp(var(--e9), 13vw, var(--e11)); }
  
  body.dinoxx-blacknovember .bn-linhas__filme { inset: -8% 0; }
  body.dinoxx-blacknovember .bn-linhas__veu {
    background:
      linear-gradient(0deg, rgba(8,8,7,0.95) 0%, rgba(8,8,7,0.62) 40%, rgba(8,8,7,0.34) 100%),
      linear-gradient(180deg, rgba(8,8,7,0.88) 0%, transparent 30%);
  }
  body.dinoxx-blacknovember .bn-seletor { gap: var(--e4) var(--e5); padding-bottom: var(--e4); }
  body.dinoxx-blacknovember .bn-linhas__arg { min-height: 4.4em; font-size: 0.88rem; }
  
  body.dinoxx-blacknovember .bn-explode__trilha { gap: var(--e4); min-height: 330px; }
  body.dinoxx-blacknovember .bn-mod { width: min(72vw, 262px); }
  body.dinoxx-blacknovember .bn-mod__palco { min-height: 142px; }
  body.dinoxx-blacknovember .bn-mod__foto { height: 142px; }
  body.dinoxx-blacknovember .bn-nav--linhas { display: none; }
}



body.dinoxx-blacknovember .bn-programa { border-top: 1px solid rgba(244,241,236,0.07); }

body.dinoxx-blacknovember .bn-aovivo {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
  gap: clamp(var(--e7), 3.4vw, var(--e10));
  align-items: start;
  margin-top: clamp(var(--e7), 3.4vw, var(--e9));
}



body.dinoxx-blacknovember .bn-palco-live {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--r-card);
  overflow: hidden;
  background: #0b0b0a;
  border: 1px solid var(--fio);
  box-shadow: var(--sombra-ambiente);
}

body.dinoxx-blacknovember .bn-palco-live__capa, body.dinoxx-blacknovember .bn-palco-live iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
body.dinoxx-blacknovember .bn-palco-live__capa { object-fit: cover; }

body.dinoxx-blacknovember .bn-palco-live__veu {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(8,8,7,0.92) 0%, rgba(8,8,7,0.42) 42%, transparent 72%),
    linear-gradient(90deg, rgba(8,8,7,0.72) 0%, transparent 56%);
}


body.dinoxx-blacknovember .bn-palco-live[data-tocando] .bn-palco-live__capa, body.dinoxx-blacknovember .bn-palco-live[data-tocando] .bn-palco-live__veu, body.dinoxx-blacknovember .bn-palco-live[data-tocando] .bn-palco-live__frente { display: none; }

body.dinoxx-blacknovember .bn-palco-live__frente {
  position: absolute;
  inset: auto 0 0 0;
  display: grid;
  justify-items: start;
  gap: var(--e3);
  padding: clamp(var(--e5), 2.4vw, var(--e8));
}

body.dinoxx-blacknovember .bn-palco-live__selo {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  padding: 3px var(--e3);
  border: 1px solid rgba(254,92,33,0.5);
  border-radius: var(--r-pilula);
  background: rgba(254,92,33,0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--ambar);
}

body.dinoxx-blacknovember .bn-palco-live[data-agora] .bn-palco-live__selo {
  background: var(--ambar);
  border-color: transparent;
  color: #140B06;
  animation: bn-pulso-live 2.4s var(--c-dupla) infinite;
}
@keyframes bn-pulso-live {
  0%, 100% { box-shadow: 0 0 0 0 rgba(254,92,33,0.55); }
  60%      { box-shadow: 0 0 0 12px rgba(254,92,33,0); }
}

body.dinoxx-blacknovember .bn-palco-live__quando {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: clamp(1.1rem, 0.86rem + 0.8vw, 1.7rem);
  font-weight: 700;
  font-stretch: 108%;
  letter-spacing: -0.016em;
  color: var(--off-white);
}



body.dinoxx-blacknovember .bn-relogio { display: flex; gap: var(--e5); }

body.dinoxx-blacknovember .bn-relogio__cel { display: grid; justify-items: center; gap: 1px; }
body.dinoxx-blacknovember .bn-relogio__cel b {
  font-family: var(--fonte-display);
  font-size: clamp(1.3rem, 1rem + 1vw, 2rem);
  font-weight: 800;
  font-stretch: 112%;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}
body.dinoxx-blacknovember .bn-relogio__cel i {
  font-style: normal;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-palco-live[data-agora] .bn-relogio { display: none; }

body.dinoxx-blacknovember .bn-palco-live__acao { margin-top: var(--e2); }


body.dinoxx-blacknovember .bn-tocar {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  padding: 12px var(--e6);
  border-radius: var(--r-pilula);
  background: var(--off-white);
  color: #121110;
  font-size: 0.88rem;
  font-weight: 600;
  transition: transform var(--d-rapido) var(--c-saida), background var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-tocar:hover { background: #fff; }
body.dinoxx-blacknovember .bn-tocar:active { transform: scale(0.975); }
body.dinoxx-blacknovember .bn-tocar svg { width: 15px; height: 17px; }

body.dinoxx-blacknovember .bn-aviso-link {
  font-size: 0.82rem;
  color: var(--inox);
  max-width: 42ch;
}
body.dinoxx-blacknovember .bn-aviso-link a { color: var(--off-white); text-decoration: underline; text-underline-offset: 3px; }



body.dinoxx-blacknovember .bn-aovivo__lado { display: grid; gap: var(--e5); align-content: start; }


body.dinoxx-blacknovember .bn-quando {
  display: grid;
  gap: var(--e5);
  padding: clamp(var(--e5), 2vw, var(--e6));
  border: 1px solid var(--fio);
  border-radius: var(--r-card);
  background: linear-gradient(170deg, rgba(26,25,23,0.52) 0%, rgba(12,12,11,0.68) 100%);
}

body.dinoxx-blacknovember .bn-quando__topo {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--e4);
}
body.dinoxx-blacknovember .bn-quando__topo .rotulo { margin: 0; }


body.dinoxx-blacknovember .bn-restam {
  display: flex;
  align-items: baseline;
  gap: var(--e2);
  margin: 0;
}
body.dinoxx-blacknovember .bn-restam__n {
  font-family: var(--fonte-display);
  font-size: 1.6rem;
  font-weight: 800;
  font-stretch: 112%;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--ambar);
}
body.dinoxx-blacknovember .bn-restam__t {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  max-width: 14ch;
  line-height: 1.25;
}

body.dinoxx-blacknovember .bn-tercas {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--e3);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.dinoxx-blacknovember .bn-terca {
  position: relative;
  display: grid;
  place-items: center;
  gap: 2px;
  aspect-ratio: 1;
  border: 1px solid var(--fio);
  border-radius: var(--r-medio);
  background: rgba(18,18,16,0.6);
  transition: border-color var(--d-base) var(--c-saida), background var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-terca__dia {
  font-family: var(--fonte-display);
  font-size: 1.3rem;
  font-weight: 700;
  font-stretch: 108%;
  color: var(--off-white);
  line-height: 1;
}
body.dinoxx-blacknovember .bn-terca__mes {
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-terca[data-estado='passou'] { opacity: 0.3; }
body.dinoxx-blacknovember .bn-terca[data-estado='passou'] .bn-terca__dia { text-decoration: line-through; text-decoration-thickness: 1px; }
body.dinoxx-blacknovember .bn-terca[data-estado='proxima'] {
  border-color: var(--ambar);
  background: rgba(254,92,33,0.12);
  box-shadow: 0 0 0 1px rgba(254,92,33,0.28), 0 10px 30px -12px rgba(254,92,33,0.55);
}
body.dinoxx-blacknovember .bn-terca[data-estado='proxima'] .bn-terca__mes { color: var(--ambar); }
body.dinoxx-blacknovember .bn-terca__selo {
  position: absolute;
  top: -8px; left: 50%;
  transform: translateX(-50%);
  padding: 1px 6px;
  border-radius: var(--r-pilula);
  background: var(--ambar);
  color: #140B06;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}


body.dinoxx-blacknovember .bn-espelho {
  display: grid;
  gap: 0;
  margin: 0;
  padding: clamp(var(--e4), 1.6vw, var(--e5)) clamp(var(--e5), 2vw, var(--e6));
  border: 1px solid var(--fio);
  border-radius: var(--r-card);
  background: rgba(14,14,13,0.4);
  list-style: none;
}
body.dinoxx-blacknovember .bn-espelho li {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: var(--e4);
  padding: var(--e3) 0;
  border-bottom: 1px solid rgba(244,241,236,0.055);
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-espelho li:last-child { border-bottom: 0; }
body.dinoxx-blacknovember .bn-espelho time {
  font-family: var(--fonte-display);
  font-size: 0.84rem;
  font-weight: 600;
  font-stretch: 104%;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}



body.dinoxx-blacknovember .bn-acoes { display: flex; flex-wrap: wrap; gap: var(--e3); }


body.dinoxx-blacknovember .bn-aovivo__lado .bn-acoes { flex-wrap: nowrap; }
body.dinoxx-blacknovember .bn-aovivo__lado .bn-botao { padding: 11px var(--e4); font-size: 0.8rem; white-space: nowrap; }
@media (max-width: 1080px) { body.dinoxx-blacknovember .bn-aovivo__lado .bn-acoes { flex-wrap: wrap; } }

body.dinoxx-blacknovember .bn-botao {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  padding: 11px var(--e5);
  border-radius: var(--r-pilula);
  font-size: 0.84rem;
  font-weight: 600;
  transition: transform var(--d-rapido) var(--c-saida),
              background var(--d-rapido) var(--c-saida),
              border-color var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-botao:active { transform: scale(0.975); }
body.dinoxx-blacknovember .bn-botao svg { width: 16px; height: 16px; }
body.dinoxx-blacknovember .bn-botao--claro { background: var(--off-white); color: #121110; }
body.dinoxx-blacknovember .bn-botao--claro:hover { background: #fff; }
body.dinoxx-blacknovember .bn-botao--fio { border: 1px solid var(--fio-forte); color: var(--off-white); }
body.dinoxx-blacknovember .bn-botao--fio:hover { border-color: var(--ambar); background: rgba(254,92,33,0.08); }


body.dinoxx-blacknovember .bn-botao--zap { background: #25D366; color: #08140C; font-weight: 700; }
body.dinoxx-blacknovember .bn-botao--zap:hover { background: #2BE873; }
body.dinoxx-blacknovember .bn-botao--zap[data-sem-link] {
  background: rgba(37, 211, 102, 0.16);
  border: 1px dashed rgba(37, 211, 102, 0.42);
  color: rgba(244, 241, 236, 0.62);
  cursor: default;
  pointer-events: none;
}



body.dinoxx-blacknovember .bn-peca {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--r-card);
  background: linear-gradient(172deg, rgba(28,27,25,0.5) 0%, rgba(12,12,11,0.72) 100%);
  overflow: hidden;
  transition: transform var(--d-base) var(--c-saida), border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-peca:hover { transform: translateY(-5px); border-color: rgba(255,255,255,0.15); }

body.dinoxx-blacknovember .bn-peca__capa {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #111110;
}
body.dinoxx-blacknovember .bn-peca__capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) brightness(0.86);
  transition: transform 900ms var(--c-saida), filter var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-peca:hover .bn-peca__capa img { transform: scale(1.06); filter: none; }

body.dinoxx-blacknovember .bn-peca__corpo { display: grid; align-content: start; gap: var(--e2); padding: var(--e4) var(--e4) var(--e5); }


body.dinoxx-blacknovember .bn-peca__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
body.dinoxx-blacknovember .bn-peca__play > span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  background: rgba(10,10,9,0.44);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  transition: transform var(--d-base) var(--c-mola),
              background var(--d-base) var(--c-saida),
              border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-peca:hover .bn-peca__play > span {
  transform: scale(1.12);
  background: rgba(254,92,33,0.85);
  border-color: transparent;
}
body.dinoxx-blacknovember .bn-peca__play svg { width: 16px; height: 18px; margin-left: 3px; }


body.dinoxx-blacknovember .bn-passadas { margin-top: clamp(var(--e9), 4.5vw, var(--e11)); }

body.dinoxx-blacknovember .bn-passadas__topo {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(var(--e5), 3vw, var(--e8));
  align-items: start;
  margin-bottom: var(--e6);
  padding-top: var(--e6);
  border-top: 1px solid rgba(244,241,236,0.07);
}


body.dinoxx-blacknovember .bn-passadas__nota {
  margin: 0;
  padding-left: var(--e4);
  border-left: 1px solid rgba(254,92,33,0.42);
  font-size: 0.82rem;
  line-height: 1.55;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-passadas__nota b { color: var(--off-white); font-weight: 600; }


body.dinoxx-blacknovember .bn-passadas__grade {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(var(--e3), 1.2vw, var(--e5));
}
@media (max-width: 1240px) { body.dinoxx-blacknovember .bn-passadas__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px)  { body.dinoxx-blacknovember .bn-passadas__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-aovivo { grid-template-columns: minmax(0, 1fr); }
  body.dinoxx-blacknovember .bn-passadas__topo { grid-template-columns: minmax(0, 1fr); gap: var(--e4); }
}

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-terca { width: 60px; height: 60px; }
  body.dinoxx-blacknovember .bn-relogio { gap: var(--e4); }
  body.dinoxx-blacknovember .bn-passadas__grade { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}



body.dinoxx-blacknovember .bn-acess { border-top: 1px solid rgba(244,241,236,0.07); }

body.dinoxx-blacknovember .bn-acess__grade {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(var(--e7), 3.4vw, var(--e10));
  align-items: start;
  margin-top: clamp(var(--e7), 3.4vw, var(--e9));
}



body.dinoxx-blacknovember .bn-destaque {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  border-radius: var(--r-card);
  overflow: hidden;
  border: 1px solid var(--fio);
  background: #0c0c0b;
  box-shadow: var(--sombra-ambiente);
}


body.dinoxx-blacknovember .bn-destaque__midia {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
  animation: bn-entrar-midia 720ms var(--c-saida) both;
}

@keyframes bn-entrar-midia {
  from { opacity: 0; transform: scale(1.05); }
  to   { opacity: 1; transform: none; }
}

body.dinoxx-blacknovember .bn-destaque__veu {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(8,8,7,0.95) 0%, rgba(8,8,7,0.52) 34%, transparent 64%),
    radial-gradient(90% 60% at 50% 110%, rgba(254,92,33,0.16) 0%, transparent 62%);
}

body.dinoxx-blacknovember .bn-destaque__ficha {
  position: absolute;
  inset: auto 0 0 0;
  display: grid;
  gap: var(--e2);
  padding: clamp(var(--e5), 2.2vw, var(--e7));
}

body.dinoxx-blacknovember .bn-destaque__rot {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--ambar);
}

body.dinoxx-blacknovember .bn-destaque__nome {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: clamp(1.2rem, 0.9rem + 1vw, 1.8rem);
  font-weight: 700;
  font-stretch: 108%;
  letter-spacing: -0.018em;
  line-height: 1.1;
  color: var(--off-white);
}

body.dinoxx-blacknovember .bn-destaque__linha {
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--inox);
  max-width: 34ch;
}

body.dinoxx-blacknovember .bn-destaque__pe {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--e3);
  margin-top: var(--e2);
}
body.dinoxx-blacknovember .bn-destaque__preco {
  font-family: var(--fonte-display);
  font-size: 1.14rem;
  font-weight: 700;
  font-stretch: 104%;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-destaque__preco small { font-size: 0.72em; font-weight: 600; opacity: 0.64; margin-right: 1px; }

body.dinoxx-blacknovember .bn-destaque__link {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-destaque__link::after {
  content: '';
  width: 16px; height: 1px;
  background: currentColor;
  transition: width var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-destaque:hover .bn-destaque__link::after { width: 28px; }
body.dinoxx-blacknovember .bn-destaque__link::before { content: ''; position: absolute; inset: 0; }



body.dinoxx-blacknovember .bn-abas {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(var(--e5), 2vw, var(--e7));
  padding-bottom: var(--e4);
  margin-bottom: clamp(var(--e5), 2vw, var(--e7));
  border-bottom: 1px solid rgba(244,241,236,0.12);
}

body.dinoxx-blacknovember .bn-abas::after {
  content: '';
  position: absolute;
  left: 0; bottom: -1px;
  width: var(--aba-l, 0px);
  height: 2px;
  border-radius: 2px;
  background: var(--ambar);
  box-shadow: 0 0 12px 1px rgba(254,92,33,0.55);
  transform: translateX(var(--aba-x, 0px));
  transition: transform 560ms var(--c-saida), width 560ms var(--c-saida);
}

body.dinoxx-blacknovember .bn-aba {
  display: inline-flex;
  align-items: baseline;
  gap: var(--e2);
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: rgba(244,241,236,0.48);
  user-select: none;
  transition: color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-aba:hover { color: rgba(244,241,236,0.84); }
body.dinoxx-blacknovember .bn-aba[aria-selected='true'] { color: var(--off-white); }

body.dinoxx-blacknovember .bn-aba__n {
  font-size: 0.68rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.5;
}



body.dinoxx-blacknovember .bn-acess__itens {
  display: grid;
  
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: clamp(var(--e5), 2vw, var(--e7)) clamp(var(--e4), 1.6vw, var(--e5));
}


body.dinoxx-blacknovember .bn-item {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: var(--e2);
  padding: var(--e5) var(--e4) var(--e4);
  border: 1px solid rgba(255,255,255,0.055);
  border-radius: var(--r-card);
  background: linear-gradient(176deg, rgba(28,27,25,0.42) 0%, rgba(12,12,11,0.58) 100%);
  animation: bn-explodir 640ms var(--c-saida) both;
  animation-delay: var(--atraso, 0ms);
  transition: background var(--d-base) var(--c-saida),
              border-color var(--d-base) var(--c-saida),
              transform var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-item:hover {
  background: linear-gradient(176deg, rgba(34,33,31,0.58) 0%, rgba(14,14,13,0.72) 100%);
  border-color: rgba(255,255,255,0.12);
  transform: translateY(-4px);
}

body.dinoxx-blacknovember .bn-item__palco {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 150px;
}


body.dinoxx-blacknovember .bn-item__halo {
  position: absolute;
  left: 50%; top: 52%;
  width: 116%; aspect-ratio: 1;
  transform: translate(-50%, -50%) scale(0.82);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%,
    rgba(255,176,116,0.18) 0%, rgba(254,92,33,0.07) 46%, transparent 68%);
  opacity: 0;
  transition: opacity var(--d-lento) var(--c-saida), transform var(--d-lento) var(--c-saida);
}
body.dinoxx-blacknovember .bn-item:hover .bn-item__halo { opacity: 1; transform: translate(-50%, -50%) scale(1); }

body.dinoxx-blacknovember .bn-item__foto {
  position: relative;
  width: 100%;
  height: 140px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,0.55));
  transition: transform var(--d-lento) var(--c-saida);
}
body.dinoxx-blacknovember .bn-item:hover .bn-item__foto { transform: translateY(-6px) scale(1.06); }

body.dinoxx-blacknovember .bn-item__nome {
  margin: 0;
  
  min-height: 2.5em;
  font-family: var(--fonte-display);
  font-size: var(--t-d4);
  font-weight: 600;
  font-stretch: 106%;
  line-height: 1.22;
  letter-spacing: -0.012em;
  color: var(--off-white);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.dinoxx-blacknovember .bn-item__nome a::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }

body.dinoxx-blacknovember .bn-item__preco {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-family: var(--fonte-display);
  font-size: 1.06rem;
  font-weight: 700;
  font-stretch: 104%;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}
body.dinoxx-blacknovember .bn-item__preco small {
  font-family: var(--fonte-ui);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}


body.dinoxx-blacknovember .bn-item__acao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  margin-top: var(--e2);
  padding: 8px var(--e4);
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: var(--r-pilula);
  font-size: 0.76rem;
  font-weight: 600;
  color: rgba(244,241,236,0.72);
  transition: background var(--d-base) var(--c-saida),
              border-color var(--d-base) var(--c-saida),
              color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-item__acao svg { width: 18px; height: 8px; overflow: visible; flex: 0 0 auto; }
body.dinoxx-blacknovember .bn-item__acao path { transition: transform var(--d-base) var(--c-saida); transform-origin: left; }

body.dinoxx-blacknovember .bn-item:hover .bn-item__acao {
  background: rgba(255,255,255,0.07);
  border-color: rgba(254,92,33,0.5);
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-item:hover .bn-item__acao path:first-child { transform: scaleX(1.3); }

@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-acess__grade { grid-template-columns: minmax(0, 1fr); }
  
  body.dinoxx-blacknovember .bn-destaque { aspect-ratio: 4 / 5; }

  
  body.dinoxx-blacknovember .bn-destaque__veu {
    background:
      linear-gradient(0deg, rgba(8,8,7,0.97) 0%, rgba(8,8,7,0.88) 26%,
                            rgba(8,8,7,0.42) 48%, transparent 72%),
      radial-gradient(90% 56% at 50% 112%, rgba(254,92,33,0.18) 0%, transparent 62%);
  }
}


@media (max-width: 860px) {

  
  body.dinoxx-blacknovember .bn-abas {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--e5);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    margin-right: calc(50% - 50vw);
    padding-right: var(--margem);
  }
  body.dinoxx-blacknovember .bn-abas::-webkit-scrollbar { display: none; }
  body.dinoxx-blacknovember .bn-aba {
    flex: 0 0 auto;
    scroll-snap-align: start;
    font-size: 0.84rem;
    white-space: nowrap;
  }

  
  body.dinoxx-blacknovember .bn-acess__itens {
    display: flex;
    grid-template-columns: none;
    gap: var(--e4);
    margin-right: calc(50% - 50vw);
    padding: var(--e2) var(--margem) var(--e4) 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  body.dinoxx-blacknovember .bn-acess__itens::-webkit-scrollbar { display: none; }

  body.dinoxx-blacknovember .bn-item {
    flex: 0 0 auto;
    width: min(66vw, 240px);
    scroll-snap-align: start;
  }

  body.dinoxx-blacknovember .bn-item__palco { min-height: 132px; }
  body.dinoxx-blacknovember .bn-item__foto { height: 128px; }

  
  body.dinoxx-blacknovember .bn-item__preco {
    display: block;
    font-size: 1.14rem;
    line-height: 1.15;
  }
  body.dinoxx-blacknovember .bn-item__preco small {
    display: block;
    margin-bottom: 2px;
    font-size: 0.66rem;
  }
  body.dinoxx-blacknovember .bn-item__nome { min-height: 2.6em; }
}



body.dinoxx-blacknovember .bn-fecho { text-align: center; border-top: 1px solid rgba(244,241,236,0.07); }

body.dinoxx-blacknovember .bn-fecho__brasa {
  position: absolute;
  inset: auto 0 0 0;
  height: 62%;
  pointer-events: none;
  background: radial-gradient(52% 100% at 50% 118%, rgba(254,92,33,0.22) 0%, transparent 68%);
}

body.dinoxx-blacknovember .bn-fecho > * { position: relative; }

body.dinoxx-blacknovember .bn-conta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(var(--e4), 2.2vw, var(--e8));
  margin: clamp(var(--e8), 4vw, var(--e10)) 0;
}

body.dinoxx-blacknovember .bn-conta__cel {
  display: grid;
  gap: var(--e1);
  justify-items: center;
  min-width: 84px;
}
body.dinoxx-blacknovember .bn-conta__n {
  font-family: var(--fonte-display);
  font-size: clamp(2.3rem, 1.3rem + 3.4vw, 4.6rem);
  font-weight: 800;
  font-stretch: 116%;
  line-height: 0.9;
  letter-spacing: -0.035em;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}
body.dinoxx-blacknovember .bn-conta__r {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}


body.dinoxx-blacknovember .bn-fecho__duvida {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--e2) var(--e4);
  margin: var(--e6) 0 0;
  font-size: 0.92rem;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-fecho__duvida a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 2px;
  color: #25D366;
  font-weight: 600;
  border-bottom: 1px solid rgba(37,211,102,0.32);
  transition: border-color var(--d-rapido) var(--c-saida), color var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-fecho__duvida a:hover { color: #4BE38B; border-bottom-color: #4BE38B; }
body.dinoxx-blacknovember .bn-fecho__duvida svg { width: 16px; height: 16px; flex: 0 0 auto; }

body.dinoxx-blacknovember .bn-fecho__nota { margin-top: var(--e5); font-size: 0.82rem; color: var(--inox-fundo); }



body.dinoxx-blacknovember .bn-blog { border-top: 1px solid rgba(244,241,236,0.07); }



body.dinoxx-blacknovember .bn-busca {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--e4) var(--e6);
  margin-top: clamp(var(--e7), 3vw, var(--e9));
}

body.dinoxx-blacknovember .bn-busca__campo {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--e3);
  flex: 1 1 320px;
  max-width: 460px;
  padding: 11px var(--e5);
  border: 1px solid var(--fio);
  border-radius: var(--r-pilula);
  background: rgba(14,14,13,0.6);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: border-color var(--d-base) var(--c-saida), background var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-busca__campo:focus-within {
  border-color: rgba(254,92,33,0.55);
  background: rgba(20,20,18,0.78);
}
body.dinoxx-blacknovember .bn-busca__campo > svg { width: 17px; height: 17px; flex: 0 0 auto; color: var(--inox-fundo); }

body.dinoxx-blacknovember .bn-busca__campo input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.9rem;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-busca__campo input::placeholder { color: var(--inox-fundo); }
body.dinoxx-blacknovember .bn-busca__campo input:focus { outline: none; }

body.dinoxx-blacknovember .bn-busca__campo input::-webkit-search-cancel-button { display: none; }

body.dinoxx-blacknovember .bn-busca__campo button {
  display: grid; place-items: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  color: var(--inox);
  flex: 0 0 auto;
}
body.dinoxx-blacknovember .bn-busca__campo button:hover { background: rgba(255,255,255,0.08); color: var(--off-white); }
body.dinoxx-blacknovember .bn-busca__campo button svg { width: 13px; height: 13px; }

body.dinoxx-blacknovember .bn-busca__filtros { display: flex; gap: var(--e2); }

body.dinoxx-blacknovember .bn-filtro-b {
  padding: 7px var(--e4);
  border: 1px solid var(--fio);
  border-radius: var(--r-pilula);
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(244,241,236,0.6);
  cursor: pointer;
  transition: all var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-filtro-b:hover { color: var(--off-white); border-color: var(--fio-forte); }
body.dinoxx-blacknovember .bn-filtro-b[aria-pressed='true'] {
  background: var(--off-white);
  border-color: transparent;
  color: #121110;
}

body.dinoxx-blacknovember .bn-busca__conta {
  margin: 0;
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}



body.dinoxx-blacknovember .bn-vitrola {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(var(--e5), 2vw, var(--e7));
  margin-top: clamp(var(--e6), 2.6vw, var(--e8));
}
body.dinoxx-blacknovember .bn-vitrola[hidden] { display: none; }

body.dinoxx-blacknovember .bn-vitrola__destaque {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  min-height: 420px;
  border: 1px solid var(--fio);
  border-radius: var(--r-card);
  overflow: hidden;
  background: linear-gradient(130deg, rgba(26,25,23,0.72) 0%, rgba(12,12,11,0.86) 100%);
}

body.dinoxx-blacknovember .bn-destaque-post__texto {
  display: grid;
  align-content: center;
  gap: var(--e3);
  padding: clamp(var(--e6), 3vw, var(--e9));
}

body.dinoxx-blacknovember .bn-destaque-post__meta {
  display: flex;
  align-items: center;
  gap: var(--e3);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-destaque-post__meta b { color: var(--ambar); font-weight: 600; }

body.dinoxx-blacknovember .bn-destaque-post__titulo {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d3);
  font-weight: 700;
  font-stretch: 106%;
  line-height: 1.14;
  letter-spacing: -0.02em;
  color: var(--off-white);
  text-wrap: balance;
}

body.dinoxx-blacknovember .bn-destaque-post__resumo {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.58;
  color: var(--inox);
  max-width: 46ch;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.dinoxx-blacknovember .bn-destaque-post__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  justify-self: start;
  margin-top: var(--e3);
  padding: 11px var(--e6);
  border-radius: var(--r-pilula);
  background: var(--off-white);
  color: #121110;
  font-size: 0.84rem;
  font-weight: 600;
  transition: background var(--d-rapido) var(--c-saida), transform var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-destaque-post__cta:hover { background: #fff; }
body.dinoxx-blacknovember .bn-destaque-post__cta:active { transform: scale(0.975); }
body.dinoxx-blacknovember .bn-destaque-post__cta svg { width: 18px; height: 8px; overflow: visible; }
body.dinoxx-blacknovember .bn-destaque-post__cta path { transition: transform var(--d-base) var(--c-saida); transform-origin: left; }
body.dinoxx-blacknovember .bn-destaque-post__cta:hover path:first-child { transform: scaleX(1.3); }
body.dinoxx-blacknovember .bn-destaque-post__cta::after { content: ''; position: absolute; inset: 0; }

body.dinoxx-blacknovember .bn-destaque-post__foto { position: relative; overflow: hidden; }
body.dinoxx-blacknovember .bn-destaque-post__foto img {
  width: 100%; height: 100%;
  object-fit: cover;
  animation: bn-entrar-midia 720ms var(--c-saida) both;
}

body.dinoxx-blacknovember .bn-destaque-post__foto::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(12,12,11,0.92) 0%, rgba(12,12,11,0.25) 26%, transparent 52%);
}




body.dinoxx-blacknovember .bn-vitrola__lado {
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  gap: var(--e3);
  align-content: center;
}

body.dinoxx-blacknovember .bn-vitrola__trilho {
  display: grid;
  grid-auto-rows: max-content;
  gap: var(--e3);
  align-content: center;
}


body.dinoxx-blacknovember .bn-seta-v {
  display: grid;
  place-items: center;
  width: 42px; height: 30px;
  border: 1px solid var(--fio);
  border-radius: var(--r-pilula);
  background: rgba(14,14,13,0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: rgba(244,241,236,0.72);
  transition: border-color var(--d-rapido) var(--c-saida),
              background var(--d-rapido) var(--c-saida),
              color var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-seta-v:hover { border-color: var(--ambar); color: var(--off-white); background: rgba(254,92,33,0.1); }
body.dinoxx-blacknovember .bn-seta-v:active { transform: scale(0.94); }
body.dinoxx-blacknovember .bn-seta-v svg { width: 11px; height: 18px; overflow: visible; }
body.dinoxx-blacknovember .bn-seta-v__haste, body.dinoxx-blacknovember .bn-seta-v__ponta { transition: transform var(--d-base) var(--c-saida); transform-origin: center; }
body.dinoxx-blacknovember .bn-seta-v:hover .bn-seta-v__haste { transform: scaleY(1.25); }
body.dinoxx-blacknovember .bn-seta-v[data-seta='baixo']:hover .bn-seta-v__ponta { transform: translateY(2px); }
body.dinoxx-blacknovember .bn-seta-v[data-seta='cima']:hover  .bn-seta-v__ponta { transform: translateY(-2px); }


body.dinoxx-blacknovember .bn-sentinela {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: 7px;
  padding: var(--e7) 0 var(--e5);
}
body.dinoxx-blacknovember .bn-sentinela span {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--ambar);
  opacity: 0.3;
  animation: bn-ponto 1.1s var(--c-dupla) infinite;
}
body.dinoxx-blacknovember .bn-sentinela span:nth-child(2) { animation-delay: 0.14s; }
body.dinoxx-blacknovember .bn-sentinela span:nth-child(3) { animation-delay: 0.28s; }

@keyframes bn-ponto {
  0%, 100% { opacity: 0.22; transform: translateY(0); }
  50%      { opacity: 1;    transform: translateY(-5px); }
}
@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-sentinela span { animation: none; opacity: 0.5; }
}

body.dinoxx-blacknovember .bn-mini {
  position: relative;
  width: 62px; height: 62px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(244,241,236,0.14);
  cursor: pointer;
  opacity: 0.48;
  transition: opacity var(--d-base) var(--c-saida),
              transform var(--d-base) var(--c-mola),
              border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-mini img { width: 100%; height: 100%; object-fit: cover; }
body.dinoxx-blacknovember .bn-mini:hover { opacity: 0.85; transform: scale(1.06); }
body.dinoxx-blacknovember .bn-mini[aria-selected='true'] {
  opacity: 1;
  border-color: var(--ambar);
  box-shadow: 0 0 0 1px rgba(254,92,33,0.45), 0 0 22px -6px rgba(254,92,33,0.7);
}



body.dinoxx-blacknovember .bn-achados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: clamp(var(--e4), 1.6vw, var(--e6));
  margin-top: clamp(var(--e6), 2.6vw, var(--e8));
}
body.dinoxx-blacknovember .bn-achados[hidden] { display: none; }

body.dinoxx-blacknovember .bn-achado {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: var(--e3);
  border: 1px solid rgba(255,255,255,0.055);
  border-radius: var(--r-card);
  overflow: hidden;
  background: linear-gradient(176deg, rgba(28,27,25,0.42) 0%, rgba(12,12,11,0.6) 100%);
  animation: bn-explodir 520ms var(--c-saida) both;
  animation-delay: var(--atraso, 0ms);
  transition: transform var(--d-base) var(--c-saida), border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-achado:hover { transform: translateY(-4px); border-color: rgba(255,255,255,0.13); }

body.dinoxx-blacknovember .bn-achado__foto { aspect-ratio: 3 / 2; overflow: hidden; background: #111; }
body.dinoxx-blacknovember .bn-achado__foto img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(0.92) brightness(0.9);
  transition: transform 800ms var(--c-saida), filter var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-achado:hover .bn-achado__foto img { transform: scale(1.06); filter: none; }

body.dinoxx-blacknovember .bn-achado__corpo { display: grid; gap: 5px; padding: 0 var(--e4) var(--e5); }

body.dinoxx-blacknovember .bn-achado__meta {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-achado__titulo {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d5);
  font-weight: 600;
  font-stretch: 104%;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: var(--off-white);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.dinoxx-blacknovember .bn-achado__titulo a::after { content: ''; position: absolute; inset: 0; }
body.dinoxx-blacknovember .bn-achado__titulo mark {
  background: rgba(254,211,65,0.22);
  color: var(--ouro);
  border-radius: 3px;
  padding: 0 2px;
}

body.dinoxx-blacknovember .bn-vazio-busca {
  grid-column: 1 / -1;
  padding: var(--e9) var(--e6);
  text-align: center;
  border: 1px dashed var(--fio);
  border-radius: var(--r-card);
  color: var(--inox);
  font-size: 0.9rem;
}
body.dinoxx-blacknovember .bn-vazio-busca b { color: var(--off-white); }

@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-vitrola { grid-template-columns: minmax(0, 1fr); }
  body.dinoxx-blacknovember .bn-vitrola__destaque { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  body.dinoxx-blacknovember .bn-destaque-post__foto { order: -1; aspect-ratio: 16 / 9; }
  body.dinoxx-blacknovember .bn-destaque-post__foto::after {
    background: linear-gradient(0deg, rgba(12,12,11,0.92) 0%, transparent 56%);
  }
  body.dinoxx-blacknovember .bn-vitrola__trilho { grid-auto-flow: column; grid-auto-columns: max-content; justify-content: start; }
}

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-busca { gap: var(--e3); }
  body.dinoxx-blacknovember .bn-busca__campo { flex-basis: 100%; max-width: none; }
  body.dinoxx-blacknovember .bn-mini { width: 52px; height: 52px; }
  body.dinoxx-blacknovember .bn-achados { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}



body.dinoxx-blacknovember .bn-assinatura {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--e5);
  padding: var(--e7) 0;
  border-top: 1px solid rgba(244,241,236,0.07);
  font-size: 0.78rem;
  color: var(--inox-fundo);
}


body.dinoxx-blacknovember .bn-assinatura img {
  height: clamp(64px, 6vw, 88px);
  width: auto;
  opacity: 1;
}



@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-oferta__grade, body.dinoxx-blacknovember .bn-programa__grade { grid-template-columns: minmax(0, 1fr); gap: var(--e8); }
  body.dinoxx-blacknovember .bn-programa__foto { order: -1; }
}

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-secao { padding-block: clamp(var(--e9), 13vw, var(--e11)); }
  body.dinoxx-blacknovember .bn-linha { min-height: 0; padding: var(--e6) var(--e5) var(--e5); }
  body.dinoxx-blacknovember .bn-linha__figura { min-height: 120px; margin: var(--e4) 0; }
  body.dinoxx-blacknovember .bn-linha__figura img { max-height: 132px; }
  body.dinoxx-blacknovember .bn-terca { width: 64px; height: 64px; }
  body.dinoxx-blacknovember .bn-conta__cel { min-width: 68px; }
  body.dinoxx-blacknovember .bn-gente__sobre { flex-direction: column; align-items: flex-start; }
}



body.dinoxx-blacknovember .bn-prova {
  position: relative;
  border-top: 1px solid rgba(244,241,236,0.07);
  overflow: clip;
}

body.dinoxx-blacknovember .bn-prova__brasa {
  position: absolute;
  inset: auto 0 -20% 0;
  height: 70%;
  pointer-events: none;
  background: radial-gradient(46% 100% at 50% 100%, rgba(254,92,33,0.16) 0%, transparent 66%);
}
body.dinoxx-blacknovember .bn-prova > * { position: relative; }


body.dinoxx-blacknovember .bn-prova__grade {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  grid-auto-rows: auto;
  gap: clamp(var(--e4), 1.6vw, var(--e6));
  margin-top: clamp(var(--e8), 3.4vw, var(--e10));
}
body.dinoxx-blacknovember .bn-prova__grade > .bn-pilar--google {
  grid-column: 2;
  grid-row: 1 / span 2;

  
  grid-template-rows: auto auto 1fr auto;
}
body.dinoxx-blacknovember .bn-pilar--google .bn-google__depo { align-self: start; }

body.dinoxx-blacknovember .bn-pilar {
  display: grid;
  align-content: start;
  min-width: 0;
  overflow: hidden;
  gap: var(--e3);
  padding: clamp(var(--e5), 2.2vw, var(--e7));
  border: 1px solid rgba(255,255,255,0.065);
  border-radius: var(--r-card);
  background: linear-gradient(170deg, rgba(28,27,25,0.5) 0%, rgba(12,12,11,0.68) 100%);
  transition: border-color var(--d-base) var(--c-saida), transform var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-pilar:hover { border-color: rgba(255,255,255,0.13); transform: translateY(-4px); }

body.dinoxx-blacknovember .bn-pilar__titulo {
  margin: 0;
  font-family: var(--fonte-display);
  font-size: var(--t-d4);
  font-weight: 700;
  font-stretch: 106%;
  letter-spacing: -0.014em;
  line-height: 1.2;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-pilar__linha {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.52;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-pilar__pe { margin-top: var(--e3); }


body.dinoxx-blacknovember .bn-pilar__estrelas { display: flex; gap: 3px; color: var(--ouro); }
body.dinoxx-blacknovember .bn-pilar__estrelas svg {
  width: 15px; height: 14px;
  
  opacity: 0;
  transform: scale(0.4) rotate(-25deg);
  transition: opacity 420ms var(--c-mola), transform 420ms var(--c-mola);
}
body.dinoxx-blacknovember [data-visivel] .bn-pilar__estrelas svg { opacity: 1; transform: none; }
body.dinoxx-blacknovember .bn-pilar__estrelas svg:nth-child(1) { transition-delay: 60ms; }
body.dinoxx-blacknovember .bn-pilar__estrelas svg:nth-child(2) { transition-delay: 150ms; }
body.dinoxx-blacknovember .bn-pilar__estrelas svg:nth-child(3) { transition-delay: 240ms; }
body.dinoxx-blacknovember .bn-pilar__estrelas svg:nth-child(4) { transition-delay: 330ms; }
body.dinoxx-blacknovember .bn-pilar__estrelas svg:nth-child(5) { transition-delay: 420ms; }

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-pilar__estrelas svg { opacity: 1 !important; transform: none !important; }
}



body.dinoxx-blacknovember .bn-lares {
  display: grid;
  gap: var(--e2);
  margin: 0;
  min-width: 0;
}
body.dinoxx-blacknovember .bn-lares__mais, body.dinoxx-blacknovember .bn-lares__n {
  font-family: var(--fonte-display);
  font-weight: 800;
  font-stretch: 114%;
  line-height: 0.9;
  letter-spacing: -0.035em;
  color: var(--off-white);
}
body.dinoxx-blacknovember .bn-lares__mais {
  grid-area: 1 / 1;
  justify-self: start;
  font-size: clamp(1.1rem, 0.8rem + 1vw, 1.7rem);
  color: var(--ambar);
  transform: translateY(0.1em);
}
body.dinoxx-blacknovember .bn-lares__n {
  grid-area: 1 / 1;
  
  padding-left: 0.62em;
  font-size: clamp(2rem, 1.2rem + 2.6vw, 3.6rem);
  white-space: nowrap;
}
body.dinoxx-blacknovember .bn-lares__rot {
  grid-area: 2 / 1;
  font-family: var(--fonte-ui);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  margin-left: 0;
}


body.dinoxx-blacknovember .bn-google__topo { display: flex; align-items: center; gap: var(--e4); }
body.dinoxx-blacknovember .bn-google__marca {
  display: grid; place-items: center;
  width: 42px; aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  flex: 0 0 auto;
}
body.dinoxx-blacknovember .bn-google__marca svg { width: 22px; height: 22px; }

body.dinoxx-blacknovember .bn-google__nota { display: grid; gap: 4px; }
body.dinoxx-blacknovember .bn-google__linha { display: flex; align-items: center; gap: var(--e3); }
body.dinoxx-blacknovember .bn-google__valor {
  font-family: var(--fonte-display);
  font-size: 1.9rem;
  font-weight: 800;
  font-stretch: 110%;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}


body.dinoxx-blacknovember .bn-google__estrelas { display: inline-flex; gap: 3px; }
body.dinoxx-blacknovember .bn-estrela {
  width: 17px; height: 16px;
  fill: rgba(255,255,255,0.14);
  transition: fill var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-estrela--on { fill: var(--ouro); }

body.dinoxx-blacknovember [data-visivel] .bn-estrela--on {
  animation: bn-acende-estrela 620ms var(--c-dupla) both;
  animation-delay: calc(var(--grau) + 260ms);
}
@keyframes bn-acende-estrela {
  0%   { opacity: 0; transform: scale(0.4) rotate(-28deg); }
  58%  { opacity: 1; transform: scale(1.16) rotate(4deg); }
  100% { opacity: 1; transform: none; }
}

body.dinoxx-blacknovember .bn-google__total {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}


body.dinoxx-blacknovember .bn-google__temas {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--e4);
}
body.dinoxx-blacknovember .bn-tema {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px 11px;
  border: 1px solid var(--fio);
  border-radius: var(--r-pilula);
  background: rgba(255,255,255,0.03);
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--inox);
  white-space: nowrap;
  animation: bn-entrar-tema 520ms var(--c-saida) both;
  animation-delay: var(--atraso);
}
body.dinoxx-blacknovember .bn-tema b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ambar);
}
@keyframes bn-entrar-tema {
  from { opacity: 0; transform: translateY(8px) scale(0.94); }
  to   { opacity: 1; transform: none; }
}


body.dinoxx-blacknovember .bn-google__depo {
  position: relative;
  margin-top: var(--e4);
  padding-left: var(--e5);
  border-left: 1px solid rgba(254,92,33,0.4);
  transition: height 620ms var(--c-dupla);
}
body.dinoxx-blacknovember .bn-depo {
  position: absolute;
  inset: 0 0 auto var(--e5);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity   520ms var(--c-saida),
    transform 620ms var(--c-dupla);
}
body.dinoxx-blacknovember .bn-depo[data-ativo] {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
body.dinoxx-blacknovember .bn-depo__texto {
  margin: 0 0 var(--e3);
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--inox);
}
body.dinoxx-blacknovember .bn-depo__quem {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--off-white);
}

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-google__depo { height: auto !important; }
  body.dinoxx-blacknovember .bn-depo { position: static; opacity: 1; transform: none; }
  body.dinoxx-blacknovember .bn-depo + .bn-depo { margin-top: var(--e5); }
}


body.dinoxx-blacknovember .bn-esperando {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  font-size: 0.84rem;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-esperando::before {
  content: '';
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--inox-fundo);
  animation: bn-ponto 1.4s var(--c-dupla) infinite;
}



body.dinoxx-blacknovember .bn-pilar__pe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--e3) var(--e4);
}
body.dinoxx-blacknovember .bn-acao-pilar__nota {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  white-space: nowrap;
}

body.dinoxx-blacknovember .bn-acao-pilar {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  padding: 11px var(--e5);
  border-radius: var(--r-pilula);
  font-size: 0.82rem;
  font-weight: 600;
  transition: background var(--d-rapido) var(--c-saida),
              border-color var(--d-rapido) var(--c-saida),
              transform var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-acao-pilar:active { transform: scale(0.975); }
body.dinoxx-blacknovember .bn-acao-pilar svg { width: 17px; height: 17px; }
body.dinoxx-blacknovember .bn-acao-pilar--zap { background: #25D366; color: #08140C; font-weight: 700; }
body.dinoxx-blacknovember .bn-acao-pilar--zap:hover { background: #2BE873; }
body.dinoxx-blacknovember .bn-acao-pilar--fio { border: 1px solid var(--fio-forte); color: var(--off-white); }
body.dinoxx-blacknovember .bn-acao-pilar--fio:hover { border-color: var(--ambar); background: rgba(254,92,33,0.08); }



body.dinoxx-blacknovember .bn-redes { margin-top: clamp(var(--e7), 3vw, var(--e9)); }

body.dinoxx-blacknovember .bn-redes__rot {
  margin: 0 0 var(--e5);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}

body.dinoxx-blacknovember .bn-redes__grade {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: clamp(var(--e3), 1.2vw, var(--e5));
}

body.dinoxx-blacknovember .bn-rede {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--e4);
  padding: var(--e4) var(--e5);
  border: 1px solid rgba(255,255,255,0.065);
  border-radius: var(--r-card);
  background: rgba(16,16,14,0.5);
  overflow: hidden;
  transition: border-color var(--d-base) var(--c-saida), transform var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-rede:hover { transform: translateY(-4px); border-color: rgba(255,255,255,0.15); }


body.dinoxx-blacknovember .bn-rede::before {
  content: '';
  position: absolute;
  inset: auto -20% -60% -20%;
  height: 120%;
  background: radial-gradient(50% 100% at 50% 100%, var(--tom, rgba(255,255,255,0.14)) 0%, transparent 68%);
  opacity: 0;
  transition: opacity var(--d-lento) var(--c-saida);
}
body.dinoxx-blacknovember .bn-rede:hover::before { opacity: 1; }

body.dinoxx-blacknovember .bn-rede__icone {
  display: grid; place-items: center;
  width: 38px; aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--off-white);
  transition: color var(--d-base) var(--c-saida), border-color var(--d-base) var(--c-saida);
}
body.dinoxx-blacknovember .bn-rede:hover .bn-rede__icone { color: var(--marca, var(--off-white)); border-color: currentColor; }
body.dinoxx-blacknovember .bn-rede__icone svg { width: 18px; height: 18px; }

body.dinoxx-blacknovember .bn-rede__dado { display: grid; gap: 1px; min-width: 0; }
body.dinoxx-blacknovember .bn-rede__n {
  font-family: var(--fonte-display);
  font-size: 1.14rem;
  font-weight: 700;
  font-stretch: 106%;
  letter-spacing: -0.015em;
  color: var(--off-white);
  font-variant-numeric: tabular-nums;
}
body.dinoxx-blacknovember .bn-rede__rot {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dinoxx-blacknovember .bn-rede__link::after { content: ''; position: absolute; inset: 0; }


@media (max-width: 480px) {
  body.dinoxx-blacknovember .bn-rede { gap: var(--e3); padding: var(--e4); }
  body.dinoxx-blacknovember .bn-rede__icone { width: 32px; }
  body.dinoxx-blacknovember .bn-rede__icone svg { width: 16px; height: 16px; }
  body.dinoxx-blacknovember .bn-rede__n { font-size: 1.02rem; }
  body.dinoxx-blacknovember .bn-rede__rot { letter-spacing: 0.04em; font-size: 0.62rem; }
}

@media (max-width: 1080px) {
  body.dinoxx-blacknovember .bn-prova__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.dinoxx-blacknovember .bn-prova__grade > .bn-pilar--google {
    grid-column: 1 / -1;
    grid-row: auto;                  
    grid-template-rows: none;
  }
}
@media (max-width: 680px) {
  body.dinoxx-blacknovember .bn-prova__grade { grid-template-columns: minmax(0, 1fr); }
  body.dinoxx-blacknovember .bn-redes__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


@media (pointer: coarse), (max-width: 860px) {

  
  body.dinoxx-blacknovember .bn-acao-pilar, body.dinoxx-blacknovember .bn-botao { min-height: 46px; }

  
  body.dinoxx-blacknovember .bn-aba, body.dinoxx-blacknovember .bn-filtro-b {
    min-height: 44px;
    padding-block: 10px;
  }

  
  body.dinoxx-blacknovember .bn-seta-v { width: 44px; height: 44px; }

  
  body.dinoxx-blacknovember .bn-busca__campo { padding-block: 4px; }
  body.dinoxx-blacknovember .bn-busca__campo input { min-height: 44px; }
  body.dinoxx-blacknovember .bn-busca__campo button { width: 44px; height: 44px; }

  
  body.dinoxx-blacknovember .bn-card__cta, body.dinoxx-blacknovember .bn-destaque-post__cta { min-height: 44px; }

  
  body.dinoxx-blacknovember .bn-destaque__link { position: relative; }
  body.dinoxx-blacknovember .bn-destaque__link::before {
    content: '';
    position: absolute;
    left: -8px; right: -8px;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }
}



@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-seletor {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--e3);
    padding-bottom: var(--e4);
  }

  body.dinoxx-blacknovember .bn-linha {
    align-items: center;
    justify-content: flex-start;
    gap: var(--e2);
    min-height: 48px;
    padding: var(--e2) var(--e3);
    
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: var(--r-pequeno);
    background: rgba(255,255,255,0.025);
  }
  body.dinoxx-blacknovember .bn-linha[aria-selected='true'], body.dinoxx-blacknovember .bn-linha[data-ativa] {
    border-color: rgba(254,92,33,0.5);
    background: rgba(254,92,33,0.10);
  }

  body.dinoxx-blacknovember .bn-linhas__frente { padding-inline: var(--margem); }

  
  body.dinoxx-blacknovember .bn-linha__nome {
    font-size: 0.92rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  body.dinoxx-blacknovember .bn-linha__num { flex: 0 0 auto; font-size: 0.62rem; }
}



@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-vitrola__lado {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--e3);
  }

  body.dinoxx-blacknovember .bn-vitrola__trilho {
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  body.dinoxx-blacknovember .bn-vitrola__trilho::-webkit-scrollbar { display: none; }

  body.dinoxx-blacknovember .bn-seta-v {
    flex: 0 0 auto;
    width: 44px; height: 44px;
    
    transform: rotate(-90deg);
  }
  
  body.dinoxx-blacknovember .bn-seta-v:hover, body.dinoxx-blacknovember .bn-seta-v:active { transform: rotate(-90deg); }

  
  body.dinoxx-blacknovember .bn-seta-v[data-seta='cima'] { order: -1; }
  body.dinoxx-blacknovember .bn-seta-v[data-seta='baixo'] { order: 99; }
}


@media (pointer: coarse), (max-width: 860px) {
  body.dinoxx-blacknovember .bn-fecho__duvida > a, body.dinoxx-blacknovember .bn-aviso-link > a, body.dinoxx-blacknovember .bn-cauda__nota a, body.dinoxx-blacknovember .bn-carrinho-nota a { position: relative; }

  body.dinoxx-blacknovember .bn-fecho__duvida > a::before, body.dinoxx-blacknovember .bn-aviso-link > a::before, body.dinoxx-blacknovember .bn-cauda__nota a::before, body.dinoxx-blacknovember .bn-carrinho-nota a::before {
    content: '';
    position: absolute;
    left: -10px; right: -10px;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }
}




body.dinoxx-blacknovember.dinoxx-blacknovember .site-content, body.dinoxx-blacknovember.dinoxx-blacknovember .main-page-wrapper, body.dinoxx-blacknovember.dinoxx-blacknovember #main-content, body.dinoxx-blacknovember.dinoxx-blacknovember .wd-content-layout, body.dinoxx-blacknovember.dinoxx-blacknovember .content-layout-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
}


body.dinoxx-blacknovember.dinoxx-blacknovember .bn-hero { min-height: calc(100svh - var(--bn-header-ocupa, 0px)); }




body.dinoxx-blacknovember.dinoxx-blacknovember .whb-visible-lg .wd-logo, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-visible-lg .wd-header-nav {
  display: none;
}


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-col-center:not(.whb-empty-column) { flex: 0 0 auto; }


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-header {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 300;
  background: transparent !important;
}

body.dinoxx-blacknovember.dinoxx-blacknovember .whb-row, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-general-header, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header {
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-color: transparent !important;
  transition: background-color 420ms var(--c-saida),
              border-color     420ms var(--c-saida);
}


body.dinoxx-blacknovember.dinoxx-blacknovember[data-bn-rolou] .whb-row, body.dinoxx-blacknovember.dinoxx-blacknovember[data-bn-rolou] .whb-general-header, body.dinoxx-blacknovember.dinoxx-blacknovember[data-bn-rolou] .whb-main-header {
  background-color: rgba(11, 11, 10, 0.86) !important;
  border-bottom-color: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header a, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .wd-tools-icon, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .wd-tools-text, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .menu-item > a {
  color: rgba(244, 241, 236, 0.92);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}
body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header a:hover, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .menu-item > a:hover { color: var(--ambar); }
body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header svg { color: inherit; }


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .wd-dropdown {
  background-color: rgba(16, 16, 14, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-shadow: none;
}


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header > .container, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-row > .container {
  padding-inline: var(--margem) !important;
  max-width: none !important;
  width: 100% !important;
}


body.dinoxx-blacknovember.dinoxx-blacknovember .wd-footer, body.dinoxx-blacknovember.dinoxx-blacknovember footer.footer-container, body.dinoxx-blacknovember.dinoxx-blacknovember .footer-container, body.dinoxx-blacknovember.dinoxx-blacknovember .copyrights-wrapper {
  background-color: var(--preto) !important;
  background-image: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
body.dinoxx-blacknovember.dinoxx-blacknovember .wd-footer .widget_media_image, body.dinoxx-blacknovember.dinoxx-blacknovember .footer-container .wd-widget, body.dinoxx-blacknovember.dinoxx-blacknovember .footer-container .widget {
  background-color: transparent !important;
}


body.dinoxx-blacknovember .bn-mod + .bn-mod::before {
  content: '';
  position: absolute;
  top: 8%;
  bottom: 14%;
  left: calc(var(--e5) * -0.5);
  width: 1px;
  pointer-events: none;
  background: linear-gradient(to bottom,
    transparent 0%, rgba(255,255,255,0.14) 22%,
    rgba(255,255,255,0.14) 78%, transparent 100%);
}

@media (max-width: 860px) {
  
  body.dinoxx-blacknovember .bn-mod + .bn-mod::before { left: calc(var(--e4) * -0.5); top: 6%; bottom: 10%; }
}


body.dinoxx-blacknovember .bn-vitrola__trilho {
  padding-block: 10px;
  margin-block: -10px;
}


:root:has(body.dinoxx-blacknovember) { font-size: 100%; }


@media (max-width: 860px) {
  
  body.dinoxx-blacknovember.dinoxx-blacknovember .whb-row, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-general-header, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-general-header-inner, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .whb-column {
    height: 64px !important;
    min-height: 0 !important;
  }

  body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header .whb-column { padding-block: 6px; }

  body.dinoxx-blacknovember.dinoxx-blacknovember .whb-main-header img, body.dinoxx-blacknovember.dinoxx-blacknovember .wd-logo img { max-height: 44px; width: auto; }
}


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-column > .wd-header-nav, body.dinoxx-blacknovember.dinoxx-blacknovember .wd-tools-element, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-space-between > *, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-column--right > * { margin-left: 0; }


body.dinoxx-blacknovember.dinoxx-blacknovember .whb-col-right, body.dinoxx-blacknovember.dinoxx-blacknovember .whb-mobile-right {
  gap: clamp(13px, 1.5vw, 20px);
}


body.dinoxx-blacknovember.dinoxx-blacknovember .wd-header-divider { opacity: 0.45; }



body.dinoxx-blacknovember .bn-palco-live__frente {
  display: grid;
  align-content: center;
  gap: clamp(var(--e3), 1.8vw, var(--e5));
  padding: clamp(var(--e5), 3vw, var(--e7));
}

body.dinoxx-blacknovember .bn-palco-live__selo { margin-bottom: var(--e2); }
body.dinoxx-blacknovember .bn-palco-live__quando { line-height: 1.25; }

body.dinoxx-blacknovember .bn-relogio { gap: clamp(var(--e5), 4vw, var(--e8)); margin-block: var(--e2) var(--e3); }
body.dinoxx-blacknovember .bn-relogio__cel { gap: 3px; }
body.dinoxx-blacknovember .bn-relogio__cel i { margin-top: 2px; }

body.dinoxx-blacknovember .bn-palco-live__aviso, body.dinoxx-blacknovember .bn-aviso-link { line-height: 1.65; margin-top: var(--e3); }


body.dinoxx-blacknovember .bn-terca {
  place-content: center;
  place-items: center;
  gap: 2px;
  padding: var(--e3) var(--e2);
}
body.dinoxx-blacknovember .bn-terca__n { line-height: 1; }
body.dinoxx-blacknovember .bn-terca__mes { line-height: 1; opacity: 0.8; }


body.dinoxx-blacknovember .bn-terca__selo { top: -10px; }

body.dinoxx-blacknovember .bn-tercas__topo { margin-bottom: var(--e5); }

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-terca { min-height: 68px; padding: var(--e4) var(--e2); }
  body.dinoxx-blacknovember .bn-relogio { margin-block: var(--e4) var(--e5); }
}


body.dinoxx-blacknovember .bn-explode__trilha { gap: clamp(var(--e7), 3.4vw, var(--e9)); }
body.dinoxx-blacknovember .bn-mod + .bn-mod::before { left: calc(var(--e7) * -0.5); }

@media (max-width: 860px) {
  body.dinoxx-blacknovember .bn-explode__trilha { gap: var(--e7); }
  body.dinoxx-blacknovember .bn-mod + .bn-mod::before { left: calc(var(--e7) * -0.5); top: 6%; bottom: 10%; }
}



@media (max-width: 860px) {
  
  body.dinoxx-blacknovember .bn-palco-live { width: 100%; min-height: 290px; }
  body.dinoxx-blacknovember .bn-palco-live__frente { padding: var(--e6) var(--e5); }
  body.dinoxx-blacknovember .bn-relogio__cel i { font-size: 0.6rem; letter-spacing: 0.08em; }
}


body.dinoxx-blacknovember:has(.bn-menu[data-aberto]) .joinchat, body.dinoxx-blacknovember:has(.bn-lightbox[data-aberto]) .joinchat {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 240ms var(--c-saida), visibility 0s linear 240ms;
}


/* ===== menu.css ===== */


body.dinoxx-blacknovember .bn-menu {
  position: fixed;
  inset: 0;
  
  z-index: 9600;
  display: flex;
  align-items: flex-end;
}
body.dinoxx-blacknovember .bn-menu[hidden] { display: none; }


body.dinoxx-blacknovember .bn-menu__fundo {
  position: absolute;
  inset: 0;
  background: rgba(6, 6, 5, 0.58);
  backdrop-filter: blur(3px) saturate(0.92);
  -webkit-backdrop-filter: blur(3px) saturate(0.92);
  opacity: 0;
  transition: opacity 440ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-menu[data-aberto] .bn-menu__fundo { opacity: 1; }


body.dinoxx-blacknovember .bn-menu__folha {
  position: relative;
  width: 100%;
  max-height: 92svh;
  display: flex;
  flex-direction: column;
  border-radius: 26px 26px 0 0;
  overflow: hidden;
  isolation: isolate;

  
  background: linear-gradient(176deg, rgba(26,25,23,0.80) 0%, rgba(10,10,9,0.92) 100%);
  backdrop-filter: blur(34px) saturate(1.5) brightness(1.04);
  -webkit-backdrop-filter: blur(34px) saturate(1.5) brightness(1.04);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(255,255,255,0.05),
    0 -30px 80px -24px rgba(0,0,0,0.9);

  transform: translateY(102%);
  
  transition: transform 560ms cubic-bezier(0.17, 0.84, 0.26, 1.03);
  will-change: transform;
}
body.dinoxx-blacknovember .bn-menu[data-aberto] .bn-menu__folha { transform: none; }


body.dinoxx-blacknovember .bn-menu__luz {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(260px 260px at var(--x, 50%) var(--y, 0px),
    rgba(255, 186, 120, 0.22) 0%,
    rgba(254, 120, 40, 0.11) 34%,
    transparent 70%);
  opacity: 0;
  transition: opacity 620ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-menu__luz[data-on] { opacity: 1; }


body.dinoxx-blacknovember .bn-menu__brilho {
  position: absolute;
  z-index: 2;
  top: 0; left: 6%; right: 6%;
  height: 92px;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(60% 100% at 50% 0%,
    rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 42%, transparent 74%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 74%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 74%, transparent 100%);
}


body.dinoxx-blacknovember .bn-menu__pega {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  height: 34px;
  flex: 0 0 auto;
  touch-action: none;
  cursor: grab;
}
body.dinoxx-blacknovember .bn-menu__risco {
  width: 42px; height: 4px;
  border-radius: 99px;
  background: rgba(244,241,236,0.3);
}

body.dinoxx-blacknovember .bn-menu__topo {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e4);
  padding: 0 var(--e5) var(--e4);
  flex: 0 0 auto;
}

body.dinoxx-blacknovember .bn-menu__marca {
  display: flex;
  align-items: center;
  gap: var(--e3);
  min-width: 0;
}
body.dinoxx-blacknovember .bn-menu__marca img {
  width: 34px; height: 34px;
  object-fit: contain;
  flex: 0 0 auto;
}
body.dinoxx-blacknovember .bn-menu__marca i {
  font-style: normal;
  padding-left: var(--e3);
  border-left: 1px solid rgba(244,241,236,0.16);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--ambar);
  white-space: nowrap;
}

body.dinoxx-blacknovember .bn-menu__rot {
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--ambar);
}
body.dinoxx-blacknovember .bn-menu__x {
  display: grid; place-items: center;
  width: 44px; height: 44px;
  border: 1px solid rgba(244,241,236,0.16);
  border-radius: 50%;
  background: rgba(255,255,255,0.045);
  color: var(--off-white);
  transition: background var(--d-rapido) var(--c-saida),
              transform  var(--d-rapido) var(--c-saida);
}
body.dinoxx-blacknovember .bn-menu__x:active { background: rgba(254,92,33,0.9); transform: rotate(90deg); }
body.dinoxx-blacknovember .bn-menu__x svg { width: 17px; height: 17px; }


body.dinoxx-blacknovember .bn-menu__corpo {
  position: relative;
  z-index: 3;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0 var(--e5) calc(var(--e7) + env(safe-area-inset-bottom));
  scrollbar-width: none;
}
body.dinoxx-blacknovember .bn-menu__corpo::-webkit-scrollbar { display: none; }

body.dinoxx-blacknovember .bn-menu__secao {
  margin: var(--e5) 0 var(--e3);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: var(--tr-rotulo);
  text-transform: uppercase;
  color: var(--inox-fundo);
}
body.dinoxx-blacknovember .bn-menu__secao:first-child { margin-top: 0; }


body.dinoxx-blacknovember .bn-menu__atalhos { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }

body.dinoxx-blacknovember .bn-menu__atalhos li {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 420ms var(--c-saida), transform 520ms var(--c-dupla);
  transition-delay: calc(var(--i) * 42ms + 140ms);
}
body.dinoxx-blacknovember .bn-menu[data-aberto] .bn-menu__atalhos li { opacity: 1; transform: none; }

body.dinoxx-blacknovember .bn-menu__atalhos a {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--e4);
  min-height: 56px;
  padding: var(--e3) var(--e4);
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  color: var(--off-white);
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  transition: border-color var(--d-rapido) var(--c-saida),
              background   var(--d-rapido) var(--c-saida);
}


body.dinoxx-blacknovember .bn-menu__atalhos a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(120px 120px at 22% 50%,
    rgba(254,146,70,0.26) 0%, transparent 68%);
  opacity: 0;
  transition: opacity 360ms var(--c-saida);
}
body.dinoxx-blacknovember .bn-menu__atalhos a:active::before, body.dinoxx-blacknovember .bn-menu__atalhos a:focus-visible::before { opacity: 1; }
body.dinoxx-blacknovember .bn-menu__atalhos a:active, body.dinoxx-blacknovember .bn-menu__atalhos a:focus-visible { border-color: rgba(254,92,33,0.52); }

body.dinoxx-blacknovember .bn-menu__n {
  position: relative;
  flex: 0 0 auto;
  font-family: var(--fonte-ui);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--ambar);
  font-variant-numeric: tabular-nums;
}

body.dinoxx-blacknovember .bn-menu__txt { position: relative; display: grid; gap: 1px; min-width: 0; flex: 1 1 auto; }
body.dinoxx-blacknovember .bn-menu__txt b {
  font-family: var(--fonte-display);
  font-size: 1.02rem;
  font-weight: 700;
  font-stretch: 104%;
  letter-spacing: -0.012em;
  line-height: 1.15;
}
body.dinoxx-blacknovember .bn-menu__txt i {
  font-style: normal;
  font-size: 0.74rem;
  color: var(--inox-fundo);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dinoxx-blacknovember .bn-menu__atalhos svg {
  position: relative;
  flex: 0 0 auto;
  width: 20px; height: 8px;
  color: rgba(244,241,236,0.46);
  overflow: visible;
}


body.dinoxx-blacknovember .bn-menu__zap {
  display: flex;
  align-items: center;
  gap: var(--e4);
  min-height: 56px;
  margin-top: var(--e4);
  padding: var(--e3) var(--e4);
  border: 1px solid rgba(37,211,102,0.3);
  border-radius: 14px;
  background: rgba(37,211,102,0.08);
  color: var(--off-white);
  -webkit-tap-highlight-color: transparent;
}
body.dinoxx-blacknovember .bn-menu__zap svg { width: 22px; height: 22px; color: #25D366; flex: 0 0 auto; }
body.dinoxx-blacknovember .bn-menu__zap span { display: grid; gap: 1px; min-width: 0; }
body.dinoxx-blacknovember .bn-menu__zap b { font-size: 0.92rem; font-weight: 700; }
body.dinoxx-blacknovember .bn-menu__zap i {
  font-style: normal;
  font-size: 0.73rem;
  color: rgba(244,241,236,0.6);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


body.dinoxx-blacknovember .bn-menu__loja { list-style: none; margin: 0; padding: 0; }
body.dinoxx-blacknovember .bn-menu__loja li { border-bottom: 1px solid rgba(255,255,255,0.055); }

body.dinoxx-blacknovember .bn-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  width: 100%;
  min-height: 50px;
  padding: var(--e3) 2px;
  border: 0;
  background: none;
  color: rgba(244,241,236,0.86);
  font-family: var(--fonte-ui);
  font-size: 0.92rem;
  font-weight: 500;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--d-rapido) var(--c-saida);
}

body.dinoxx-blacknovember .bn-menu__item:active, body.dinoxx-blacknovember .bn-menu__item:focus-visible { color: var(--off-white); }
body.dinoxx-blacknovember .bn-menu__item:active svg, body.dinoxx-blacknovember .bn-menu__item:focus-visible svg { color: rgba(244,241,236,0.8); }

body.dinoxx-blacknovember .bn-menu__item svg {
  flex: 0 0 auto;
  width: 14px; height: 14px;
  color: rgba(244,241,236,0.4);
  transition: transform 420ms var(--c-dupla), color var(--d-rapido) var(--c-saida);
}

body.dinoxx-blacknovember .bn-menu__item[aria-expanded='true'] svg { transform: rotate(135deg); color: var(--ambar); }
body.dinoxx-blacknovember .bn-menu__item[aria-expanded='true'] { color: var(--off-white); }

body.dinoxx-blacknovember .bn-menu__gaveta {
  height: 0;
  overflow: hidden;
  transition: height 440ms var(--c-dupla);
}
body.dinoxx-blacknovember .bn-menu__gaveta > div { padding: 2px 0 var(--e4) var(--e4); display: grid; gap: 1px; }
body.dinoxx-blacknovember .bn-menu__gaveta a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 2px var(--e3);
  border-left: 1px solid rgba(254,92,33,0.32);
  color: rgba(244,241,236,0.66);
  font-size: 0.86rem;
  -webkit-tap-highlight-color: transparent;
}
body.dinoxx-blacknovember .bn-menu__gaveta a:active { color: var(--off-white); border-left-color: rgba(254,92,33,0.75); }


@media (min-width: 861px) {
  body.dinoxx-blacknovember .bn-menu { align-items: center; justify-content: center; padding: var(--e7); }
  body.dinoxx-blacknovember .bn-menu__folha {
    max-width: 460px;
    max-height: 86svh;
    border-radius: 22px;
    transform: translateY(24px) scale(0.97);
    opacity: 0;
    transition: transform 520ms var(--c-saida), opacity 340ms var(--c-saida);
  }
  body.dinoxx-blacknovember .bn-menu[data-aberto] .bn-menu__folha { transform: none; opacity: 1; }
  body.dinoxx-blacknovember .bn-menu__pega { display: none; }
  body.dinoxx-blacknovember .bn-menu__topo { padding-top: var(--e5); }
  body.dinoxx-blacknovember .bn-menu__atalhos a:hover { border-color: rgba(254,92,33,0.52); }
  body.dinoxx-blacknovember .bn-menu__atalhos a:hover::before { opacity: 1; }
  body.dinoxx-blacknovember .bn-menu__item:hover { color: var(--off-white); }
  body.dinoxx-blacknovember .bn-menu__item:hover svg { color: rgba(244,241,236,0.8); }
  body.dinoxx-blacknovember .bn-menu__gaveta a:hover { color: var(--off-white); border-left-color: rgba(254,92,33,0.75); }
}

@media (prefers-reduced-motion: reduce) {
  body.dinoxx-blacknovember .bn-menu__folha, body.dinoxx-blacknovember .bn-menu__fundo, body.dinoxx-blacknovember .bn-menu__atalhos li, body.dinoxx-blacknovember .bn-menu__gaveta { transition: none; }
  body.dinoxx-blacknovember .bn-menu__luz { display: none; }
}