
body.dq-promo-background {
    --dq-map-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%221000%22%20viewBox%3D%220%200%20900%201000%22%3E%3Crect%20width%3D%22900%22%20height%3D%221000%22%20fill%3D%22%23e3f4fc%22%2F%3E%3Cg%20fill%3D%22%23d4ede3%22%3E%3Cpath%20d%3D%22M0%20120L170%2085%20240%20260%2060%20325%200%20290Z%22%2F%3E%3Cpath%20d%3D%22M650%20570L865%20515%20900%20715%20730%20770Z%22%2F%3E%3Cpath%20d%3D%22M80%20740L250%20705%20325%20900%20115%20955Z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2215%22%3E%3Cpath%20d%3D%22M-60%20400C160%20300%20190%20170%20400-30M-50%20630C220%20565%20370%20360%20950%20270M140%201040C90%20740%20530%20850%20960%20620M610-30C490%20220%20820%20320%20680%20600S520%20840%20670%201040%22%2F%3E%3Cpath%20d%3D%22M-20%2080L920%20950M-20%20860L920%2090M130-20L455%201020M-20%20225L920%20460M-20%20710L920%20850%22%20stroke-width%3D%229%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M-30%20970C140%20925%2080%20785%20165%20700S250%20570%20170%20510M800%2020C730%20130%20830%20175%20940%20140%22%20fill%3D%22none%22%20stroke%3D%22%23ffad73%22%20stroke-width%3D%225%22%20stroke-dasharray%3D%229%2013%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    /*
    --dq-map-veil: linear-gradient(90deg, rgba(255,255,255,.34), rgba(255,255,255,.62) 35%, rgba(255,255,255,.62) 65%, rgba(255,255,255,.34));
    */
    --dq-map-veil: linear-gradient( 90deg, rgba(255,255,255,.20), rgba(255,255,255,.42) 35%, rgba(255,255,255,.42) 65%, rgba(255,255,255,.20) );
    --dq-map-size: 900px 1000px;
    min-height: 100vh;
    min-height: 100svh;
    height: auto;
    background-color: #f4faff;
    background-image: var(--dq-map-veil), var(--dq-map-image);
    background-size: 100% 100%, var(--dq-map-size);
    background-position: center top;
    background-repeat: no-repeat, repeat;
}
body.dq-promo-background > .container-fluid {
    flex: 1 0 auto;
}

body.dq-promo-background main > .sticky-top.bg-light {
    background-color: #f4faff !important;
    background-image: var(--dq-map-veil), var(--dq-map-image);
    background-size: 100% 100%, var(--dq-map-size);
    background-position: center top;
    background-repeat: no-repeat, repeat;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
body.dq-promo-background > footer {
    background: rgba(255,255,255,.94);
    border-top: 1px solid #dcebf4;
    color: #526477;
    padding: 14px 12px calc(14px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 600px) {
    body.dq-promo-background {
        --dq-map-size: 630px 700px;
        /*
        --dq-map-veil: linear-gradient(90deg, rgba(255,255,255,.38), rgba(255,255,255,.58) 35%, rgba(255,255,255,.58) 65%, rgba(255,255,255,.38));
        */
        --dq-map-veil: linear-gradient( 90deg, rgba(255,255,255,.20), rgba(255,255,255,.42) 35%, rgba(255,255,255,.42) 65%, rgba(255,255,255,.20) );
    }
}
@media print {
    body.dq-promo-background,
    body.dq-promo-background main > .sticky-top.bg-light {
        background: #fff !important;
    }
}


body.dq-promo-background > header,
body.dq-promo-background > header .navbar {
    background: #edf7fc !important;
}

    body.dq-promo-background > header .navbar {
        position: relative;
        border-bottom: 0 !important;
        box-shadow: 0 4px 12px rgba(0, 57, 125, .10);
    }

        body.dq-promo-background > header .navbar::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient( 90deg, rgba(255, 114, 0, 0) 0%, rgba(255, 114, 0, .25) 20%, #ff7200 45%, #ff7200 55%, rgba(255, 114, 0, .25) 80%, rgba(255, 114, 0, 0) 100% );
            -webkit-mask-image: none;
            mask-image: none;
            pointer-events: none;
        }

body.dq-promo-background .navbar-localita,
body.dq-promo-background .navbar .nav-link {
    color: #244b68 !important;
}

body.dq-promo-background .navbar-toggler-dovequi {
    background: #fff;
    border-color: #cbdfea;
    color: #244b68;
}

body.dq-promo-background .navbar-menu-text {
    color: #244b68;
}

body.dq-promo-background .navbar-toggler-icon {
    filter: none;
}


@media (max-width: 575.98px) {
    body.dq-promo-background .navbar-collapse {
        background: #edf7fc;
        border-color: #cbdfea;
    }
}

body.dq-promo-background .navbar .nav-link:hover {
    background: #dceef8;
    color: #00397d !important;
}





