/* Abertura com a logo SoluSeven (ver assets/js/intro-logo.js). */
html.s7-intro-on { overflow: hidden; }

/* Cobre a tela JA NA PRIMEIRA PINTURA (antes de o video existir), para a pagina nao "piscar" por baixo. */
html.s7-intro-on::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background: #040c0b;
}

#s7Intro {
    position: fixed;
    inset: 0;
    z-index: 2147483001;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #040c0b;
    opacity: 1;
    transition: opacity 0.5s ease;
}

#s7Intro.s7-intro-saindo {
    opacity: 0;
    pointer-events: none;
}

#s7Intro video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #040c0b;
}

#s7IntroPular {
    position: absolute;
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
    padding: 8px 18px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font: 600 14px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    cursor: pointer;
}

#s7IntroPular:hover,
#s7IntroPular:focus-visible {
    background: rgba(0, 0, 0, 0.7);
    outline: 2px solid #00a650;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    #s7Intro { transition: none; }
}