:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #eb4d4b;
    --orange: #fd7e14;
    --yellow: #EE5A24;
    --green: #6ab04c;
    --teal: #00cec9;
    --cyan: #1289A7;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #1b1b1b;
    --primary: #ff6e42;
    --secondary: #6c757d;
    --success: #6ab04c;
    --info: #1289A7;
    --warning: #EE5A24;
    --danger: #eb4d4b;
    --light: #f8f9fa;
    --dark: #1b1b1b;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Poppins", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    
    --color1: #1f1e1e;
    --color1x: #2B2B2B;
    --color2: #EDECC3;
    --color3: #C4B36C;
    --color4: #A59656;
    --color5: #5E6F72;
  
  }

#botaoNav{
 background-color: var(--color3);
 border: none;
 color: var(--color1);
}

#letraClara{
    color: var(--color2);
}

#letraClara2{
    color: var(--light);
}

#letraClara3{
    color: var(--color3);
}

#fundoPersonalizado{
    background-color: var(--color1);
}

#botaoCor{
    background-color: var(--color4);
    border: none;
    color: var(--color1);
    font-weight: 600;
}

#semHover input:focus{
    border-bottom: 2px solid #C4B36C;
}

#semHover textarea:focus{
    border-bottom: 2px solid #C4B36C;
}

#testmonial{
    background-color: #ffff;
}

#blog{
    background-color: #1f1e1e;
}


/*---------CSS DO BLOG------------*/

.blogContainer{
    max-width: 100%;
    min-height: 100%;
    margin: 100px 0;
    text-align: center;
    padding: 100px;
    color: var(--light);
}

.blogContainer h1{
    color: var(--light);
    margin-bottom:50px ;
    
}

.blogContainer p{
    color: var(--light);
    text-align: justify;
    max-width: 70%;
    margin: 0 auto;
    font-size: 15px;
}

.blogContainer img{
    max-width: 70%;
    border-radius: 8px;
    margin-bottom: 100px;
}

.blogContainer strong{
    color: var(--light);
    
    
    
}


#logosClientes img{
    width: 250px;
    
}


@media screen and (max-width:1100px) {

    .blogContainer{
        padding: 5px;
    }

    .blogContainer h1{
   
        margin:50px 0;
        
    }
    
    .blogContainer p{
        color: var(--light);
        text-align: justify;
        max-width: 80%;
        margin: 0 auto;
        
    }
    
    .blogContainer img{
        max-width: 80%;
        border-radius: 8px;
        margin-bottom: 100px;
    }
    
    .blogContainer strong{
        color: var(--light);
        
        
        
    }
}

@media screen and (max-width:780px) {

    .blogContainer{
        padding: 5px;
    }

    .blogContainer h1{
        font-size: 25px;
        margin:50px 0;
        
    }
    
    .blogContainer p{
        color: var(--light);
        text-align: justify;
        max-width: 90%;
        margin: 0 auto;
    }
    
    .blogContainer img{
        max-width: 90%;
        border-radius: 8px;
        margin-bottom: 50px;
    }
    
    .blogContainer strong{
        color: var(--light);
        
        
        
    }
}