/* === HOTFIX — Vídeo gigante no fundo/atrás da página ====================== Instruções: 1) Este arquivo foi adicionado automaticamente. 2) O do(s) HTML(s) foi atualizado para carregar este CSS por último. ======================================================================== */ /* Neutraliza patterns de "vídeo de fundo" comuns */ video.bg-video, video.background-video, .bg-video video, .background-video video, #heroVideo.bg-video, #onlyVideo.bg-video { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; z-index: 1 !important; object-fit: contain !important; display: block !important; } /* Se algum CSS global estiver fixando o vídeo na janela */ video, #heroVideo, #onlyVideo { position: static !important; inset: auto !important; transform: none !important; width: 100% !important; height: auto !important; object-fit: contain !important; max-height: 100% !important; z-index: 1 !important; display: block !important; pointer-events: auto !important; opacity: 1 !important; } /* Remove pseudo-elementos que injetam "fundo" atrás do conteúdo */ body::before, body::after, .hero::before, .hero::after { content: none !important; } /* Garante um contêiner responsivo para o vídeo */ .video-wrap, .hero .video-wrap, .card .video-wrap { position: relative !important; width: 100% !important; max-width: 1100px !important; margin-inline: auto !important; aspect-ratio: 16 / 9 !important; background: #000 !important; overflow: hidden !important; border-radius: 14px !important; z-index: 1 !important; } /* Mantém o vídeo CONTIDO no contêiner (sem cortar) */ .video-wrap > video, .hero video, .card .video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } /* Garante que o conteúdo fique acima do vídeo */ .site-header { z-index: 50 !important; position: sticky !important; top: 0 } .card, .hero, main, .section { position: relative !important; z-index: 2 !important; }