/* Lives da LFA no YouTube. Mesma familia da vitrine do Instagram logo abaixo:
 * fundo azul-noite, borda fina, raio pequeno. O vermelho do YouTube entra so no
 * selo, no play e no botao de inscricao, escurecido para o texto branco passar
 * em contraste (#C4161C sobre branco: 5,9:1). */
.lfa-lives{background:linear-gradient(180deg,#0A1628 0%,#0D1B2A 100%)}
.lfa-lv-env{max-width:64rem;margin:0 auto;padding:3rem 1rem;box-sizing:border-box}
@media (min-width:1024px){.lfa-lv-env{padding:4rem 2rem}}
.lfa-lv-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,0,0,.18)}
.lfa-lv-olho{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#FF5A5A}
.lfa-lv-h2{margin:0;color:#fff;font-weight:700;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.01em;text-wrap:balance}
.lfa-lv-canal{color:#FF8A8A;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.lfa-lv-canal::after{content:" \203A"}
.lfa-lv-canal:hover{color:#fff}
.lfa-lv-canal:focus-visible,.lfa-lv-capa:focus-visible,.lfa-lv-cartao:focus-visible,.lfa-lv-seta:focus-visible,
.lfa-lv-inscrever:focus-visible{outline:3px solid #F5C518;outline-offset:2px}

/* Palco: a live em destaque, 16:9, com a legenda logo abaixo, no mesmo quadro. */
.lfa-lv-quadro{border-radius:12px;overflow:hidden;background:#0F1C2C;border:1px solid rgba(255,0,0,.25);
  box-shadow:0 18px 50px rgba(0,0,0,.45)}
.lfa-lv-palco{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;background:#050B14}
.lfa-lv-palco iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.lfa-lv-capa{all:unset;position:absolute;inset:0;cursor:pointer;display:block}
.lfa-lv-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.lfa-lv-capa:hover img{transform:scale(1.02)}
.lfa-lv-veu{position:absolute;inset:0;background:rgba(4,9,18,.12);transition:background .2s ease}
.lfa-lv-capa:hover .lfa-lv-veu{background:rgba(4,9,18,.28)}
.lfa-lv-selo{position:absolute;top:.9rem;left:.9rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;
  border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;
  background:rgba(6,12,22,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.lfa-lv-selo-nova{background:#C4161C;border-color:#C4161C}
.lfa-lv-selo-nova::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.28)}
.lfa-lv-play{position:absolute;top:50%;left:50%;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:#C4161C;box-shadow:0 8px 30px rgba(196,22,28,.55);transition:transform .2s ease}
.lfa-lv-play svg{width:2rem;height:2rem;margin-left:.2rem}
.lfa-lv-capa:hover .lfa-lv-play{transform:scale(1.08)}
.lfa-lv-info{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1rem;row-gap:.3rem;
  padding:1rem 1.2rem 1.1rem;border-top:1px solid rgba(255,0,0,.18)}
.lfa-lv-titulo{grid-column:1;margin:0;color:#fff;font-weight:800;font-size:clamp(1rem,2vw,1.3rem);line-height:1.3;
  text-wrap:balance;overflow-wrap:anywhere}
.lfa-lv-meta{grid-column:1;margin:0;color:#B8C4D6;font-size:.8rem;font-variant-numeric:tabular-nums}
.lfa-lv-no-youtube{grid-column:2;grid-row:1 / span 2;white-space:nowrap;color:#FF8A8A;font-size:.72rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:.55rem .8rem;border-radius:8px;
  border:1px solid rgba(255,90,90,.4)}
.lfa-lv-no-youtube:hover{color:#fff;border-color:#FF5A5A}
.lfa-lv-no-youtube:focus-visible{outline:3px solid #F5C518;outline-offset:2px}
@media (max-width:520px){
  .lfa-lv-play{width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem}
  .lfa-lv-play svg{width:1.6rem;height:1.6rem}
  .lfa-lv-info{grid-template-columns:1fr;padding:.85rem .9rem 1rem}
  .lfa-lv-no-youtube{grid-column:1;grid-row:auto;justify-self:start;margin-top:.35rem}
  .lfa-lv-selo{top:.6rem;left:.6rem}
}

/* Carrossel das lives. */
.lfa-lv-carrossel{margin-top:1.75rem}
.lfa-lv-carrossel-topo{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.lfa-lv-sub{margin:0;color:#E8EDF5;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.lfa-lv-setas{display:flex;gap:.5rem}
.lfa-lv-seta{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
  background:#0F1C2C;border:1px solid rgba(255,255,255,.14);padding:0}
.lfa-lv-seta:hover{border-color:#FF5A5A;color:#FF8A8A}
.lfa-lv-seta svg{width:1.1rem;height:1.1rem}
.lfa-lv-vai svg{transform:scaleX(-1)}
.lfa-lv-trilho{list-style:none;margin:0;padding:.25rem .1rem .9rem;display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 3 * .9rem) / 4);gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:thin;scrollbar-color:rgba(255,90,90,.45) transparent;-webkit-overflow-scrolling:touch}
@media (max-width:900px){.lfa-lv-trilho{grid-auto-columns:calc((100% - 2 * .9rem) / 2.6)}}
@media (max-width:520px){.lfa-lv-trilho{grid-auto-columns:72%}}
.lfa-lv-item{scroll-snap-align:start;min-width:0}
.lfa-lv-cartao{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;width:100%;
  padding:.5rem .5rem .7rem;border-radius:10px;background:#0F1C2C;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease}
.lfa-lv-cartao:hover{border-color:rgba(255,90,90,.5)}
.lfa-lv-ativo{border-color:#FF5A5A;box-shadow:0 0 0 1px #FF5A5A inset}
.lfa-lv-mini{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:7px;overflow:hidden;background:#050B14}
.lfa-lv-mini img{width:100%;height:100%;object-fit:cover;display:block}
.lfa-lv-mini-selo{position:absolute;left:.4rem;bottom:.4rem;padding:.15rem .45rem;border-radius:4px;
  font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#C4161C}
.lfa-lv-cartao-titulo{color:#fff;font-size:.8rem;font-weight:700;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lfa-lv-cartao-data{color:#9FB0C8;font-size:.72rem;font-variant-numeric:tabular-nums}

/* Rodape do bloco: o canal e a inscricao. */
.lfa-lv-pe{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:1rem 1.1rem;border-radius:10px;background:#0F1C2C;border:1px solid rgba(255,0,0,.2)}
.lfa-lv-quem{display:flex;align-items:center;gap:.8rem;min-width:0}
.lfa-lv-quem strong{display:block;color:#fff;font-size:.95rem}
.lfa-lv-quem > div > span{display:block;color:#B8C4D6;font-size:.8rem;overflow-wrap:anywhere}
.lfa-lv-icone{flex:none;width:2.75rem;height:2.75rem;border-radius:12px;display:grid;place-items:center;color:#fff;background:#C4161C;
  box-shadow:0 2px 10px rgba(196,22,28,.4)}
.lfa-lv-icone svg{display:block;width:1.6rem;height:1.6rem}
.lfa-lv-inscrever{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:8px;color:#fff;
  font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:#C4161C}
.lfa-lv-inscrever:hover{filter:brightness(1.12)}
@media (prefers-reduced-motion:reduce){.lfa-lv-capa img,.lfa-lv-play,.lfa-lv-cartao{transition:none}}