/* Composição dos modelos criados a partir de um site. A paleta vem de skin.json. */
body.skin-site .top{background:linear-gradient(180deg,rgba(3,13,18,.63),transparent 95%);padding-top:max(20px,env(safe-area-inset-top))}
body.skin-site .scene-title{padding:9px 17px;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:rgba(9,22,28,.45);backdrop-filter:blur(10px);box-shadow:0 5px 20px rgba(0,0,0,.12)}
body.skin-site .scene-title .script{font:700 9px var(--fonte),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ambar)}
body.skin-site .scene-title strong{font-size:15px;line-height:1.25}
body.skin-site .lv[data-id^="site-"]{transition:background .2s,color .2s,box-shadow .2s}
body.skin-site .lv-botao[data-id^="site-"]{min-height:42px}
body.skin-site .lv-cenas[data-id^="site-"]{height:min(75vh,630px);max-height:calc(100vh - 105px);overflow:hidden;animation:site-painel-entra .3s cubic-bezier(.2,.8,.2,1)}
body.skin-site .lv-cenas-painel{display:flex;flex-direction:column;height:100%;min-height:0;padding:20px;color:inherit}
body.skin-site .lv-cenas-cabecalho{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:15px}
body.skin-site .lv-cenas-cabecalho small{display:block;color:var(--ambar);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.skin-site .lv-cenas-cabecalho strong{display:block;margin-top:6px;font:700 23px/1.15 var(--fonte-titulo),sans-serif;letter-spacing:-.035em}
body.skin-site .lv-cenas-fechar{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}
body.skin-site .lv-cenas-busca{width:100%;height:42px;flex:none;padding:0 13px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.12);color:inherit;font:500 13px var(--fonte),sans-serif;outline-offset:2px}
body.skin-site .lv-cenas-busca::placeholder{color:inherit;opacity:.65}
body.skin-site .lv-cenas-grupos{display:flex;gap:6px;overflow-x:auto;flex:none;padding:14px 0;scrollbar-width:thin}
body.skin-site .lv-cenas-grupos button{border:1px solid currentColor;border-radius:99px;background:transparent;color:inherit;padding:6px 10px;white-space:nowrap;font:700 10px var(--fonte),sans-serif;opacity:.7;cursor:pointer}
body.skin-site .lv-cenas-grupos button[aria-pressed="true"]{background:var(--ouro);border-color:var(--ouro);color:var(--verde);opacity:1}
body.skin-site .lv-cenas-painel>.lv-cenas{height:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:0 4px 2px 0}
body.skin-site .lv-cenas-painel>.lv-cenas button{position:relative;flex:0 0 76px;display:flex;align-items:end;justify-content:start;width:100%;height:76px;aspect-ratio:auto;background-position:left center;background-repeat:no-repeat;background-size:120px auto;border:1px solid currentColor;border-radius:8px;text-align:left;overflow:hidden;isolation:isolate}
body.skin-site .lv-cenas-painel>.lv-cenas button::before{content:"";position:absolute;inset:0 0 0 112px;background:currentColor;opacity:.08;z-index:-1}
body.skin-site .lv-cenas-painel>.lv-cenas button span{position:static;display:flex;align-items:center;min-height:100%;margin-left:112px;padding:8px 10px;background:none;color:inherit;font:700 12px var(--fonte),sans-serif;text-shadow:none}
body.skin-site .lv-cenas-painel>.lv-cenas button[aria-current="true"]{border-color:var(--ouro);box-shadow:inset 0 0 0 1px var(--ouro)}
body.skin-site .lv-cenas-painel>.lv-cenas button:hover{border-color:var(--ouro)}
body.skin-site .lv-cenas-painel>.lv-cenas button[hidden]{display:none}
body.skin-site-pulso .scene-title{border-radius:5px}
body.skin-site-pulso .lv-cenas[data-id^="site-"]{animation-name:site-painel-esquerda}
body.skin-site-pulso .lv-botao[data-id^="site-"]{letter-spacing:.025em}
body.skin-site-atlas .scene-title{border-radius:999px}
body.skin-site-atlas .lv-cenas-cabecalho strong{font-size:21px}
@media(max-width:760px){body.skin-site .top{justify-content:center;padding:67px 10px 20px}body.skin-site .scene-title{order:0;flex-basis:auto;margin:0;padding:6px 12px}body.skin-site .scene-title strong{font-size:12px}body.skin-site .lv-cenas[data-id^="site-"]{height:min(68vh,530px);max-height:calc(100vh - 50px)}body.skin-site .lv-cenas-painel{padding:17px}body.skin-site .lv-cenas-cabecalho strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){body.skin-site .lv-cenas[data-id^="site-"]{animation:none}body.skin-site .lv[data-id^="site-"]{transition:none}}
@keyframes site-painel-entra{from{opacity:0;translate:13px 0}to{opacity:1;translate:0 0}}
@keyframes site-painel-esquerda{from{opacity:0;translate:-13px 0}to{opacity:1;translate:0 0}}

body.skin-site .top{justify-content:center}