/* Geral */
.Title-Bloco{
    color:#666394;
    font-size: 35px;
    margin-bottom: 30px;
    padding:5px;
}
.Text-Bloco{
    font-size: 20px;
    margin-top: 10px;
    padding:5px;
}
a{
text-decoration: none;
color:white;
}a:hover{
    border-bottom: 1px solid #666394;
}
/* * */


/* Header */
.Header{
    background-color: #0d1b26;
    color:white;
}.Img-Logo{
    width:100px;
    margin-right: 0;
}
.Text-Logo{
    margin-top: 35px;
    margin-left: 0;
    font-size: 20px;
    font-weight: bold;
}
.Nav-Item{
    font-size: 13.5px;
    font-weight: bold;
    margin-top: 15px;
    font-family:Arial, Helvetica, sans-serif;
    transition: 0.3s ease;
}.Nav-Item:hover{
    transform: translateY(-3px);
}
.Button-Header{
    margin-top: 0px;
    background-color: #666394;
    border:none;
    border-radius: 10px;
    color:white;
    padding:10px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}.Button-Header:hover{
    background-color: #a49cac;
    transform: translateY(-5px);
}

/* BOTÃO HAMBÚRGUER */
.Menu-Toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
}

.Menu-Toggle span {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #a49cac;;
    border-radius: 5px;
    transition: 0.3s;
}

/* MENU MOBILE */
.Menu-Mobile-Content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 25px 15px;
    background-color: #0d1b26;
    color:white;
    
}

.Menu-Mobile-Item {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.Menu-Mobile-Item:hover {
    color: #a49cac;
}

/* ANIMAÇÃO DO ÍCONE */
.Menu-Toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.Menu-Toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.Menu-Toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}
/* * */


/* Bloco 1 */

.Row-Banner{
    padding:0;
    margin:0;
}
.Img-Banner{
    margin-top:50px;
    width:100%;
    opacity: 80%;
}
/* * */


/* Bloco 2 */
.Bloco-2{
    margin-top: 100px;
}

.Img-Dashboard{
    width:400px;
}
/* * */

/* Bloco 3 */
.Bloco-3{
    margin-top: 100px;
    margin-bottom: 100px;
}
.Row-Bloco3{
    padding:0;
    margin:0;
}
.Carrossel {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 1;
    overflow: hidden;
}

.Img-Carrosel1 {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: trocarImagem 15s infinite;
}

.Img-Carrosel1:nth-child(1) {
    animation-delay: 0s;
}

.Img-Carrosel1:nth-child(2) {
    animation-delay: 5s;
}

.Img-Carrosel1:nth-child(3) {
    animation-delay: 10s;
}

@keyframes trocarImagem {
    0%, 33.32% {
        opacity: 1;
    }

    33.34%, 100% {
        opacity: 0;
    }
}
/* * */

/* Bloco 4 */
.Img-Tributaria{
    width:500px;
}
.Title-Bloco4{
    color:#666394;
}
.Col-Bloco4Texto{
    margin-top: 80px;
}
.SubTitle-Bloco4{
    color:#666394;
    padding:5px;
    margin: 0;
    font-size: 20px;
}
/* * */

/* Bloco 5 */
.Bloco-5{
    margin-top: 100px;
    margin-bottom: 100px;
}
.Title-Bloco5{
    color:#666394;
}
.Img-Carrossel{
    margin-top:30px;
    height:550px;
    width:100%;
}
/* * */

/* Bloco 6 */
.Bloco-6{
background-color: #0d1b26;
color: white;
}
.Img-Executivo{
    margin-top: 30px;
    padding:50px;
    width:400px;
    height:400px;
}
.Col-Executivo{
    margin-top: 50px;
    margin-bottom: 30px;
}
.Cards{
    padding:3px;
    margin-top: 30px;
    background-color: white;
    color:black;
    gap:80px;
    width:180px;
    border-radius: 20px;
    box-shadow: 10px 10px 15px #666394;
    transition: 0.3s ease;
}.Cards:hover{
    transform: translateY(-3px);
}
.Card-Icon{
    margin:0;
    margin-top:12px;    
    font-size: 20px;
}
.Card-Title{
    font-size: 18px;
    margin:0;
}
.Card-Text{
    font-size: 13px;
    margin-top: 2px;
}.Title-Bloco6, .Texto-Bloco6{
    padding:10px;
}
/* * */

