body.promo-intro-active {
    overflow: hidden;
}

body.promo-intro-active > :not(#promo-intro):not(script) {
    visibility: hidden;
}

.promo-intro[hidden] {
    display: none;
}

.promo-intro {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    height: 100vh;
    height: 100dvh;
    box-sizing: border-box;
    background: var(--primario);
    color: var(--on-primary);
}

.promo-intro__accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.promo-intro__screen,
.promo-intro__logo {
    position: absolute;
    inset: 0;
    min-height: 0;
    display: grid;
    place-items: center;
}

.promo-intro__screen[hidden],
.promo-intro__logo[hidden] {
    display: none;
}

.promo-intro__logo {
    background: var(--background-color, var(--superficie));
}

.promo-intro__logo img {
    display: block;
    width: min(72vw, 68vh, 488px);
    height: auto;
    object-fit: contain;
}

.promo-intro video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
}

.promo-intro :focus-visible {
    outline: 3px solid var(--acento);
    outline-offset: -4px;
}