/* NostalgiaOT, direção "Pôr do sol": celular primeiro, painéis translúcidos sobre a arte.
   Para mudar o visual, mexa primeiro nas variáveis abaixo. */
@font-face { font-family: "Cinzel"; src: url(../fonts/cinzel-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url(../fonts/cinzel-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url(../fonts/inter-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url(../fonts/inter-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }

:root {
	/* cores: roxo do anoitecer, dourado de areia, laranja de brasa e verde floresta de apoio */
	--roxo-noite: #160d22;
	--roxo: #2b1840;
	--roxo-medio: #4a2c68;
	--roxo-claro: #8a6bb0;
	--areia: #e8c47c;
	--areia-clara: #f6dfa6;
	--areia-escura: #a9792f;
	--brasa: #e8743b;
	--brasa-escura: #b5501f;
	--floresta: #3f7a4a;
	--floresta-escura: #1f4528;
	--texto: #f1e8da;
	--texto-suave: #c4b6d2;
	--texto-escuro: #24152f;
	--painel: rgba(24, 14, 36, .82);
	--painel-claro: rgba(58, 34, 84, .55);
	--borda: rgba(232, 196, 124, .38);
	--borda-forte: rgba(232, 196, 124, .75);
	--sombra: 0 10px 30px rgba(0, 0, 0, .45);
	--vermelho: #d8433a;
	--online: #6fdc85;
	/* fontes */
	--fonte-titulo: "Cinzel", Georgia, serif;
	--fonte-texto: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
	/* tamanhos de letra */
	--texto-p: 12px;
	--texto-mp: 13px;
	--texto-m: 14px;
	--texto-base: 15px;
	--texto-g: 18px;
	--texto-gg: 24px;
	--texto-hero: clamp(34px, 9vw, 76px);
	/* espaçamentos */
	--esp-1: 4px;
	--esp-2: 8px;
	--esp-3: 12px;
	--esp-4: 16px;
	--esp-5: 24px;
	--esp-6: 32px;
	--esp-7: 48px;
	/* medidas */
	--largura-max: 1180px;
	--altura-topo: 64px;
	--raio: 10px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: var(--altura-topo); }
body { margin: 0; font: var(--texto-base)/1.55 var(--fonte-texto); color: var(--texto); background: var(--roxo-noite); }
body.nt-interna { background: var(--roxo-noite) url(../images/hero_celular.jpg) center top / cover fixed no-repeat; }
body.nt-interna::before { content: ""; position: fixed; inset: 0; z-index: -1; background: linear-gradient(rgba(22, 13, 34, .72), rgba(22, 13, 34, .92)); }
a { color: var(--areia); }
a:hover { color: var(--areia-clara); }
img { max-width: 100%; height: auto; }
h1, h2, h3 { font-family: var(--fonte-titulo); font-weight: 700; color: var(--areia); line-height: 1.2; }
.nt-oculto { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.nt-ico { width: 20px; height: 20px; vertical-align: -5px; flex: none; }

/* botões */
.nt-botao { display: inline-block; padding: var(--esp-2) var(--esp-4); border-radius: 999px; font: 600 var(--texto-m) var(--fonte-texto); text-decoration: none; text-align: center; cursor: pointer; border: 1px solid transparent; }
.nt-botao-ouro { background: linear-gradient(var(--areia-clara), var(--areia) 55%, var(--areia-escura)); color: var(--texto-escuro) !important; border-color: var(--areia-escura); box-shadow: 0 4px 14px rgba(232, 116, 59, .35); }
.nt-botao-ouro:hover { filter: brightness(1.08); }
.nt-botao-grande { padding: var(--esp-3) var(--esp-6); font-size: var(--texto-g); font-family: var(--fonte-titulo); }

/* topo fixo */
.nt-topo { position: sticky; top: 0; z-index: 50; background: rgba(22, 13, 34, .9); border-bottom: 1px solid var(--borda); backdrop-filter: blur(6px); }
.nt-topo-faixa { max-width: var(--largura-max); margin: 0 auto; min-height: var(--altura-topo); display: flex; align-items: center; gap: var(--esp-3); padding: 0 var(--esp-4); }
.nt-marca { display: flex; align-items: center; gap: var(--esp-2); text-decoration: none; font: 700 var(--texto-g) var(--fonte-titulo); color: var(--areia); }
.nt-marca img { height: 40px; width: auto; }
.nt-botao-menu { margin-left: auto; color: var(--areia); cursor: pointer; padding: var(--esp-2); border: 1px solid var(--borda); border-radius: 8px; line-height: 0; }
.nt-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - var(--altura-topo)); overflow-y: auto; background: var(--roxo-noite); border-bottom: 1px solid var(--borda); padding: var(--esp-2) var(--esp-4) var(--esp-4); }
#nt-menu-aberto:checked ~ .nt-nav { display: block; }
.nt-nav-item { display: block; width: 100%; text-align: left; padding: var(--esp-2) 0; background: none; border: 0; color: var(--texto); font: 600 var(--texto-base) var(--fonte-texto); text-decoration: none; cursor: pointer; }
.nt-nav-item:hover, .nt-nav .atual > .nt-nav-item, .nt-nav-item.atual { color: var(--areia); }
.nt-nav-lista { display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-3); padding: 0 0 var(--esp-2) var(--esp-3); border-left: 2px solid var(--borda); }
.nt-nav-lista a { color: var(--texto-suave); text-decoration: none; font-size: var(--texto-m); }
.nt-nav-lista a:hover, .nt-nav-lista a.atual { color: var(--areia); }
.nt-online { display: none; font-size: var(--texto-mp); color: var(--texto-suave); white-space: nowrap; }
.nt-online i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--online); margin-right: var(--esp-1); box-shadow: 0 0 6px var(--online); }
.nt-online b { color: var(--texto); }
.nt-topo-cta { display: none; }

