header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; 
    background-color: #007bff; 
    transition: background-color 0.3s ease-in-out; 
}
header.scrolled {
    background-color: #272727;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.navbar {
    position: relative;
}

.navbar-brand img {
    max-height: 50px;
}

.nav-link:hover {
    color: #ffcc00 !important;
}

.bg-primary {
    background: linear-gradient(#fec786, #f08816);
}

.row {
    background: linear-gradient(to bottom, #ffffff, #82bbf8);
}

.rowcards {
    background: linear-gradient(to bottom, #59a6f8, #ffffff);
}

.header-text h1{
    margin: 0;
}

.header-text p {
    margin: 10px 0 0;
}

button span {
    color: #f08816;
}

.linhaseparada {
    background: linear-gradient(#82bbf8, #59a6f8);
}

.card-img {
    height: 19rem;
}

.text-white.mt-5 {
    font-size: 2rem;
}

.headerimg {
    margin-left: 8rem;
}

.textodetitulo h1 {
    color: #3385d1;
}
.textodetitulo{
    background-color: #f08816;
}

.botaoinicio {    
    background-color: #f08816 !important;
}

.pequenoscards-custom{
    background:#f08816 !important;
}

.whatsapp-btn {
    background-color: #25D366; 
    color: white;
}

.whatsapp-btn .card-body {
    color: #000000;
}

.email-btn {
    background-color: #007BFF; 
    color: white;
}

.email-btn .card-body {
    color: #000000;
}

.whatsapp-btn:hover {
    background-color: #1da851; 
}

.email-btn:hover {
    background-color: #0056b3; 
}
.textofooter{
    margin-top: 5rem;
}
.card {
    margin: 1rem; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

@media (max-width: 767.98px) {
    .linha01, .linha02, .pequenoscards-custom {
        flex-direction: column; 
        align-items: center; 
    }
    
    .card {
        width: 100%; 
        max-width: 100%; 
    }
    
    .linha01 .card, .linha02 .card {
        margin-bottom: 1rem; 
    }
    
    .pequenoscards-custom {
        display: flex;
        flex-wrap: wrap; 
    }
    
    .pequenoscards-custom .card, .pequenoscards-custom .col-md-3 {
        flex: 1 0 45%; 
        margin: 0.5rem; 
    }
    
    .pequenoscards2 .card, .pequenoscards3 .card {
        flex: 1 0 45%;
        margin: 0.5rem;
    }
    li a .login{
        margin-right: 4rem;
    }
}


@media (max-width: 479.98px) {
    .linha01 .card, .linha02 .card {
        width: 100%; 
    }
    
    .pequenoscards-custom .card, .pequenoscards2 .card, .pequenoscards3 .card {
        flex: 1 0 100%;
    }
}