.elementor-6 .elementor-element.elementor-element-d719160 iframe{height:100vh;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-d719160 iframe{height:50vh;}}/* Start custom CSS *//* =====================================================
   HERO
===================================================== */

@media (min-width: 1600px) {

    [data-scardina-role="hero-copy"] {
        transform: translateX(180px);
    }

}


/* =====================================================
   DECORAZIONI BOTANICHE
   TRATTAMENTI + CONTATTI
===================================================== */


/* =====================================================
   SEZIONI PRINCIPALI
===================================================== */

.scardina-trattamenti,
.scardina-contatti {
    position: relative;

    /*
     * IMPORTANTE:
     * gli antenati dello sticky devono lasciare
     * l'overflow visibile.
     */
    overflow: visible !important;

    isolation: isolate;
}


/* =====================================================
   LAYER / BINARIO DECORATIVO
===================================================== */

.scardina-trattamenti .trattamenti-deco-layer,
.scardina-contatti .contatti-deco-layer {
    position: absolute;

    top: 0;
    bottom: 0;

    width: 320px;
    height: auto;

    display: block !important;

    /*
     * Nessuna spaziatura Elementor.
     * Evita il margine bianco ai bordi.
     */
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    overflow: visible !important;

    pointer-events: none;

    z-index: 0;
}


/* =====================================================
   POSIZIONE DEI DUE LAYER
===================================================== */

/* Trattamenti a sinistra */
.scardina-trattamenti .trattamenti-deco-layer {
    left: 0;
    right: auto;
}


/* Contatti a destra */
.scardina-contatti .contatti-deco-layer {
    right: 0;
    left: auto;
}


/* =====================================================
   WIDGET BOTANICI
   Lo sticky rimane sul widget Immagine
===================================================== */

.scardina-trattamenti .trattamenti-botanica,
.scardina-contatti .contatti-botanica {
    position: -webkit-sticky !important;
    position: sticky !important;

    top: 40px;

    display: block !important;

    /*
     * Il widget occupa tutta la larghezza del binario.
     * L'altezza invece viene controllata dalla viewport.
     */
    width: 100% !important;

    /*
     * Deve essere abbastanza grande da riempire
     * visivamente la sezione ma più basso della viewport,
     * altrimenti lo sticky perde efficacia.
     */
    height: min(820px, calc(100vh - 120px)) !important;

    min-height: 0 !important;
    max-height: none !important;

    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    flex: 0 0 auto !important;
    align-self: flex-start !important;

    background: transparent !important;

    overflow: visible !important;

    pointer-events: none;
}


/* =====================================================
   TRATTAMENTI
===================================================== */

.scardina-trattamenti .trattamenti-botanica {
    margin-left: 0 !important;
    margin-right: auto !important;

    opacity: 0.23;
}


/* =====================================================
   CONTATTI
===================================================== */

.scardina-contatti .contatti-botanica {
    margin-left: auto !important;
    margin-right: 0 !important;

    opacity: 0.20;
}


/* =====================================================
   FIGURE ELEMENTOR
===================================================== */

.scardina-trattamenti .trattamenti-botanica figure,
.scardina-contatti .contatti-botanica figure {
    display: block;

    width: 100%;
    height: 100%;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    overflow: visible;
}


/* =====================================================
   IMMAGINI REALI
===================================================== */

.scardina-trattamenti .trattamenti-botanica img,
.scardina-contatti .contatti-botanica img {
    display: block;

    /*
     * L'altezza governa la dimensione.
     * La larghezza segue automaticamente il rapporto
     * verticale 1:3 della PNG.
     */
    width: auto !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    object-fit: contain;

    background: transparent !important;
}


/* =====================================================
   ALLINEAMENTO IMMAGINE TRATTAMENTI
===================================================== */

.scardina-trattamenti .trattamenti-botanica img {
    margin-left: 0 !important;
    margin-right: auto !important;

    object-position: left center;
}


/* =====================================================
   ALLINEAMENTO IMMAGINE CONTATTI
===================================================== */

.scardina-contatti .contatti-botanica img {
    margin-left: auto !important;
    margin-right: 0 !important;

    object-position: right center;
}


/* =====================================================
   CONTENUTI SOPRA LE DECORAZIONI
===================================================== */

.scardina-trattamenti .trattamenti-inner,
.scardina-contatti .contatti-inner {
    position: relative;

    z-index: 1;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .scardina-trattamenti .trattamenti-deco-layer,
    .scardina-contatti .contatti-deco-layer {
        width: 240px;

        padding: 0 !important;
        margin: 0 !important;
    }


    .scardina-trattamenti .trattamenti-botanica,
    .scardina-contatti .contatti-botanica {
        top: 50px;

        width: 100% !important;

        height: min(650px, calc(100vh - 120px)) !important;
    }


    /* Trattamenti */
    .scardina-trattamenti .trattamenti-botanica {
        opacity: 0.18;
    }


    /* Contatti */
    .scardina-contatti .contatti-botanica {
        opacity: 0.16;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .scardina-trattamenti .trattamenti-deco-layer,
    .scardina-contatti .contatti-deco-layer {
        display: none !important;
    }

}


/* =====================================================
   TITOLI FOOTER
   CONTATTI / DOVE SIAMO / MENU
===================================================== */

[data-footer-title="true"],
.elementor .heading-footer {
    margin: 0 0 20px 0;

    font-family: "Source Serif 4", Georgia, serif !important;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.015em;

    color: #ffffff;
}


/* =====================================================
   DESKTOP LARGE
===================================================== */

@media (min-width: 1600px) {

    [data-footer-title="true"],
    .elementor .heading-footer {
        font-size: 21px;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    [data-footer-title="true"],
    .elementor .heading-footer {
        margin-bottom: 18px;

        font-size: 19px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    [data-footer-title="true"],
    .elementor .heading-footer {
        margin-bottom: 16px;

        font-size: 18px;
    }

}


/* ========================================
   SCARDINA - REVEAL DA DESTRA
   Elementor v4 Atomic
======================================== */

.scardina-reveal-right {
    opacity: 0;
    transform: translateX(50px);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.scardina-reveal-right.is-visible {
    opacity: 1;
    transform: translateX(35px);
}

/* Accessibilità */
@media (prefers-reduced-motion: reduce) {
    .scardina-reveal-right {
        opacity: 1;
        transform: none;
        transition: none;
    }
}/* End custom CSS */