/* hero em tela cheia */
.nt-hero { min-height: min(calc(100svh - var(--altura-topo)), 820px); display: flex; align-items: flex-end; padding: var(--esp-6) var(--esp-4) var(--esp-7);
	background: linear-gradient(180deg, rgba(22, 13, 34, .15) 0%, rgba(22, 13, 34, .35) 45%, var(--roxo-noite) 100%), url(../images/hero_celular.jpg) 30% center / cover no-repeat; }
.nt-hero-texto { max-width: var(--largura-max); width: 100%; margin: 0 auto; text-align: center; }
.nt-hero-marca { margin: 0; display: flex; align-items: center; justify-content: center; gap: var(--esp-3); font-size: var(--texto-hero); letter-spacing: .02em;
	background: linear-gradient(var(--areia-clara), var(--areia) 50%, var(--brasa)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .7)); }
.nt-hero-marca img { height: 1.1em; width: auto; }
.nt-hero-slogan { margin: var(--esp-2) 0; font: 600 clamp(20px, 5vw, 34px)/1.2 var(--fonte-titulo); color: var(--texto); text-shadow: 0 2px 8px rgba(0, 0, 0, .8); }
.nt-hero-chamada { margin: 0 auto var(--esp-5); max-width: 560px; color: var(--texto); text-shadow: 0 2px 6px rgba(0, 0, 0, .9); }
.nt-contagem { display: block; width: fit-content; margin: var(--esp-5) auto 0; padding: var(--esp-3) var(--esp-5); background: var(--painel); border: 1px solid var(--borda-forte); border-radius: var(--raio); }
.nt-contagem small { display: block; font: 600 var(--texto-p) var(--fonte-titulo); letter-spacing: .2em; text-transform: uppercase; color: var(--areia); }
.nt-contagem div { display: flex; justify-content: center; }
.nt-contagem span { padding: 0 var(--esp-3); font-size: var(--texto-p); text-transform: uppercase; color: var(--texto-suave); }
.nt-contagem span + span { border-left: 1px solid var(--borda); }
.nt-contagem b { display: block; font: 700 var(--texto-gg) var(--fonte-titulo); color: var(--texto); }
.nt-contagem-breve { padding-top: var(--esp-1); font-family: var(--fonte-titulo); color: var(--texto); }

