.ce-hero.has-cover {
    background: var(--ce-primary);
    isolation: isolate;
}

.ce-library-cover,
.ce-library-cover-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.ce-library-cover {
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

.ce-library-cover-shade {
    z-index: 1;
    display: block;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ce-primary) 86%, #061226) 0%, color-mix(in srgb, var(--ce-primary) 66%, transparent) 58%, #06122655 100%);
    pointer-events: none;
}

.ce-hero.has-cover::before,
.ce-hero.has-cover::after {
    z-index: 1;
    opacity: .45;
}

.ce-hero > p,
.ce-hero > h1,
.ce-hero > span,
.ce-hero > .ce-hero-actions {
    position: relative;
    z-index: 2;
}

/* Mantiene el contraste de la descripción sobre portadas oscuras. */
.ce-cover-copy > span {
    color: #eef7ff;
}

/* Evita que el contenido reaparezca arriba durante el avance automático. */
.ce-messages {
    overflow-anchor: none;
}

@media (max-width: 620px) {
    .ce-library-cover-shade {
        background: linear-gradient(90deg, color-mix(in srgb, var(--ce-primary) 90%, #061226), color-mix(in srgb, var(--ce-primary) 68%, transparent));
    }
}