:root {
    --cor-azul-claro: #4D8388; /* pedido */
    --cor-azul-escuro: #29455E; /* pedido */
    --cor-branco: #FFFFFF; /* pedido */
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 96px;
}

body {
    font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

.brand {
    font-weight: 700;
    letter-spacing: .5px
}

.text-brand {
    color: var(--cor-azul-escuro) !important
}

.bg-brand {
    background: var(--cor-azul-escuro) !important;
    color: var(--cor-branco)
}

.btn-brand {
    background: var(--cor-azul-claro);
    border-color: var(--cor-azul-claro)
}

    .btn-brand:hover {
        filter: brightness(.9)
    }

.btn-outline-brand {
    color: var(--cor-azul-escuro);
    border-color: var(--cor-azul-escuro)
}

    .btn-outline-brand:hover {
        background: var(--cor-azul-escuro);
        color: var(--cor-branco)
    }

/* Hero */
.hero {
    background: radial-gradient(1200px 600px at 85% -10%, rgba(77,131,136,.25), transparent 60%), linear-gradient(135deg, var(--cor-azul-escuro), #1c3042 60%);
    color: var(--cor-branco);
    position: relative;
    overflow: hidden;
}

    .hero .badge {
        background: rgba(255,255,255,.15);
        backdrop-filter: saturate(180%) blur(6px)
    }

.hero-illustration {
    opacity: .08;
    position: absolute;
    right: -60px;
    bottom: -10px;
    font-size: 20rem
}

/* Section titles */
.section-title {
    font-weight: 700;
    color: var(--cor-azul-escuro)
}

.section-sub {
    color: #476577
}

/* Cards */
.card-service {
    border: 1px solid rgba(41,69,94,.12)
}

    .card-service .icon {
        font-size: 2rem;
        color: var(--cor-azul-claro)
    }

/* Footer */
footer a {
    color: #cfe6ea;
    text-decoration: none
}

    footer a:hover {
        text-decoration: underline
    }

/* Back-to-top */
#toTop {
    position: fixed;
    right: 16px;
    bottom: 16px;
    display: none;
    z-index: 9999
}