@import url('menu.css');
@import url('menu_movel.css');

label {
    font-family: 'Inter', 'Open Sans',Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

input,
select,
textarea {
    font-family: 'Inter','Open Sans',Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

button {
    font-family: 'Inter', 'Open Sans',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

a {
    color: #dc3545;
    text-decoration: none;
}

a:hover {
    color: #dc3545;
    text-decoration: none;
}

small {
    font-family: 'Inter', 'Open Sans',Arial,sans-serif;
    font-size: 12px;
    color: #777;
}

.taxado {
    text-decoration: line-through;
    font-weight: 300;
}

.preco-individual{
    margin-top: 20px;
    color: #687074;
    font-size: 22px;
    white-space: nowrap;
    font-weight: 600;
}

.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
}

a:hover {
    text-decoration: underline;
    color: #687074;
}

.col-md-3 {
    margin-bottom: 15px;
}


.img-fluid {
    max-width: 100%;
    height: 400px !important;
}

#sp-topbar .sp-contact-info {
    text-align: end !important;
}

#sp-header {
    height: 100px;
}

#sp-header #sp-logo {
    display: flex;
    align-items: center;
}

#sp-header .logo {
    height: 85px;
}

#sp-header .sp-module {
    width: 100% !important;
}

#mod-finder-searchword110{
    width: 350px;
    margin-top:50px;
}

.campo_busca button {
    /* Estilos para o botão */
    margin-top:50px;
}

@media (max-width: 995px) {
    #sp-topbar .row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        display: flex !important;
    }

    #sp-top1 {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-bottom: 5px;
    }

    #sp-top2 {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px  15px 0 15px !important;
        flex-direction: row !important;
        text-align: left !important;
    }

    #sp-top2 .sp-column {
        width: 100% !important;
    }

    #sp-topbar .sp-contact-info {
        display: flex !important;
        justify-content: space-around !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
    }

    #sp-topbar .sp-contact-info li {
        margin: 0 5px !important;
        white-space: nowrap !important;
    }

    #sp-topbar .social-icons {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #sp-header {
        height: auto !important;
        min-height: unset !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    /* Container do header */
    #sp-header .row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        display: flex !important;
    }

    /* Área do logo */
    #sp-header #sp-logo {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 10px 0 !important;
    }

    #sp-header #sp-logo .logo {
        text-align: center !important;
        height: auto !important;
    }

    /* Área da busca */
    #sp-header #sp-search {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
    }

    #sp-header #sp-search .input-group {
        width: 90% !important;
    }

    /* Área de login e botões */
    #sp-header #sp-user1 {
        width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

    }

    #sp-header .area-login {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        background-color: #fff !important;
        z-index: 10;
        position: relative;
    }

    #sp-header .area-login .col-md-12 {
        justify-content: center !important;
        flex-wrap: wrap !important;
        display: flex !important;
        gap: 10px !important;
    }

    #sp-header .area-login .btn {
        margin: 5px !important;
        min-width: 130px !important;
    }
}

@media (max-width: 500px) {
    #sp-top1 {
        padding-bottom: unset !important;
    }

    #sp-header #sp-user1 {
        display: none !important;
    }

    #sp-topbar .sp-contact-info {
        flex-wrap: wrap;
    }
}