/* seções */
.nt-secoes { max-width: var(--largura-max); margin: 0 auto; padding: 0 var(--esp-4); }
.nt-secao { padding: var(--esp-6) 0; }
.nt-titulo-secao { margin: 0 0 var(--esp-5); text-align: center; font-size: var(--texto-gg); display: flex; align-items: center; gap: var(--esp-3); justify-content: center; }
.nt-titulo-secao::before, .nt-titulo-secao::after { content: ""; flex: 0 1 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--areia)); }
.nt-titulo-secao::after { transform: scaleX(-1); }
.nt-secao-topo { display: flex; flex-direction: column; align-items: center; }
.nt-secao-topo .nt-titulo-secao { width: 100%; }
.nt-ver-todas { font-size: var(--texto-m); margin: calc(-1 * var(--esp-3)) 0 var(--esp-4); }
.nt-grade { display: grid; gap: var(--esp-4); grid-template-columns: minmax(0, 1fr); }
.nt-cartao { display: block; background: var(--painel); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); text-decoration: none; color: var(--texto); transition: border-color .15s, transform .15s; }
a.nt-cartao:hover { border-color: var(--borda-forte); transform: translateY(-2px); color: var(--texto); }
.nt-vazio { text-align: center; color: var(--texto-suave); }
.nt-grade-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-3); }

/* clássico 8.6: prints em moldura e itens */
.nt-print { margin: 0; }
.nt-print-moldura { aspect-ratio: 16 / 9; border: 3px solid var(--areia-escura); outline: 1px solid var(--areia); outline-offset: -7px; border-radius: 4px; overflow: hidden; background: radial-gradient(ellipse at center, var(--roxo-medio), var(--roxo) 70%); display: grid; place-items: center; box-shadow: var(--sombra); }
.nt-print-moldura.quadrado { aspect-ratio: 1; }
.nt-print-moldura > a { display: block; width: 100%; height: 100%; }
.nt-print-moldura img { width: 100%; height: 100%; object-fit: cover; }
.nt-print-vazio { padding: var(--esp-3); font: 600 var(--texto-m) var(--fonte-titulo); color: var(--areia); text-align: center; opacity: .8; }
.nt-print-vazio img { width: auto; height: 42px; object-fit: contain; image-rendering: auto; opacity: .7; }
.nt-print-vazio small { display: block; margin-top: var(--esp-1); font: 400 var(--texto-p) var(--fonte-texto); color: var(--texto-suave); }
.nt-print figcaption { padding: var(--esp-2) var(--esp-1) 0; text-align: center; font-size: var(--texto-mp); color: var(--texto-suave); }
.nt-print figcaption b { display: block; font: 700 var(--texto-base) var(--fonte-titulo); color: var(--areia); }
.nt-itens { list-style: none; margin: var(--esp-5) 0 0; padding: var(--esp-3); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--esp-2); background: var(--painel-claro); border: 1px solid var(--borda); border-radius: var(--raio); }
.nt-itens li { width: 56px; height: 56px; display: grid; place-items: center; background: rgba(0, 0, 0, .3); border: 1px solid var(--borda); border-radius: 6px; }
.nt-itens img { width: 48px; height: 48px; object-fit: contain; image-rendering: pixelated; }

/* recursos com ícone em pixel art */
.nt-recurso { padding: var(--esp-3) var(--esp-2); text-align: center; }
@media (min-width: 600px) { .nt-recurso { padding: var(--esp-4); } }
.nt-recurso-icone { display: grid; place-items: center; height: clamp(64px, 18vw, 96px); margin-bottom: var(--esp-2); }
.nt-recurso-icone img { max-height: 100%; width: auto; image-rendering: pixelated; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .6)); }
.nt-recurso b { display: block; font: 700 var(--texto-base) var(--fonte-titulo); color: var(--areia); }
.nt-recurso span { display: block; font-size: var(--texto-mp); color: var(--texto-suave); }
.nt-hoje { display: inline-block; margin-top: var(--esp-2); padding: 2px var(--esp-2); border-radius: 999px; background: var(--floresta-escura); border: 1px solid var(--floresta); font-size: var(--texto-p); color: var(--texto); }

