/* Tema Neon do portal (03/11 a 30/11), ver ucp/apps/mis/temas.py.
   Entardecer neon sobre o mesmo bairro: rosa, roxo e agua. Desenho proprio,
   nada de marca de terceiros. So vale com <html data-tema="neon">. */
[data-tema="neon"] {
  --accent: #ff3d9a;
  --amber: #ffb547;
  --pink: #22d3c5;
}
[data-tema="neon"] .grad { background: linear-gradient(100deg, #ffb547, #ff3d9a 45%, #22d3c5); -webkit-background-clip: text; background-clip: text; }
[data-tema="neon"] .btn--solid { background: linear-gradient(180deg, #ff5fae, #ff3d9a); box-shadow: 0 10px 30px -10px rgba(255, 61, 154, .8), inset 0 1px 0 rgba(255, 255, 255, .25); }
[data-tema="neon"] .selo { background: rgba(255, 61, 154, .12); border-color: rgba(255, 61, 154, .4); }
[data-tema="neon"] .selo b { background: linear-gradient(90deg, #ff3d9a, #7c3aed); }
[data-tema="neon"] .chamada { background: radial-gradient(80% 120% at 50% 0%, rgba(255, 61, 154, .32), transparent 60%), var(--bg2); border-color: rgba(255, 61, 154, .3); }
[data-tema="neon"] .criadores { background: radial-gradient(60% 50% at 70% 40%, rgba(124, 58, 237, .14), transparent 70%), var(--bg); }
[data-tema="neon"] .nucleo { background: radial-gradient(circle, rgba(255, 61, 154, .3), rgba(10, 11, 15, .9) 70%); border-color: rgba(255, 61, 154, .45); box-shadow: 0 0 80px rgba(255, 61, 154, .35); }
[data-tema="neon"] .eternos { background: radial-gradient(50% 60% at 50% 100%, rgba(124, 58, 237, .18), transparent 70%), var(--bg); }

/* O bairro de sempre, puxado para o rosa, com linhas de tela e palmeiras. */
[data-tema="neon"] .hero__fundo { filter: hue-rotate(-28deg) saturate(1.35) brightness(.95); }
[data-tema="neon"] .hero::before { background: radial-gradient(55% 65% at 78% 35%, rgba(255, 61, 154, .30), transparent 70%), radial-gradient(40% 50% at 95% 85%, rgba(34, 211, 197, .22), transparent 70%), linear-gradient(90deg, rgba(10, 8, 20, .94) 0%, rgba(20, 8, 30, .70) 45%, rgba(20, 8, 30, .30) 100%), linear-gradient(180deg, rgba(10, 8, 20, .4), transparent 30%, transparent 70%, var(--bg)); }
[data-tema="neon"] .hero::after,
[data-tema="neon"] .conta__arte::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("../../../img/temas/neon-palmeiras.svg") right bottom / min(560px, 60%) auto no-repeat, repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px); opacity: .9; }
[data-tema="neon"] .conta__arte::before { background: radial-gradient(60% 60% at 30% 70%, rgba(255, 61, 154, .28), transparent 70%), linear-gradient(180deg, rgba(20, 8, 30, .5), rgba(20, 8, 30, .2) 40%, rgba(10, 8, 20, .92)); }
[data-tema="neon"] .brasas { filter: hue-rotate(300deg) saturate(1.4); }
[data-tema="neon"] .palco-pers__chao { background: radial-gradient(closest-side, rgba(255, 61, 154, .6), transparent); }
[data-tema="neon"] .palco-pers__aro { background: radial-gradient(circle, rgba(124, 58, 237, .28), rgba(255, 61, 154, .10) 45%, transparent 68%); }
[data-tema="neon"] .entrada:focus-within { border-color: #ff3d9a; background: rgba(255, 61, 154, .05); box-shadow: 0 0 0 4px rgba(255, 61, 154, .16); }
[data-tema="neon"] .passador__barra i { background: linear-gradient(90deg, #ff3d9a, #22d3c5); }
[data-tema="neon"] .cookie-notice__ok { background: #ff3d9a; }
[data-tema="neon"] .cookie-notice a { color: #ff7dbb; }