/* Riser · componentes do plugin (grade de artistas, pôsteres, faixa, números e página de artista).
   Linha visual da proposta Rev. 03: preto com viés roxo, Poppins fina em tamanho grande,
   roxo e amarelo só como detalhe. Todas as classes começam com riser-. */

:root{
  --riser-preto:#0B0710;--riser-preto-2:#140D1C;--riser-gelo:#F6F4F8;--riser-tinta:#16101E;
  --riser-texto-esc:#A79FB3;--riser-texto-cla:#5E566B;--riser-linha-esc:rgba(255,255,255,.12);--riser-linha-cla:#E3DDEA;
  --riser-roxo:#864BCF;--riser-roxo-luz:#A472E4;--riser-amarelo:#FDC802;
  --riser-fonte:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- grade de artistas ---------- */
.riser-casting{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--riser-preto);font-family:var(--riser-fonte)}
.riser-pessoa{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;text-decoration:none;background:var(--riser-preto-2)}
.riser-pessoa img,.riser-pessoa__vazia{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.riser-pessoa__vazia{background:linear-gradient(160deg,#241A30,#120C18)}
.riser-pessoa:hover img,.riser-pessoa:focus-visible img{transform:scale(1.04)}
.riser-pessoa::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,7,16,.92) 100%);pointer-events:none}
.riser-pessoa:focus-visible{outline:2px solid var(--riser-amarelo);outline-offset:-2px}
.riser-pessoa__legenda{position:absolute;left:22px;right:22px;bottom:20px;z-index:1}
.riser-pessoa__legenda b{display:block;font-size:clamp(19px,2vw,26px);font-weight:600;letter-spacing:-.03em;line-height:1.05}
.riser-pessoa__legenda span{display:block;font-size:13px;color:#CFC7D9;font-weight:300;margin-top:6px}
.riser-pessoa__legenda i{display:inline-block;font-style:normal;font-size:12px;color:var(--riser-amarelo);margin-top:10px}

/* ---------- pôsteres ---------- */
.riser-posters{display:grid;grid-template-columns:repeat(var(--riser-colunas,3),minmax(0,1fr));gap:clamp(14px,2vw,24px);font-family:var(--riser-fonte)}
.riser-poster{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.riser-poster img,.riser-poster__vazio{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.riser-poster__vazio{display:flex!important;align-items:flex-end;padding:22px;background:radial-gradient(ellipse 80% 70% at 30% 0%,rgba(134,75,207,.55),transparent 70%),var(--riser-preto-2)}
.riser-poster__vazio span{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff;text-transform:uppercase}
.riser-poster:hover img{transform:scale(1.025)}
.riser-poster:focus-visible{outline:2px solid var(--riser-amarelo);outline-offset:4px}
.riser-poster__legenda b{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.riser-poster__legenda span{display:block;font-size:13px;opacity:.7;font-weight:300;margin-top:4px}

/* ---------- faixa amarela ---------- */
.riser-ticker{background:var(--riser-amarelo);overflow:hidden;padding:13px 0}
.riser-ticker__fita{display:flex;width:max-content;animation:riser-corre 40s linear infinite;font:600 12px/1 var(--riser-fonte);letter-spacing:.14em;text-transform:uppercase;color:#12071F}
.riser-ticker__grupo{display:flex;align-items:center;justify-content:space-around;min-width:100vw;white-space:nowrap}
.riser-ticker__grupo span{padding:0 14px}
.riser-ticker__grupo b{color:#4E2680}
@keyframes riser-corre{to{transform:translateX(-50%)}}

/* ---------- números ---------- */
.riser-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid currentColor;border-top-color:rgba(127,127,127,.3);font-family:var(--riser-fonte)}
.riser-numeros div{padding:22px 18px 0 0}
.riser-numeros b{display:block;font-size:clamp(36px,4.6vw,56px);font-weight:200;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.riser-numeros span{display:block;font-size:12px;opacity:.7;margin-top:8px;font-weight:300}

/* ---------- avisos para quem está logado ---------- */
.riser-aviso-admin{font:400 14px/1.5 var(--riser-fonte);background:#FFF8D6;color:#3A2E00;border-left:3px solid var(--riser-amarelo);padding:12px 16px}

/* ---------- página de artista ---------- */
.riser-pagina{background:var(--riser-preto);color:#fff;font-family:var(--riser-fonte);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.riser-pagina *{box-sizing:border-box}
.riser-pagina img{max-width:100%;height:auto}
.riser-pagina h1,.riser-pagina h2{font-family:var(--riser-fonte);color:inherit}
.riser-interno{max-width:1100px;margin:0 auto}
.riser-secao{padding:clamp(64px,9vw,120px) clamp(20px,4vw,44px)}
.riser-secao--clara{background:var(--riser-gelo);color:var(--riser-tinta)}
.riser-secao--branca{background:#fff;color:var(--riser-tinta)}
.riser-rotulo{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--riser-roxo-luz);margin-bottom:22px}
.riser-secao--clara .riser-rotulo,.riser-secao--branca .riser-rotulo{color:var(--riser-roxo)}
.riser-rotulo--linha{padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid var(--riser-linha-esc)}
.riser-titulo{font-size:clamp(38px,6vw,74px);font-weight:300;letter-spacing:-.045em;line-height:.98;margin:0;text-wrap:balance}
.riser-cab{padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid var(--riser-linha-esc)}
.riser-secao--clara .riser-cab,.riser-secao--branca .riser-cab{border-bottom-color:var(--riser-linha-cla)}
.riser-seta{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:15px;font-weight:400;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.4)}
.riser-seta::after{content:"→";color:var(--riser-amarelo)}
.riser-seta:hover,.riser-seta:focus-visible{border-bottom-color:var(--riser-amarelo);color:#fff}
.riser-acoes{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}
.riser-botao{display:inline-block;background:var(--riser-amarelo);color:var(--riser-preto);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:15px 26px;transition:filter .2s ease}
.riser-botao:hover,.riser-botao:focus-visible{filter:brightness(1.1);color:var(--riser-preto)}

.riser-a-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(84vh,720px);background:var(--riser-preto)}
.riser-a-hero__retrato{position:relative;overflow:hidden;background:var(--riser-preto-2)}
.riser-a-hero__retrato img{display:block;width:100%;height:100%;object-fit:cover}
.riser-a-hero__texto{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,5vw,64px) clamp(24px,5vw,64px)}
.riser-a-hero__nome{font-size:clamp(44px,6.6vw,88px);font-weight:300;letter-spacing:-.05em;line-height:.92;margin:0}
.riser-a-hero__nome b{display:block;font-weight:600}
.riser-a-hero__apelido{font-size:18px;color:var(--riser-roxo-luz);font-weight:300;margin:16px 0 0}
.riser-a-hero__linha{color:var(--riser-texto-esc);font-weight:300;font-size:16px;max-width:40ch;margin:18px 0 0}
.riser-redes{list-style:none;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--riser-linha-esc);display:flex;gap:22px;flex-wrap:wrap}
.riser-redes a{color:var(--riser-texto-esc);text-decoration:none;font-size:13.5px}
.riser-redes a:hover{color:#fff}

.riser-historia{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px)}
.riser-historia__corpo p{color:var(--riser-texto-cla);font-weight:300;font-size:16.5px;margin:0 0 18px;max-width:58ch}
.riser-historia__corpo strong,.riser-historia__corpo b{color:var(--riser-tinta);font-weight:500}
.riser-destaques{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--riser-linha-cla)}
.riser-destaques li{padding:18px 16px 0 0;font-size:13.5px;color:var(--riser-texto-cla);font-weight:300;line-height:1.45}
.riser-destaques li b{display:block;color:var(--riser-tinta);font-weight:300;font-size:30px;letter-spacing:-.04em;line-height:1.05;margin-bottom:6px}

.riser-pagina .riser-posters{color:#fff}

.riser-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.riser-video{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--riser-preto-2);border:0;padding:0;cursor:pointer}
.riser-video img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.5) brightness(.7);transition:filter .3s ease}
.riser-video:hover img,.riser-video:focus-visible img{filter:none}
.riser-video::after{content:"";position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9)}
.riser-video::before{content:"";position:absolute;left:50%;top:50%;z-index:1;margin:-10px 0 0 -5px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.riser-video:focus-visible{outline:2px solid var(--riser-amarelo);outline-offset:3px}
.riser-video__titulo{position:absolute;left:18px;bottom:14px;z-index:1;color:#fff;font:400 14px/1.3 var(--riser-fonte);text-align:left}
.riser-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.riser-video--aberto{cursor:default}
.riser-video--aberto::before,.riser-video--aberto::after{display:none}

.riser-contratar{position:relative;padding:clamp(80px,12vw,150px) clamp(20px,4vw,44px);background:radial-gradient(ellipse 60% 90% at 85% 0%,rgba(134,75,207,.35),transparent 70%),var(--riser-preto)}
.riser-contratar p{color:#CFC7D9;font-weight:300;max-width:48ch;margin:22px 0 32px;font-size:16.5px}
.riser-contratar .riser-titulo{max-width:14ch}

@media (max-width:900px){
  .riser-casting{grid-template-columns:repeat(2,minmax(0,1fr))}
  .riser-posters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .riser-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
  .riser-a-hero,.riser-historia{grid-template-columns:minmax(0,1fr)}
  .riser-a-hero__retrato{aspect-ratio:3/4;max-height:78vh}
  .riser-videos,.riser-destaques{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .riser-poster__legenda b{font-size:14px}
  .riser-pessoa__legenda{left:14px;right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .riser-ticker__fita{animation:none}
  .riser-pessoa img,.riser-poster img,.riser-video img{transition:none}
}

/* proteção contra estilos de botão e de link do tema */
button.riser-video,button.riser-video:hover,button.riser-video:focus,button.riser-video:active{appearance:none;-webkit-appearance:none;border:0;border-radius:0;padding:0;margin:0;background:var(--riser-preto-2);color:#fff;box-shadow:none;font:inherit}
.riser-poster,.riser-poster:hover,.riser-poster *,.riser-pessoa,.riser-pessoa:hover,.riser-pessoa *,.riser-seta,.riser-botao,.riser-redes a{text-decoration:none!important}