/* Bloco 7 */
.Bloco-7{
    margin-top: 60px;
}
.Title-Bloco7{
    color:#666394;
    margin-bottom: 30px;
}
.Pergunta{
    background-color: #666394;
    color:white;
    border-radius: 10px;
    margin-bottom: 10px;
    height:50px;
    padding:10px;
}
/* * */

/* Contato */
.Contato {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 1000;
}

.Button-Contato {
    background-color: #666394;
    color: #fafbfc;
    border: none;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.Button-Contato:hover {
    background-color: #a49cac;
    transform: translateY(-5px);
}
/* * */

/* Formulário */
.Formulario{
    z-index: 1000;
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    background-color: white;
    width:450px;
    border-radius: 15px;
    box-shadow: 0px 5px 5px 5px #666394;
    padding:30px;
}
.Form-Div{
    margin-bottom: 10px;
}
.Form-Title{
    margin:0;
    margin-bottom: 30px;
    color:#666394;
}
.FecharForm{
    font-size: 15px;
    padding:5px;
    height:30px;
    width:30px;
    background-color: #666394;
    color:white;
    border:none;
    border-radius:5px;
}
.Form-Text{
    margin:0;
    margin-top: 20px;
    font-size: 18px;
}
.Form-InputText, .Form-InputTextObs{
    border:none;
    border-bottom: 1px black solid;
    border-radius: 2px;
    background-color:white;
    width:100%;
    height:40px;
}
.Form-Button{
    margin-top: 30px;
    background-color: #666394;
    color:white;
    border:none;
    border-radius: 10px;
    padding:5px;
    width:120px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s ease;
}.Form-Button:hover{
    background-color: #a49cac;
    transform: translateY(-5px);
}
/* * */


/* Footer */
.Footer{
    background-color: black;
    color:white;
    margin-top: 50px;
}
.Logo-Footer{
    width:150px;
}
/* * */


/* Responsivo */
@media(max-width:576px){
    /* Geral */
    .Text-Bloco{
        padding:0px;
    }
    /* * */
    .Text-Logo{
        font-size: 16px;
        width:100%;
    }

    /* Bloco1 */
    .Img-Banner{
        margin-top: 100px;
        height:auto;
    }
    /* * */

    /* Bloco 2 */
    .Bloco-2{
        margin-top:50px;
    }
    .Img-Dashboard, .Img-Tributaria{
        width:250px;
        margin-top:20px;
    }
    /* * */

    /* Bloco 3 */
    .Bloco-3{
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .Img-Carrosel1{
        height:auto;
        object-fit: fill;
    }
    /* * */

    /* Bloco 4 */
    .Bloco-4{
        margin-bottom: 30px;
    }
    .Col-Bloco4Texto{
    margin-top: 10px;
    }
    /* * */

    /* Bloco 5 */
    .Bloco-5{
        margin-top: 10px;
    }
    .Img-Carrossel{
        margin-top:10px;
        height:180px;
    }
   
    /* * */

    /* Bloco 6 */
     .Col-Executivo{
        margin-top: 5px;
    }
    .Img-Executivo{
        margin-top:20px;
        padding:0;
        margin-bottom:10px;
        width:100%;
        height:auto;
    }
    .Cards{
          margin-top: 40px;
          width:100%;
          height:auto;
          padding:30px;
    }.Card-Text{
        text-align: center;
    }
    .Title-Bloco6, .Texto-Bloco6{
    padding:0px;
}
    /* * */

    /* Bloco 7 */
    .Pergunta{
        width:100%;
    }
    /* * */
    .Formulario{
        width:100%;
    }
}