/* notícias em cartões com imagem */
.nt-noticia-cartao { overflow: hidden; }
.nt-noticia-imagem { display: block; aspect-ratio: 16 / 7; background: url(../images/hero_celular.jpg) center 35% / cover; border-bottom: 1px solid var(--borda); }
.nt-noticia-texto { display: block; padding: var(--esp-3) var(--esp-4) var(--esp-4); }
.nt-noticia-texto b { display: block; margin: var(--esp-1) 0; font: 700 var(--texto-g) var(--fonte-titulo); color: var(--areia); }
.nt-noticia-texto span:not(.nt-etiqueta) { display: block; font-size: var(--texto-m); color: var(--texto-suave); }
.nt-noticia-texto time { display: block; margin-top: var(--esp-2); font-size: var(--texto-p); color: var(--roxo-claro); }
.nt-etiqueta { display: inline-block; padding: 1px var(--esp-2); border-radius: 4px; background: var(--floresta); color: var(--texto); font: 600 11px var(--fonte-texto); letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }

/* streamers */
.nt-streamer { position: relative; padding: var(--esp-4); }
.nt-streamer b { display: block; font-weight: 600; color: var(--texto); }
.nt-streamer small { display: block; color: var(--texto-suave); }
.nt-streamer span:not(.nt-ao-vivo-selo) { display: block; margin-top: var(--esp-1); font-size: var(--texto-mp); }
.nt-ao-vivo-selo { position: absolute; top: var(--esp-3); right: var(--esp-3); padding: 1px var(--esp-2); border-radius: 4px; background: var(--vermelho); color: #fff; font: 700 10px var(--fonte-texto); letter-spacing: .08em; }

/* páginas internas */
.nt-cabecalho-pagina { padding: var(--esp-6) var(--esp-4) var(--esp-4); text-align: center; }
.nt-cabecalho-pagina h1 { margin: 0; font-size: clamp(24px, 6vw, 40px); text-shadow: 0 2px 8px rgba(0, 0, 0, .8); }
.nt-painel { background: var(--painel); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); }
.nt-conteudo { padding: var(--esp-4); margin-bottom: var(--esp-6); overflow-x: auto; }

/* rodapé com ilustração */
.nt-rodape { margin-top: var(--esp-6); background: linear-gradient(var(--roxo-noite), rgba(22, 13, 34, .55) 30%, rgba(22, 13, 34, .85)), url(../images/rodape.jpg) center 60% / cover; border-top: 1px solid var(--borda); }
.nt-rodape-arte { padding: var(--esp-7) var(--esp-4) var(--esp-5); text-align: center; text-shadow: 0 2px 6px rgba(0, 0, 0, .9); }
.nt-rodape-marca { margin: 0; font: 700 var(--texto-gg) var(--fonte-titulo); color: var(--areia); display: flex; align-items: center; justify-content: center; gap: var(--esp-2); }
.nt-rodape-marca img { height: 40px; width: auto; }
.nt-redes { display: flex; justify-content: center; gap: var(--esp-4); }
.nt-redes a { color: var(--texto); }
.nt-redes .nt-ico { width: 24px; height: 24px; }
.nt-rodape-menu { max-width: var(--largura-max); margin: 0 auto; padding: var(--esp-4); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-4); background: rgba(22, 13, 34, .75); border-radius: var(--raio) var(--raio) 0 0; }
.nt-rodape-menu h3 { margin: 0 0 var(--esp-1); font-size: var(--texto-m); }
.nt-rodape-menu a { display: block; padding: 2px 0; font-size: var(--texto-mp); color: var(--texto-suave); text-decoration: none; }
.nt-rodape-menu a:hover { color: var(--areia); }
.nt-rodape-fim { margin: 0; padding: var(--esp-3) var(--esp-4); text-align: center; font-size: var(--texto-p); color: var(--texto-suave); background: var(--roxo-noite); }

