.elementor-12951 .elementor-element.elementor-element-0a95b19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12951 .elementor-element.elementor-element-f179aba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-12951:not(.elementor-motion-effects-element-type-background), body.elementor-page-12951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:2400px){.elementor-12951 .elementor-element.elementor-element-0a95b19{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12951 .elementor-element.elementor-element-f0857d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-f0857d6 */.scena-tv {
    position: fixed;
    top: 50%;
    left: 50%;

    width: max(100vw, 177.7778vh);
    aspect-ratio: 16 / 9;

    transform: translate(-50%, -50%);
    overflow: hidden;

    margin: 0;
    padding: 0;
}

/* ==========================================
   TABLET E SMARTPHONE VERTICALI
   ========================================== */

@media (orientation: portrait) {

    .scena-tv {
        position: fixed;

        top: 50%;
        left: 50%;

        width: 100vw;
        height: auto;
        aspect-ratio: 16 / 9;

        transform: translate(-50%, -50%);

        overflow: hidden;
    }

}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

/* STANZA */
.scena-tv > .sfondo-tv {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    z-index: 1;
}

/* VIDEO */
.scena-tv > .video-tv {
    position: absolute;

    left: 26.6%;
    top: 22.4%;
    width: 30.0%;
    height: 45.0%;

    overflow: hidden;
    z-index: 2;
    background: #000;
}

.scena-tv > .video-tv video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* CORNICE TV */
.scena-tv > .tv-bucata {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    z-index: 3;
    pointer-events: none;
}

/* ==========================================
   SELETTORE VIDEO TEMPORANEO
   ========================================== */

.selettore-video {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;

    display: flex;
    gap: 10px;
}

.selettore-video button {
    padding: 10px 16px;
    border: 0;
    cursor: pointer;
    font-size: 14px;
}

.selettore-video button.attivo {
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48d364b *//* ==========================================
   TELECOMANDO
   ========================================== */

.telecomando-trigger {
    position: fixed;
    right: 25px;
    bottom: 25px;

    width: 220px;

    padding: 0;
    border: 0;
    background: transparent;

    cursor: pointer;

    z-index: 20;

    transition: transform 0.25s ease;
}

.telecomando-trigger:hover {
    transform: translateY(-15px) rotate(-16deg);
}

.telecomando-trigger img {
    width: 100%;
    height: auto;
    display: block;
}

.telecomando-trigger:hover,
.telecomando-trigger:focus,
.telecomando-trigger:active {
    background: transparent !important;
}
/* ==========================================
   OFF CANVAS DECENNI
   ========================================== */

.menu-decenni {
    position: fixed;

    top: 0;
    right: 0;

    width: 320px;
    max-width: 85vw;
    height: 100vh;

    background: #111;
    color: #fff;

    z-index: 100;

    transform: translateX(100%);
    transition: transform 0.35s ease;

    padding: 80px 30px 30px;

    box-sizing: border-box;
}

.menu-decenni.aperto {
    transform: translateX(0);
}


/* CHIUDI */

.chiudi-menu {
    position: absolute;

    top: 20px;
    right: 20px;

    border: 0;
    background: transparent;

    color: #fff;

    font-size: 38px;
    line-height: 1;

    cursor: pointer;
}


/* LINK DECENNI */

.lista-decenni {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lista-decenni a {
    display: block;

    padding: 14px 16px;

    color: #fff;
    text-decoration: none;

    font-size: 20px;
    font-weight: 600;

    border: 1px solid rgba(255,255,255,0.2);

    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.lista-decenni a:hover {
    background: #fff;
    color: #111;
}

.lista-decenni a.attivo {
    background: #fff;
    color: #111;
}


/* ==========================================
   OVERLAY
   ========================================== */

.overlay-menu {
    position: fixed;
    inset: 0;

    background: rgba(0,0,0,0.45);

    opacity: 0;
    visibility: hidden;

    z-index: 90;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.overlay-menu.attivo {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */