:root {
    --salmao: rgba(244, 168, 152, 0.2);
    --amarelo: rgba(237, 186, 87, 0.2);
    --verde-mySenior: rgba(47, 200, 180, 0.2);
    --verde-light: rgba(220, 246, 242,1);
    --roxo: rgba(173, 120, 239, 0.1);
    --azul-escuro: rgba(87, 126, 237, 0.2);
    --azul-claro: rgba(40, 181, 240, 0.2);
    --azul-oceano: rgba(62, 210, 167, 0.2);
    /*Light*/
    --salmao-light: rgba(244, 168, 152, 0.08);
    --amarelo-light: rgba(237, 186, 87, 0.08);
    --verde-mySenior-light: rgba(47, 200, 180, 0.08);
    --verde-light-light: rgba(220, 246, 242,0.08);
    --roxo-light: rgba(173, 120, 239, 0.08);
    --azul-escuro-light: rgba(87, 126, 237, 0.08);
    --azul-claro-light: rgba(40, 181, 240, 0.08);
    --azul-oceano-light: rgba(62, 210, 167, 0.08);
    /*Verde MySenior*/
    --verde-mySenior-1: #e9f7f5;
    --verde-mySenior-2: #d1f2ef;
    --verde-mySenior-3: #b7ede7;
    --verde-mySenior-0-solid: #dcf6f2;
    /*--verde-mySenior-0-solid: #e4fbfa;*/
    --verde-mySenior-1-solid: #e6faf7;
    --verde-mySenior-2-solid: #d2f3ef;
    --verde-mySenior-3-solid: #bfeee7;
    /*Branco*/
    --branco: rgba(255, 255, 255, 1);
    /*---*/
    --translate: 200px;
}

body {
    margin: 0;
    position: relative;
    /*background-color: var(--verde-mySenior-0-solid, #fff);*/
    transition: background-color 900ms ease;
}

section {
    z-index: 4 !important;
    transition: background-color 1s cubic-bezier(.4,0,.2,1);
}

    section#about,
    section#facilitate,
    section#accessibility,
    section#team,
    section#faqs,
    section#testimonials,
    section#mysenior-map,
    section#mysenior-news,
    section#mysenior-contacts {
        position: relative;
    }

/*.bg-base,
.bg-fade {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.bg-base {
    background: var(--bg-base, var(--branco));
}

.bg-fade {
    background: var(--bg-next, var(--branco));
    opacity: 0;
    transition: opacity 650ms ease;
    will-change: opacity;
}*/


/* === Zoom nas imagens/div's === */
.img-box.zoom-item {
    will-change: transform;
    transform-origin: center;
}

.img-box .clients-map,
.img-box .clients-map img {
    display: block;
    width: 100%;
    height: auto;
}
/* ==== */

/*.effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

    .effects .background,
    .effects .mid,
    .effects .foreground {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .effects .background {
        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 15%, transparent calc(15% + 1px));
        background-size: 2rem 2rem;
    }

    .effects .mid {
        background: radial-gradient(circle at 15% 35%, var(--azul-oceano-light) 6%, transparent calc(6% + 1px)), radial-gradient(circle at 35% 25%, var(--salmao-light) 5%, transparent calc(5% + 1px)), radial-gradient(circle at 45% 85%, var(--amarelo-light) 5%, transparent calc(5% + 1px)), radial-gradient(circle at 65% 65%, var(--verde-mySenior-light) 6%, transparent calc(6% + 1px));
    }

    .effects .foreground {
        background: radial-gradient(circle at 75% 25%, var(--verde-mySenior-light) 15%, transparent calc(15% + 1px)), radial-gradient(circle at 25% 75%, var(--azul-escuro-light) 10%, transparent calc(10% + 1px));
    }

    .effects .mid {
        --translate: 250px;
    }

    .effects .foreground {
        --translate: 500px;
    }

@media (prefers-reduced-motion: no-preference) {
    .effects .background,
    .effects .mid,
    .effects .foreground {
        height: calc(100% + var(--translate));
        animation: parallax linear;
        animation-timeline: scroll(root);
    }
}

@keyframes parallax {
    from {
        transform: 0;
    }

    to {
        transform: translateY(calc(var(--translate) * -1));
    }
}

@layer base {
    * {
        box-sizing: border-box;
    }

    body {
        min-height: 300vh;
        margin: 0;
    }
}*/


.main-footer {
    padding-bottom: 280px !important;
}