/* conteúdo das páginas do MyAAC e das páginas próprias dentro do painel escuro */
.nt-conteudo table { border-collapse: collapse; max-width: 100%; color: var(--texto); }
.nt-conteudo td, .nt-conteudo th { padding: var(--esp-1) var(--esp-2); }
.nt-conteudo .white, .nt-conteudo .white a { color: #fff; }
.nt-conteudo input:not([type]), .nt-conteudo input[type=text], .nt-conteudo input[type=password], .nt-conteudo input[type=email], .nt-conteudo input[type=number], .nt-conteudo select, .nt-conteudo textarea {
	width: 100%; max-width: 100%; padding: var(--esp-2); border: 1px solid var(--borda-forte); border-radius: 6px; background: rgba(0, 0, 0, .35); color: var(--texto); font: inherit; }
.nt-conteudo input[type=submit], .nt-conteudo button, .nt-btn-form {
	display: inline-block; padding: var(--esp-2) var(--esp-4); margin: 3px 2px; border-radius: 999px; font: 600 var(--texto-m) var(--fonte-texto); cursor: pointer;
	background: linear-gradient(var(--areia-clara), var(--areia)); color: var(--texto-escuro); border: 1px solid var(--areia-escura); }
.nt-btn-form.verde { background: var(--floresta); color: var(--texto); border-color: var(--floresta-escura); }
.nt-btn-form.vermelho { background: var(--brasa-escura); color: var(--texto); border-color: var(--brasa); }
.nt-conteudo iframe { max-width: 100%; }
.nt-conteudo .nt-video { position: relative; aspect-ratio: 16 / 9; margin: var(--esp-3) 0; }
.nt-conteudo .nt-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nt-noticia { margin-bottom: var(--esp-5); }
.nt-noticia-titulo { display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-3); align-items: baseline; border-bottom: 1px solid var(--borda); padding-bottom: var(--esp-1); margin-bottom: var(--esp-2); }
.nt-noticia-titulo h2 { margin: 0; font-size: var(--texto-g); }
.nt-noticia-titulo time, .nt-noticia-titulo small { color: var(--texto-suave); font-size: var(--texto-mp); }
.nt-tabela-titulo { margin: 0 0 var(--esp-3); border: 1px solid var(--borda); border-radius: 6px; overflow: hidden; }
.nt-tabela-titulo > div:first-child { padding: var(--esp-2) var(--esp-3); background: var(--roxo-medio); color: var(--areia); font-weight: 600; }
.nt-tabela-titulo > div:last-child { padding: var(--esp-2) var(--esp-3); }
.nt-tabela { width: 100%; border-collapse: collapse; margin: var(--esp-2) 0 var(--esp-4); font-size: var(--texto-m); }
.nt-tabela th { background: var(--roxo-medio); color: var(--areia); text-align: left; padding: var(--esp-2); }
.nt-tabela td { padding: var(--esp-2); border-bottom: 1px solid var(--borda); vertical-align: top; }
.nt-tabela tr:nth-child(even) td { background: rgba(255, 255, 255, .03); }
.nt-tabela tr.ativa td { background: rgba(63, 122, 74, .25); }
.nt-abas { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin: 0 0 var(--esp-3); }
.nt-abas a { padding: 3px var(--esp-3); border: 1px solid var(--borda); border-radius: 999px; text-decoration: none; color: var(--texto-suave); font-size: var(--texto-mp); }
.nt-abas a.atual, .nt-abas a:hover { background: var(--areia); color: var(--texto-escuro); border-color: var(--areia); }
.nt-abas.pequenas a { font-size: var(--texto-p); padding: 2px var(--esp-2); }
.nt-aviso { padding: var(--esp-2) var(--esp-3); border-radius: 6px; background: rgba(232, 196, 124, .12); border: 1px solid var(--borda-forte); }
.nt-aviso.erro { background: rgba(216, 67, 58, .15); border-color: var(--vermelho); }
.nt-aviso.ok { background: rgba(63, 122, 74, .2); border-color: var(--floresta); }
.nt-semana { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--esp-2); margin-bottom: var(--esp-4); }
.nt-dia { background: var(--painel-claro); border: 1px solid var(--borda); border-radius: 8px; padding: var(--esp-2); }
.nt-dia.hoje { border-color: var(--areia); box-shadow: 0 0 0 1px var(--areia) inset; }
.nt-dia h3 { margin: 0 0 var(--esp-1); font-size: var(--texto-m); }
.nt-dia h3 small { color: var(--texto-suave); font-weight: 400; }
.nt-evento { font-size: var(--texto-mp); padding: 3px var(--esp-2); margin: 3px 0; border-left: 3px solid var(--roxo-claro); background: rgba(0, 0, 0, .25); border-radius: 3px; }
.nt-evento.tipo-chefe { border-left-color: var(--brasa); }
.nt-evento.tipo-castelo { border-left-color: var(--areia); }
.nt-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--esp-2); margin-bottom: var(--esp-3); }
.nt-cartoes div { background: var(--painel-claro); border: 1px solid var(--borda); border-radius: 8px; padding: var(--esp-2); text-align: center; }
.nt-cartoes small { display: block; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; color: var(--areia); }
.nt-colunas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 var(--esp-3); }
.nt-passos li { margin-bottom: var(--esp-2); }
.nt-enquete { background: var(--painel-claro); border: 1px solid var(--borda); border-radius: 8px; padding: var(--esp-3); margin-bottom: var(--esp-3); }
.nt-enquete h3 { margin-top: 0; }
.nt-opcao { display: block; padding: var(--esp-1) 0; }
.nt-resultado { display: grid; grid-template-columns: 1fr auto; gap: 2px var(--esp-2); margin: var(--esp-2) 0; font-size: var(--texto-m); }
.nt-resultado.meu span { font-weight: 600; color: var(--areia); }
.nt-barra-voto { grid-column: 1 / -1; height: 8px; background: rgba(0, 0, 0, .35); border-radius: 4px; overflow: hidden; }
.nt-barra-voto i { display: block; height: 100%; background: linear-gradient(90deg, var(--roxo-claro), var(--areia), var(--brasa)); }
.nt-placar { display: flex; justify-content: center; align-items: center; gap: var(--esp-3); margin: var(--esp-2) 0 var(--esp-3); }
.nt-placar b { font: 700 26px var(--fonte-titulo); color: var(--areia); white-space: nowrap; }
.nt-placar span { flex: 1; }
.nt-placar span:last-child { text-align: right; }
@media (max-width: 599px) { .nt-largo, .nt-print-vazio small { display: none; } }

