@import url('https://fonts.googleapis.com/css2?family=Amethysta&family=Metrophobic&family=Raleway:wght@600&family=Sniglet&display=swap');
/* 
*   Fonte do titulo utilizando em todas as páginas - tipo 1
*   font-family: 'Amethysta', serif;        =>
*   font-family: 'Metrophobic', sans-serif; =>
*   font-family: 'Sniglet', cursive;        => Titulo/Menu
*   font-family: 'Raleway', sans-serif;
*/

/* 
*   Configurações de CSS em toda parte do Menu de navegação 
*/
.menu-navegar {
    font-family: 'Sniglet';
    font-size: 16px;
    color: #000000;
    position: relative;
}
.menu-navegar:hover{
    color: #730BB8;
}
.menu-navegar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
    background-color: #730BB8;
    transition: width 1s ease;
}
.menu-navegar:hover::before {
    width: 100%;
    transform-origin: left center;  
}

/*
*   Configurações de CSS em toda "section-one" 
*   por paragrafo
*/
.paragraph-one{
    font-family: 'Sniglet';
    color: #730BB8; 
    font-size: 35px;
}
.paragraph-two{
    font-family: 'Sniglet';
    color: #730BB8; 
    font-size: 25px;
}

.paragraph-three{
    font-family: 'Sniglet';
    color: #000000; 
    font-size: 20px;
    line-height: 1.3;
}

.paragraph-for{
    font-family: 'Raleway';
    font-size: 12px; 
    color: #000000
}

.paragraph-five{
    font-family: 'Raleway';
    font-size: 09px; 
    color: #707070
}

/* 
*   Cores dos botões de forma de toda aplicação 
*/
.custom-button {
    background-color: #FFFFFF;
    color: #730BB8;
    border-color: #730BB8;
    border-radius: 0px !important;
    font-family: 'Sniglet';
}
.custom-button:hover {
    background-color: #730BB8;
    border-color: #730BB8;
    color: #FFFFFF;
    border-radius: 0px !important;
}

/* 
*   Formato da imagem da "section-one"
*/
.section-one-image{
    width: 100%;   
    /* box-shadow: 0 0 1px 1px #730BB8;    */
    border-radius: 40%;
}

/* 
*   Css da "section-two" do componente "pages.sistema-erp.content"
*/
:root {
    --bs-link-color: #000000; 
}
.nav-link-content{
    font-family: 'Sniglet';
    font-size: 16px;
    color: #000000;
}
.nav-link-content.active {
	background-color: #730BB8 !important;
}
.nav-link-content:hover{
    --bs-nav-link-hover-color: #730BB8 !important;
}

/* 
*  css do componente label e input 
*/
.label-one {
    color: #730BB8;
    text-align: center;
}
.form-label{
    /* color: #3D4160; */
    color: #000000;
    font-family: 'Sniglet';
}
.form-input{
    color: #000000;
    font-family: 'Sniglet';
}

/* 
*   Elemento quando é selecionado o sub-menu  
*/
.dropdown-menu{
    --bs-dropdown-link-active-bg: #FFFFFF !important;
}

/* 
*   Espaçamento entre as divs da page index 
*/
.custom-div{
    margin-bottom: 60px;
}

/* 
*   Customização do box da section-three - em serviços
*/
.custom-box {
    border-radius: 0px 200px; 
    border: 1px solid #730BB8;
}

.custom-box:hover {
    box-shadow: 0 0 20px rgba(115, 11, 184, 0.8);
}

/* 
*   Customização do box do formulario
*/
.custom-box-form{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.70);
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    background: #FFFFFF; 
}
 
/* 
*   CSS de todo rodapé
*/
.custom-footer{
    background: #000000;
}

.label-footer{
    font-family: 'Sniglet';
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
}
.custom-margem{
    margin-bottom: -15px;
}
.label-titulo{
    font-family: 'Sniglet';
    color: #FFFFFF;
    font-size: 25px;
}

/* 
*   Limites de linhas no CARD Blog pra tag p
*/
.limited-lines {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Número de linhas desejadas */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 
*   Margem da section-two
*/
.margem-sections{
    margin-top: 30px; 
    margin-bottom: 30px
}
/* 
*  Buscar por section 
*/
.search{
    display: flex;
    flex-wrap: wrap;
    padding: 7px 15px;
    gap: 10px 8px;
    align-items: stretch;
    justify-content: center;
}

/* 
*  FAQ - perguntas e respostas 
*/
.accordion-button{
    font-size: 18px
}