/* Lumevila · camada de cor do site (cada parte com a paleta de um canto do vale) */
:root{--c-ceu1:#1b1650;--c-ceu2:#3b2a78;--c-ceu3:#8a3f7a;--c-ceu4:#e0704e;--c-ceu5:#f4a24a;--c-mata:#1f4a2c;--c-mata2:#163420;--c-folha:#6b9a42;--c-rio:#1d6a85;--c-rio2:#134a5e;--c-agua:#7cc4e0;--c-roxo:#2a1f5c;--c-roxo2:#45307e;--c-ambar:#f2b33d;--c-brasa:#ff8a3a;--c-real:#17306b;--c-real2:#24479a;--c-papel:#f3e6c8;--c-rosa:#ff7a8a}
body{background:#0e1124}
/* faixa colorida no topo */
header{border-bottom:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06)}
header::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,var(--c-folha) 0 20%,var(--c-agua) 20% 40%,var(--c-ambar) 40% 60%,var(--c-brasa) 60% 80%,var(--c-rosa) 80% 100%);image-rendering:pixelated}
.nav a[aria-current="page"]{background:linear-gradient(180deg,rgba(255,214,120,.22),rgba(255,214,120,.1))!important;box-shadow:inset 0 -2px 0 var(--c-ambar)}
/* seções: fundo de borda a borda */
main section{padding:0!important}
main section>.wrap{padding-top:56px;padding-bottom:96px}
.banda{position:relative;padding:64px 0 96px}
.banda>.wrap>.sec-h:first-child{margin-top:0}
.mata-baixo::after,.mata-noite-baixo::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:128px;background:url(img/mata-borda.png) repeat-x left bottom/512px 128px;image-rendering:pixelated;pointer-events:none}
.mata-noite-baixo::after{background-image:url(img/mata-noite.png);height:112px;background-size:512px 112px}
.rio-cima::before{content:'';position:absolute;left:0;right:0;top:-46px;height:48px;background:url(img/rio-borda.png) repeat-x left bottom/256px 48px;image-rendering:pixelated;pointer-events:none}
.estrelas{background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,transparent),radial-gradient(1.5px 1.5px at 33% 8%,#fff6 50%,transparent),radial-gradient(1px 1px at 58% 22%,#fff8 50%,transparent),radial-gradient(1.5px 1.5px at 76% 12%,#fff7 50%,transparent),radial-gradient(1px 1px at 88% 30%,#fff6 50%,transparent),radial-gradient(1px 1px at 22% 40%,#fff5 50%,transparent),radial-gradient(1.5px 1.5px at 66% 44%,#fff5 50%,transparent)}
/* INÍCIO */
#inicio .banda.ceu{background:linear-gradient(180deg,var(--c-ceu1) 0%,var(--c-ceu2) 28%,var(--c-ceu3) 56%,var(--c-ceu4) 80%,var(--c-ceu5) 100%);padding:56px 0 170px}
#inicio .banda.ceu .estrelas-cam{position:absolute;inset:0 0 50% 0;pointer-events:none}
#inicio .hero h1{color:#fff3d0;text-shadow:0 3px 0 rgba(20,10,40,.45)}
#inicio .hero h1 em{color:#ffe29a}
#inicio .lead{color:#fbeedd}
#inicio .count .lv-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#inicio .count .lv-card:nth-child(1) .lv-num{color:#ffe29a}#inicio .count .lv-card:nth-child(2) .lv-num{color:#b8f0a0}#inicio .count .lv-card:nth-child(3) .lv-num{color:#9ad8ff}
#inicio .count span,#inicio .fonte{color:#fbe6d0!important}
#inicio .prox .t{color:#fff3d0}#inicio .barra{background:rgba(20,10,40,.35);border-color:rgba(255,255,255,.35)}#inicio .barra i{background:rgba(255,255,255,.18)}#inicio .barra i.on{background:linear-gradient(180deg,#ffe29a,#f2b33d)}
#inicio .cena{border-color:#3a2016;box-shadow:0 14px 0 rgba(40,15,30,.35),0 30px 60px rgba(40,10,40,.45);transform:rotate(1.2deg)}
#inicio .banda.verde{background:linear-gradient(180deg,var(--c-mata2) 0%,var(--c-mata) 100%)}
#inicio .banda.verde h2{color:#d8f5c0}#inicio .banda.verde .mudo{color:#b5d6a4}
.passo{border:0!important;color:#1d1408}
.passo h3{color:#1d1408}.passo .mudo{color:#3d2e1c!important}
.passo:nth-child(1){background:linear-gradient(180deg,#d8f5c0,#a8dc8a)!important}
.passo:nth-child(2){background:linear-gradient(180deg,#d4efff,#9ad8ff)!important}
.passo:nth-child(3){background:linear-gradient(180deg,#ffeab0,#f8c95e)!important}
.passo .ic{background:rgba(255,255,255,.55)!important;border:2px solid rgba(0,0,0,.12)!important;color:#7a3a14!important}
.passo .n{color:#7a3a14!important}
#inicio .banda.rio{background:linear-gradient(180deg,var(--c-rio) 0%,var(--c-rio2) 100%);padding-top:72px}
#inicio .banda.rio h2{color:#e0f6ff}#inicio .banda.rio .mudo{color:#b6e2f2}
.trilha .no{background:#0f3f52!important;border-color:#7cc4e0!important;color:#cdeefa!important}
.trilha .ok .no{background:var(--c-ambar)!important;border-color:#ffe29a!important;color:#2a1a08!important}
.trilha ol::before{background:repeating-linear-gradient(90deg,#7cc4e0 0 8px,transparent 8px 12px)!important}
.trilha .f{color:#ffe29a!important}.trilha .m{color:#cdeefa!important}
#dica{color:#e0f6ff!important}
#inicio .banda.noite{background:linear-gradient(180deg,#121833 0%,#1b1650 100%)}
.fase{border:3px solid transparent!important}.fase:nth-child(1){border-color:#6b9a42!important}.fase:nth-child(2){border-color:#3d82a8!important}.fase:nth-child(3){border-color:#f2b33d!important}
.fase b{color:#ffe29a!important}
/* AO VIVO */
section#aovivo{background:linear-gradient(180deg,#0e1430 0%,#1b1650 100%)}
section#aovivo .lv-tag{background:#ff5b4a;color:#fff;border:0}
section#aovivo .aovivo-frame{border-color:#ff8a3a;box-shadow:0 12px 0 rgba(0,0,0,.35),0 0 0 6px rgba(255,138,58,.15)}
.legenda>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}
.legenda>div:nth-child(1) [data-i]{color:#b8f0a0}.legenda>div:nth-child(2) [data-i]{color:#9ad8ff}.legenda>div:nth-child(3) [data-i]{color:#ffe29a}.legenda>div:nth-child(4) [data-i]{color:#ff9aa8}
/* MORADORES e CAIXA: papel do Livro */
section#moradores,section#caixa{background:linear-gradient(180deg,#f6ead0 0%,#ecd9b0 100%)}
section#moradores h2,section#caixa h2{color:#5a2a14}
/* MAPA: verde fundo */
section#mapa{background:linear-gradient(180deg,#163420 0%,#24492a 60%,#163420 100%)}
section#mapa h2{color:#d8f5c0}section#mapa>.wrap>.mudo{color:#b5d6a4}
#mis .lv-card{background:#f3e6c8;color:#3a2616;border:2px solid #c9a46a}
#mis .lv-card h3{color:#5a2a14}#mis .lv-card .mudo{color:#5a4632!important}#mis .lv-card .fonte{color:#7a6448!important}
#mis .lv-card:not(.aberto){background:linear-gradient(180deg,#46524a,#36403a);border-color:#56645a;color:#dfe7d8}
#mis .lv-card:not(.aberto) h3{color:#e6eedc}#mis .lv-card:not(.aberto) .mudo{color:#c9d6c0!important}#mis .lv-card:not(.aberto) .fonte{color:#a9b8a2!important}
#mis .lv-card.aberto{box-shadow:0 0 0 3px rgba(242,179,61,.5)}
/* EPISÓDIOS: roxo da noite */
section#episodios{background:linear-gradient(180deg,var(--c-roxo) 0%,var(--c-roxo2) 100%)}
section#episodios h2{color:#f0d8ff}section#episodios>.wrap>.mudo{color:#d0b8ec}
.ep{border:2px solid rgba(255,255,255,.12)!important;background:#231a4a!important}.ep .c{color:#d0b8ec!important}
.ep:not(.trancado){border-color:#ffe29a!important;box-shadow:0 0 0 4px rgba(255,226,154,.18)}
/* MINHA PÁGINA: rio */
section#livro{background:linear-gradient(180deg,#134a5e 0%,#1d6a85 100%)}
section#livro h2{color:#e0f6ff}section#livro>.wrap>.mudo{color:#b6e2f2}
section#livro .lv-campo{background:rgba(5,30,40,.55);border-color:#5fa8c4}
section#livro .lv-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
/* APOIAR: âmbar dos lampiões */
section#apoiar{background:radial-gradient(120% 80% at 50% 0%,#5a2e14 0%,#3a1f12 55%,#22120a 100%)}
section#apoiar h2{color:#ffe29a}
.nivel{border:2px solid transparent!important}
.nivel:nth-child(1){background:linear-gradient(180deg,#4a2a18,#3a2012)!important;border-color:#ff8a3a!important}
.nivel:nth-child(2){background:linear-gradient(180deg,#5a3a10,#40280c)!important;border-color:#ffe29a!important;box-shadow:0 0 0 4px rgba(255,226,154,.18),0 0 40px rgba(242,179,61,.25)!important}
.nivel:nth-child(3){background:linear-gradient(180deg,#123a4a,#0e2a36)!important;border-color:#7cc4e0!important}
.nivel:nth-child(3) .nome,.nivel:nth-child(3) .ic{color:#9ad8ff!important}
section#apoiar .lv-card:not(.nivel){background:rgba(255,226,154,.08);border:1px dashed rgba(255,226,154,.4)}
/* MARCAS: azul real */
section#marcas{background:linear-gradient(180deg,var(--c-real) 0%,var(--c-real2) 100%)}
section#marcas h2{color:#e0e8ff}section#marcas .lead{color:#dfe6ff}
section#marcas .lv-card{background:rgba(8,18,50,.45);border:1px solid rgba(160,190,255,.3)}
section#marcas .lv-campo{background:rgba(5,12,40,.6);border-color:#6f8fd8}
/* PERGUNTAS */
section#perguntas{background:linear-gradient(180deg,#121833,#1b1650)}
section#perguntas summary{color:#fff3d0}
details summary .lv-icon{color:#ffe29a}
/* RODAPÉ: mata */
footer{position:relative;background:#0f2416!important;border-top:0!important;padding-top:120px!important}
footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:112px;background:url(img/mata-borda.png) repeat-x left top/512px 128px;transform:scaleY(-1);image-rendering:pixelated;opacity:.95}
footer a{color:#b5d6a4!important}footer .mudo{color:#9fbf90!important}
/* botões mais vivos */
.lv-btn{box-shadow:0 4px 0 #a8721a,0 10px 20px rgba(0,0,0,.18)}
@media(max-width:900px){#inicio .banda.ceu{padding-bottom:140px}#inicio .cena{transform:none}.mata-baixo::after{height:96px;background-size:384px 96px}}
@media(prefers-reduced-motion:reduce){#inicio .cena{transform:none}}