/* tablet */
@media (min-width: 600px) {
	.nt-grade-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nt-rodape-menu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nt-online { display: inline; margin-left: auto; }
	.nt-botao-menu { margin-left: 0; }
}

/* computador: menu na faixa do topo com listas que abrem ao passar o mouse */
@media (min-width: 1000px) {
	body.nt-interna { background-image: url(../images/hero.jpg); }
	.nt-hero { background-image: linear-gradient(90deg, rgba(22, 13, 34, .8) 0%, rgba(22, 13, 34, .25) 55%, rgba(22, 13, 34, 0) 100%), linear-gradient(180deg, transparent 70%, var(--roxo-noite) 100%), url(../images/hero.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; align-items: center; }
	.nt-hero-texto { text-align: left; }
	.nt-hero-marca { justify-content: flex-start; }
	.nt-hero-chamada { margin-left: 0; }
	.nt-contagem { margin-left: 0; }
	.nt-noticia-imagem { background-image: url(../images/hero.jpg); }
	.nt-botao-menu { display: none; }
	.nt-nav { display: flex; position: static; padding: 0; background: none; border: 0; max-height: none; overflow: visible; gap: var(--esp-1); margin-left: var(--esp-4); }
	.nt-nav-item { width: auto; padding: var(--esp-2) var(--esp-2); font-size: var(--texto-m); }
	.nt-nav-grupo { position: relative; }
	.nt-nav-grupo .nt-nav-lista { display: none; position: absolute; top: 100%; left: 0; min-width: 210px; flex-direction: column; flex-wrap: nowrap; gap: 0; padding: var(--esp-2); background: var(--roxo-noite); border: 1px solid var(--borda); border-radius: 8px; box-shadow: var(--sombra); }
	.nt-nav-grupo:hover .nt-nav-lista, .nt-nav-grupo:focus-within .nt-nav-lista { display: flex; }
	.nt-nav-lista a { padding: var(--esp-1) var(--esp-2); border-radius: 4px; }
	.nt-nav-lista a:hover { background: var(--painel-claro); }
	.nt-nav .atual > .nt-nav-item, .nt-nav-item.atual { box-shadow: inset 0 -2px 0 var(--areia); }
	.nt-online { margin-left: auto; }
	.nt-topo-cta { display: inline-block; }
	.nt-grade-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.nt-grade-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nt-rodape-menu { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.nt-conteudo { padding: var(--esp-5); }
}

/* Formulários do MyAAC no celular: uma coluna, campos na largura toda (cadastro, conta) */
@media (max-width: 599px) {
	.nt-conteudo form table, .nt-conteudo form tbody, .nt-conteudo form tr, .nt-conteudo form td { display: block; width: auto !important; }
	.nt-conteudo form input[type=text], .nt-conteudo form input[type=password], .nt-conteudo form input[type=email], .nt-conteudo form select { width: 100%; box-sizing: border-box; }
	.nt-conteudo .TableContentContainer, .nt-conteudo .InnerTableContainer { width: auto !important; }
}
.mt-conta-gerada { overflow-wrap: anywhere; }

/* ícone da plataforma de live (Twitch, Kick, YouTube) em /ao-vivo, na home e no painel do criador */
.mt-icone-plataforma { display: inline-block; vertical-align: -3px; }

/* Menu do celular: gaveta de tela cheia (retorno do dono, 08/10). Pedra escura como a janela do cliente, borda dourada,
   um item por linha (≥ 48 px de toque), fonte 19 px, ícone pixel do jogo; some no computador (≥ 1000 px). */
.nt-gaveta { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; gap: 14px; padding: 14px 18px 22px; overflow-y: auto;
	background: radial-gradient(ellipse at top, rgba(255, 220, 140, .06), transparent 60%), repeating-linear-gradient(45deg, #2b2620 0 6px, #2f2a23 6px 12px), #29241e;
	border: 3px solid #8a6a2a; box-shadow: inset 0 0 0 1px #1a1612, inset 0 0 40px rgba(0, 0, 0, .6);
	display: none; }
/* fechada = display: none (os ícones só carregam quando abre); a abertura é uma animação de entrada curta */
#nt-menu-aberto:checked ~ .nt-gaveta, #nt-menu-aberto:checked + .nt-gaveta { display: flex; animation: nt-gaveta-entra .18s ease; }
@keyframes nt-gaveta-entra { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
#nt-menu-aberto:checked ~ .nt-nav { display: none; }
body:has(#nt-menu-aberto:checked) { overflow: hidden; }
.nt-gaveta-topo { display: flex; align-items: center; justify-content: space-between; }
.nt-gaveta-marca { display: inline-flex; align-items: center; gap: 8px; font: 700 20px var(--fonte-titulo, Cinzel, serif); color: #e9c46a; letter-spacing: .02em; }
.nt-gaveta-fechar { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 2px solid #8a6a2a; border-radius: 10px;
	color: #f3e6c4; font-size: 28px; line-height: 1; cursor: pointer; background: rgba(0, 0, 0, .25); }
.nt-gaveta-fechar:active { transform: scale(.96); }
.nt-gaveta-cta { display: block; padding: 16px; border-radius: 10px; text-align: center; font: 800 20px/1.2 var(--fonte-texto, Inter, sans-serif); color: #fff;
	text-decoration: none; background: linear-gradient(180deg, #c8352b, #8e1a14); border: 2px solid #5e0f0b; box-shadow: 0 3px 0 #5e0f0b, 0 6px 16px rgba(0, 0, 0, .4); }
.nt-gaveta-lista { display: flex; flex-direction: column; border-top: 1px solid rgba(233, 196, 106, .25); }
.nt-gaveta-lista a { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 6px 4px; border-bottom: 1px solid rgba(233, 196, 106, .18);
	color: #f3e6c4; text-decoration: none; font: 600 19px/1.25 var(--fonte-texto, Inter, sans-serif); }
.nt-gaveta-lista a:active, .nt-gaveta-lista a:hover { background: rgba(233, 196, 106, .08); }
.nt-gaveta-lista img { width: 32px; height: 32px; flex: none; image-rendering: pixelated; }
.nt-gaveta-lista small { margin-left: auto; padding: 2px 8px; border-radius: 999px; font: 700 12px var(--fonte-texto, Inter, sans-serif); color: #e9c46a; border: 1px solid #8a6a2a; font-variant: small-caps; letter-spacing: .04em; }
.nt-gaveta-pe { margin: auto 0 0; padding-top: 10px; font-size: 14px; color: #b9a983; text-align: center; line-height: 1.8; }
.nt-gaveta-pe a { color: #d8c79e; text-decoration: none; }
@media (min-width: 1000px) { .nt-gaveta { display: none; } }

/* Animações com sprites reais do 7.4 (tools/js/megatibia/nostalgia_anim.js): bichos de vez em quando e a comemoração */
.na-sprite { background-repeat: no-repeat; image-rendering: pixelated; pointer-events: none; }
.na-bicho { position: absolute; left: 0; z-index: 900; }
.na-espia { position: fixed; z-index: 900; }
.na-cena { position: relative; overflow: hidden; margin: 6px 0 14px; border: 3px solid #2b2b2b; border-radius: 4px; background: #1d2a17; cursor: pointer; }
.na-cena img { display: block; width: 100%; height: auto; }
.na-cena .na-sprite { position: absolute; }
.na-silhueta { filter: brightness(0) drop-shadow(0 0 2px rgba(80, 0, 0, .8)); }
.na-treme { animation: na-treme .45s linear 2; }
@keyframes na-treme { 0%, 100% { transform: translate(0, 0); } 20% { transform: translate(-4px, 2px); } 40% { transform: translate(4px, -2px); } 60% { transform: translate(-3px, -2px); } 80% { transform: translate(3px, 2px); } }
.na-nome { position: absolute; left: 49.1%; top: 43%; transform: translate(-50%, -100%); font: 700 clamp(10px, 2.2vw, 15px) Verdana, Tahoma, sans-serif; color: #00eb00; white-space: nowrap;
	text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000; opacity: 0; transition: opacity .3s; pointer-events: none; }
.na-msg { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); padding: 6px 14px; border-radius: 6px; background: rgba(0, 0, 0, .65); color: #fff3cf;
	font: 800 clamp(13px, 3vw, 18px) var(--fonte-texto, Inter, sans-serif); white-space: nowrap; opacity: 0; transition: opacity .4s; pointer-events: none; }
.na-pular { position: absolute; right: 8px; top: 6px; font-size: 11px; color: rgba(255, 255, 255, .7); text-shadow: 0 1px 2px #000; pointer-events: none; }
.na-tocando .na-heroi { opacity: 0; }
.na-pronto .na-heroi { opacity: 1; transition: opacity .3s; }
.na-pronto .na-nome, .na-pronto .na-msg { opacity: 1; }
.na-pronto .na-pular { display: none; }
.na-pronto { cursor: default; }
@media (prefers-reduced-motion: reduce) { .na-treme { animation: none; } }