*{
    font-family: "Manrope", sans-serif;
}

:root {
  --azul-texto: #060B35;
  --azul-secundrio: #235AEB;
  --azul-tercirio: #051E73;
  --azul-mais-claro: #E4F7FD;
  --azulAcizentado: #CAD9F0;
  --branco: #fff;
  --sombra: 4px 4px 20px 2px #56596759;
}

.form-control:focus {
    box-shadow: none;
}

h3{
    font-weight: 600;
    font-size: 18px;
    /* line-height: 20px; */
    letter-spacing: 0px;
}

h2{
    font-weight: 600;
    font-size: 32px;
    /* line-height: 20px; */
    letter-spacing: 0px;
}

h1{
    color: var(--azul-tercirio);
    font-size: 53px;
    font-weight: 700;
    line-height: 115%;
    margin: 30px 0px 20px;
    position: relative;
    z-index: 1;
}

.btn-padrao{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 30px;
    padding: 8px 40px;
    margin: 0 10px;
    background-color: var(--azul-secundrio);
    color: var(--branco) !important;
    transition: 300ms all ease-in-out;
    
    &:hover{
        background-color: #1D4ED2 !important;
    }
}

#cabecalho{
    border-bottom: 1px solid #DCE6EE;
    background: linear-gradient(92deg, #D9EEF8 13.74%, #EEF5F9 32.88%, #FFF 64.39%, #EEF5F9 93.55%);
    padding: 30px 0 0;
    min-height: 400px;
    display: flex;
    position: relative;
    align-items: stretch;

    .row {
        height: 100%;
    }

    .migalhas {
        display: flex;
        margin: 0;
        padding: 0;

        li{
            color: var(--azul-tercirio);
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            list-style-type: none;
        }

        .selecionado{
            font-weight: 600;
            margin-left: 8px;
        }
    }

    .chamada{
        color: #525F6F;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        position: relative;
        z-index: 10;
    }

    /* .col-lg-5 {
        position: relative;
        min-height: 390px;
    } */

    .alinhamento-img{
        display: flex;
        align-items: flex-end;

        .img-cabecalho{
            width: 100%;
            position: relative;
            bottom: 0;
            right: 0;
            object-fit: contain;
            object-position: bottom;
            border-radius: 0;
        }
    }
}

#mini-menu {
    background-color: var(--branco);
    padding: 0;
    overflow: hidden;
    border-bottom: solid 1px #CAD9F0;

    .alinhar-meio {
        display: flex;
        align-items: center;
        
        .contatos-mini-menu {
            display: flex;
            margin: 0;
            padding: 0;
            align-items: center;
    
            li {
                font-weight: 400;
                font-size: 16px;
                letter-spacing: 0px;
                color: #060B3580;
                margin: 0 16px 0 0;
                padding: 18px 0;
                text-align: center;
                list-style-type: none;

                &:hover{
                    color: var(--azul-texto);
                }
            }
        }
    }

    .barra-busca{
        position: relative;

        .form-control{
            padding-left: 50px;
            height: 60px;
            border-radius: 100px 0 0 100px;
            border-top: none;
            border-right: none;
            border-bottom: none;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            color: #060B3566;
        }

        .btn-lupa{
            position: absolute;
            top: 0;
            left: 0;
            height: 60px;
            width: 50px;
            border: none;
            background: transparent;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
    }

    input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #060B3566 !important;
    }
    input::-moz-placeholder { /* Firefox 19+ */
        color: #060B3566 !important;
    }
    input:-ms-input-placeholder { /* IE 10+ */
        color: #060B3566 !important;
    }
    input:-moz-placeholder { /* Firefox 18- */
        color: #060B3566 !important;
    }

}

header{
    .navbar-toggler {
        border: none;

        &:focus {
            box-shadow: none;
        }
    }

    .link-mobile{
        display: none;
    }

    .alt-menu{
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .nav-link {
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0px;
            text-align: center;
            vertical-align: middle;
            margin: 0 16px 0;
            color: var(--azul-texto);
            line-height: 20px;
        }

        .box-social-central{
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .social-menu {
                margin-right: 30px;

                ul{
                    padding: 0;
                    margin: 0;
                    display: flex;

                    li{
                        list-style-type: none;

                        a{
                            padding: 0 10px;
                        }
                    }
                }
            }

            .btn-ver-planos {
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                letter-spacing: 0px;
                text-align: center;
                border-radius: 20px;
                background-color: var(--azul-secundrio);
                padding: 10px 32px;
                color: var(--branco);
                white-space: nowrap;
            }
        }

    }

}

