/* Capas reais dos cartões da página inicial (Cinema, UGC, Editor), no lugar dos desenhos provisórios.
   Tudo o que aparece foi gerado na própria Nise: vídeo do Kling 3 Pro, foto do Seedream 4.5, o 1º UGC real
   e o vídeo em motion graphics feito com o HyperFrames. Carregado depois da pele para valer por cima. */
.capa-real { background: #0b0b0e; isolation: isolate; }
.capa-fundo { position: absolute; inset: -12%; width: 124%; height: 124%; object-fit: cover; filter: blur(22px) saturate(1.3) brightness(0.55); z-index: -1; }
.capa-quadro { position: absolute; top: 9%; height: 82%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 40px rgb(0 0 0 / 55%); left: 50%; transform: translateX(-50%); transition: transform 0.35s ease; }
.capa-inclinado { left: 30%; transform: translateX(-50%) rotate(-7deg) scale(0.88); opacity: 0.95; }
.ferramenta:hover .capa-quadro:not(.capa-inclinado) { transform: translateX(-50%) scale(1.03); }
.ferramenta:hover .capa-inclinado { transform: translateX(-62%) rotate(-10deg) scale(0.88); }
.capa-celular { border-radius: 16px; outline: 4px solid #111; outline-offset: -1px; }
.capa-fala { position: absolute; left: 50%; bottom: 13%; transform: translateX(-50%); max-width: 70%; text-align: center; font: 800 12px/1.25 var(--fonte, sans-serif); color: #fff; background: rgb(0 0 0 / 60%); padding: 5px 9px; border-radius: 8px; backdrop-filter: blur(6px); }
.capa-cheia { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.capa-legenda { position: absolute; left: 10px; bottom: 9px; font: 700 10.5px/1 var(--fonte, sans-serif); color: rgb(255 255 255 / 85%); background: rgb(0 0 0 / 45%); padding: 4px 7px; border-radius: 6px; backdrop-filter: blur(6px); z-index: 2; }
/* trilha do editor por cima do vídeo em motion, para lembrar que é uma linha do tempo */
.capa-linha { position: absolute; left: 6%; right: 6%; bottom: 17%; height: 18px; display: flex; gap: 4px; z-index: 1; }
.capa-linha i { width: var(--w); border-radius: 5px; background: #5b3fe8; box-shadow: 0 4px 12px rgb(0 0 0 / 25%); }
.capa-linha i:nth-child(2) { background: #ff6a4d; }
.capa-linha i:nth-child(3) { background: #2bb39a; }
.capa-linha i.ia { background: repeating-linear-gradient(135deg, #8f78ff 0 6px, #a594ff 6px 12px); }
.capa-linha b { position: absolute; top: -8px; bottom: -8px; width: 2px; background: #ffc24b; box-shadow: 0 0 8px #ffc24b; animation: capa-cabeca 6s linear infinite; }
@keyframes capa-cabeca { from { left: 0; } to { left: 100%; } }
@media (prefers-reduced-motion: reduce) { .capa-linha b { animation: none; left: 40%; } .capa-quadro { transition: none; } }