DORAMA PLAY V3.4 — CORREÇÕES

1. BOTÃO "REPRODUZIR" DO BANNER
- Reforcei a cor branca do botão (agora com prioridade máxima no
  CSS) pra garantir que apareça branco igual ao print, mesmo se o
  navegador tiver guardado o CSS antigo em cache.

2. CACHE DO VISUAL (CSS)
- Antes, se você atualizasse os arquivos mas o navegador/hospedagem
  guardasse o assets/v2.css antigo em cache, o site continuava
  parecendo igual mesmo depois da atualização.
- Agora o link do CSS muda sozinho toda vez que o arquivo é
  atualizado, então o visual novo aparece na hora, sem precisar
  limpar cache manualmente.

3. SOBRE OS CARIMBOS "Novo" E "Ai GENERATE" NO PRINT ENVIADO
- Isso não é gerado pelo site — está dentro da própria imagem de
  banner que foi usada no teste (provavelmente uma imagem de
  demonstração/gerada por IA que já vem com essas marcas d'água).
- Troque a imagem do campo "URL do banner" daquele conteúdo em
  Admin > Conteúdos > Editar por uma imagem sem marca d'água que
  isso desaparece.

4. INSTALAÇÃO — README CONSOLIDADO
- README.txt, LEIA-ME-INSTALACAO.txt e LEIA-ME-SPARK-HOST.txt tinham
  instruções contraditórias: dois deles ainda falavam em criar banco
  MySQL, usuário e senha de banco — isso não existe mais nesta
  versão, que usa SQLite e se instala sozinha.
- Reescrevi os três: README.txt agora é o guia completo e correto
  (é só rodar install.php e preencher usuário/senha do admin, nada
  de banco externo). Os outros dois viraram resumos curtos que
  apontam pro README, sem contradição.

ATUALIZAÇÃO SEM PERDER DADOS
Preserve:
storage/dorama.sqlite
includes/config.php

Envie os arquivos por cima. Não execute install.php de novo.

CORREÇÃO ADICIONAL (mesma versão)
- Voltei o padrão do banner pra "Mostrar imagem inteira" (contain).
  O "Preencher toda a área" (cover) estica/amplia a imagem pra cobrir
  o espaço todo — se a imagem não for uma foto grande e no tamanho
  certo (1920x700), ela fica ampliada, cortada e borrada. Por isso
  voltei o padrão pro modo seguro; "Preencher" continua disponível
  pra quando você tiver um banner já pronto no tamanho certo.

CORREÇÃO 2 (resolve o banner "colado"/zoom horrível de vez)
- Descobri a causa: quando adicionei o campo "Exibição do banner" na
  v3.3, ele veio pré-marcado em "Preencher toda a área". Se qualquer
  conteúdo foi salvo no admin nesse meio tempo, isso gravou "cover"
  direto no banco pra aquele item — e só mudar o padrão do sistema
  (o que fiz na correção 1) não desfazia o que já tinha sido salvo.
- Agora, no primeiro acesso depois de instalar esta versão, o sistema
  reseta automaticamente TODO conteúdo que estiver com "Preencher
  toda a área" de volta para "Mostrar imagem inteira" — de uma vez,
  sem precisar editar item por item.
- Isso roda uma única vez sozinho. Depois disso, "Preencher toda a
  área" só fica marcado se você escolher isso manualmente.

CORREÇÃO 3 (bug separado, no celular)
- Achei uma regra de CSS que forçava o banner a ficar no modo
  "Preencher/zoom" em telas pequenas (celular), mesmo quando o
  admin estava configurado como "Mostrar imagem inteira". Ou seja,
  no computador podia estar certo e no celular continuava com zoom.
  Removida — agora o celular respeita a mesma configuração do admin.

CORREÇÃO 4 (definitiva — banner travado em modo seguro)
- Como mesmo depois do reset automático o banner continuou com zoom
  no desktop, parei de confiar no valor salvo no banco pra essa
  configuração. Agora a home SEMPRE mostra a imagem inteira, sem
  cortar nem esticar, não importa o que esteja gravado no banco.
- Removi o seletor "Exibição do banner" do admin (ficava confuso e
  arriscado). Só sobrou "Posição do banner", que é seguro.
- Se no futuro você quiser reativar a opção de preencher a área
  (pra banners já prontos no tamanho certo), é só pedir.

MELHORIA 5 (deixar a borda do banner mais suave, como no ReelShort)
- Adicionei uma vinheta suave no canto direito do banner, pra
  disfarçar a borda dura da imagem e imitar o acabamento do
  ReelShort.
- IMPORTANTE: o print do ReelShort que você mandou usa uma foto
  feita/enquadrada especificamente pra formato de banner largo (todo
  mundo aparece inteiro, nada cortado). A imagem de teste que você
  está usando ("O Rei do Mecha Sucateado") parece ser uma foto
  vertical/quadrada (tipo capa de pôster), não uma foto larga de
  banner — por isso nenhum ajuste de CSS reproduz o mesmo resultado:
  não existem "pixels" nas laterais dessa imagem pra preencher um
  banner largo sem cortar ninguém.
- Pra validar se o layout está 100%, teste com uma imagem já no
  formato 1920x700 (ou próximo disso) — CSS não substitui um banner
  feito no tamanho certo.

CORREÇÃO 6 (a de verdade, aplicando a lição do P2ULTRA)
- Mesmo problema que resolvemos no P2ULTRA: pôster vertical sendo
  forçado num espaço de banner largo nunca fica bom, não importa o
  ajuste de CSS — falta imagem nas laterais, ponto final.
- Agora o site MEDE a imagem do banner assim que ela carrega. Se a
  proporção for de pôster/vertical (não é uma foto larga de banner),
  o site NEM TENTA mostrar essa imagem torta — troca sozinho pra um
  fundo escuro elegante com brilho da cor da marca, do mesmo jeito
  que aparece quando não tem banner nenhum cadastrado.
- Ou seja: banner largo (1920x700) → aparece normal. Pôster vertical
  → o site esconde e usa o fundo elegante em vez de espremer/cortar.
  Fica sempre bonito, independente da imagem que for cadastrada.

OBSERVAÇÃO SOBRE O CONTEÚDO DE TESTE
- Reparei que a imagem usada como banner de "O Rei do Mecha
  Sucateado - Dublado" tem escrito "Noivas Marcadas Pelo Fogo" nela
  — ou seja, é o pôster de OUTRO título, aparentemente uma imagem de
  teste/placeholder colada no campo errado. Vale conferir esse
  cadastro no admin.