footer {
    padding: 30px 0;
    border-top: solid 1px #cad9f040;

    .secao {
        color: var(--azul-texto);
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    .text-footer {
        color: var(--azul-texto);
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        margin: 20px 0;
    }
    .menu-footer{
        padding: 0;
        margin: 0;

        li{
            color: var(--azul-secundrio);
            font-size: 16px;
            font-weight: 500;
            line-height: 32px; 
            list-style-type: none;
        }
    }
    .social-footer{
        display: flex;
        margin: 0;
        padding: 0;
        
        li{
            list-style-type: none;
            margin-right: 16px;
        }
    }

    hr{
        color: #CAD9F0;
    }
    
    .copy {
        color: var(--azul-texto);
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        margin: 0;
    }
    .link-politica-privacidade {
        color: var(--azul-texto);
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        line-height: 32px;
        text-decoration-line: underline !important;
    }
}

.modal-content{
    border-radius: 20px;
    border: 1px solid var(--traado, #CAD9F0);
    background: #FFF;

    .modal-title {
        color: var(--azul-texto);
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
    }

    .form-select {
        border-radius: 100px;
        border: 1px solid var(--traado, #CAD9F0);
        color: var(--azul-secundrio, #235AEB);
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding: 19px 25px;
    }

    .form-control {
        border-radius: 100px;
        border: 1px solid var(--traado, #CAD9F0);
        background: #FFF;
        height: 60px;
        color: rgba(6, 11, 53, 0.40);
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
    }

    label{
        color: var(--azul-texto);
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
    }

    .add-pessoa {
        color: #235AEB;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin: 10px 0 30px 0;
    }

    .pessoa {
        color: var(--azul-texto, #060B35);
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
    }

    .btn-padrao{
        border: none;
    }

    .remove-pessoa {
        color: red;
        font-weight: 500;
        font-size: 14px;
    }

    input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #b4b4b4 !important;
    }
    input::-moz-placeholder { /* Firefox 19+ */
        color: #b4b4b4 !important;
    }
    input:-ms-input-placeholder { /* IE 10+ */
        color: #b4b4b4 !important;
    }
    input:-moz-placeholder { /* Firefox 18- */
        color: #b4b4b4 !important;
    }
}

.seta-deskt-tab{
    display: inline;
}
.seta-mob{
    display: none;
}

/* NAVBAR COLAPSADO (breakpoint customizado, sobrescrevendo o padrao 992px do navbar-expand-lg) */
@media (max-width: 1399px) {
    header{
        nav.navbar-expand-lg {
            flex-wrap: wrap !important;
            justify-content: space-between !important;
        }

        .navbar-expand-lg .navbar-collapse {
            display: none !important;
            flex-basis: 100% !important;

            &.show {
                display: block !important;
            }
        }

        .navbar-expand-lg .navbar-toggler {
            display: block !important;
        }

        .logo-header {
            width: 138px;
        }
        .link-mobile{
            display: block;
        }
        .alt-menu{
            flex-direction: column !important;
            align-items: flex-start;
            width: 100%;
            padding: 16px 0;

            .nav-item {
                width: 100%;

                .nav-link {
                    margin: 0;
                    padding: 10px 0;
                    text-align: center;
                }
            }

            .box-social-central{
                flex-direction: column;
                align-items: center;
                width: 100%;
                margin-top: 16px;

                .social-menu {
                    margin: 0 0 16px;
                }
            }
        }
    }

    #mini-menu{
        display: none;
        
        .contatos-mini-menu {
            flex-wrap: wrap;

            li{
                margin: 0 12px 0 0;
            }
        }
    }

    .seta-deskt-tab{
        display: inline;
    }
    .seta-mob{
        display: none;
    }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 970px) {
    #cabecalho{
        position: relative;
        padding-bottom: 0px;

        .img-cabecalho{
            width: 100%;
            position: relative;
            right: auto;
        }
    }

    header{
        .logo-header {
            width: 138px;
        }
        .link-mobile{
            display: block;
        }
    }

    h1{
        font-size: 40px;
    }

    #mini-menu{
        display: none;
    }

    footer{
        text-align: center;

        .social-footer {
            justify-content: center;
        }

        .secao {
            margin-top: 30px;
        }

        .selos-mob{
            margin: 20px 0;
        }
    }

    .seta-deskt-tab{
        display: inline;
    }
    .seta-mob{
        display: none;
    }

    
    
}

/* MOBILE */
@media all and (max-width: 767px) {
    #cabecalho{
        position: relative;
        padding-bottom: 0px;
        min-height: auto;

        .migalhas{
            flex-wrap: wrap;
        }

        .img-cabecalho{
            width: 100%;
            position: relative;
            right: auto;
        }

    }

    header{
        .logo-header {
            width: 138px;
        }
        .link-mobile{
            display: block;
        }
    }

    #mini-menu{
        display: none;
        .alinhar-meio{
            .col-sm-6:first-child {
                margin-bottom: 8px;
            }
        }

    }

    h1{
        font-size: 32px;
        margin: 20px 0 12px;
        line-height: 120%;

    }

    h2{
        font-size: 24px;
        line-height: 28px;
    }

    h3{
        font-size: 18px;
        line-height: 20px;
    }

    footer{
        text-align: center;

        .social-footer {
            justify-content: center;
        }

        .secao {
            margin-top: 30px;
        }

        .selos-mob{
            margin: 20px 0;
        }
    }

    .seta-deskt-tab{
        display: none;
    }
    .seta-mob{
        display: inline;
    }

    .floating-button-whatsapp {
        top: auto;
        bottom: 70px;
        right: 12px;
    }
}