/* =========================================================================
   TEMPLATE: ONYX - RESPONSABILIDAD: BACKGROUND & TEXTURAS
   ========================================================================= */
html {
    background-color: var(--ez-pal-neutral-dark);
}

.ez-app-container {
    width: 960px;
    max-width: 100vw;
    margin: 0 auto;
    background: var(--ez-dyn-app-bg, var(--ez-pal-neutral-dark));
    padding-bottom: 80px;
    position: relative;
    z-index: 2;
    overflow-x: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    min-height: 100vh;
}

.ez-bg-media-layer {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background-color: var(--body-base-bg, var(--ez-pal-neutral-dark));
    pointer-events: none;
}

.ez-bg-media-layer img,
.ez-bg-media-layer video {
    width: 100%;
    height: 100%;
    display: block;
}

.ez-bg-media-layer img {
    object-fit: cover;
}

.ez-bg-media-layer video {
    object-fit: cover;
}

.ez-bg-overlay-layer {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: var(--body-overlay);
    pointer-events: none;
}