.bg-mlprincipal {
    background-color: #07303a;
}

.bg-mlblue {
    background: #0e5f78;
}

.bg-mlorange {
    background: var(--cor-site);
}

.text-mlorange {
    color: var(--cor-site) !important;
}

.text-mlblue {
    color: #0e5f78;
}

.text-mlprincipal,
.text-gray-600,
.categoria_share {
    color: #07303a !important;
}

.footer-design {
    border-top: 1px solid #fff;
}

.estado-lote {
    border-color: #07303a !important;
}

#categorias-leilao {
    display: flex;
    padding: 5px 6px;
    width: fit-content;
    border-radius: 5px;
    gap: 10px;
    align-items: center;
}

#categorias-leilao svg,
.share_leilao svg {
    width: 15px;
    filter: brightness(2);
}

.share_leilao {
    position: relative;
    border-radius: 5px;
    padding: 5px 6px;
    width: fit-content;
    cursor: pointer;
}

.share_preivous .share_leilao {
    background: var(--azul-claro) !important;
}

.nm_status {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 10px;
    gap: 10px;
    color: var(--cor-site);
    font-weight: 600;
    bottom: 0;
    margin-bottom: 2px;
}

.nm_statusmontagem {
    position: absolute;
    font-size: 13px;
    top: 10px;
    left: 10px;
}

.estado-lote-span {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 150px;
    gap: 5px;
}

.estado-lote {
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 2px;
    font-size: 10px;
    height: 20px;
    width: 30px;
}

.categoria_share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

#share-title {
    max-height: 50px;
    overflow-y: auto;
}

#share-title::-webkit-scrollbar {
    width: 5px;
}

#share-title::-webkit-scrollbar-track {
    background: transparent;
}

#share-title::-webkit-scrollbar-thumb {
    background-color: var(--cor-site);
    border-radius: 20px;
}

#nm_leilao {
    color: #6C6C6C;
    font-weight: 600;
    font-size: 12px !important;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 232px;
}

#categorias-leilao,
.share_leilao {
    background: var(--cor-site);
}

.container-lotes-list {
    min-width: 1360px;
}

#leiloes-list li {
    background: transparent;
    background-image: url("https://serrano-desenvolvimento.s3.sa-east-1.amazonaws.com/public/meirelesleiloes/layout/images/card-leilao.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 355px;
    min-width: 291px;
    max-height: 355px;
}

.container-lote-list {
    max-width: 1500px !important;
}

#lotes-list {
    max-width: 1360px !important;
    gap: 3.5rem;
}

#lotes-list .list-lote {
    background: transparent;
    background-image: url("https://serrano-desenvolvimento.s3.sa-east-1.amazonaws.com/public/meirelesleiloes/layout/card-lote-435.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 401px;
    max-height: 401px;
    min-width: 281px;
    max-width: 281px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    padding: 0 20px 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.content-img {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 145px;
}

.content-img .img-lote {
    width: 280px;
    height: 145px;
}

.content-img .img-lote img {
    width: 280px;
    height: 145px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.status-num_lote {
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 255px;
    position: absolute;
    transform: translateY(10px);
}

.status_lote {
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    font-weight: 500;
}

.status_lote.bg-white {
    background-color: rgba(255, 255, 255, 0.5);
}

.num_lote {
    padding: 5px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    border: 0.5px solid #ccc;
    border-radius: 5px;
}

.content-title {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    background-color: #ebebeb;
    width: 260px;
    height: 50px;
    align-items: center;
}

.title_lote {
    font-size: 12px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--azul-escuro);
    font-weight: 600;
}

.content_body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    border-radius: 10px;
    background-color: #ebebeb;
    width: 260px;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.cidade-estado {
    display: flex;
    align-items: center;
}

.icon-label {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--azul-escuro);
    font-family: 'Poppins', sans-serif !important;
}

.vl-avaliacao,
.vl-lanceminimo,
.vl-lanceatual,
.vl-usuario {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--azul-escuro);
}

.button-acessar-lote {
    width: 156px;
    height: fit-content;
    border-radius: 5px;
    padding: 10px;
    background-color: rgba(230, 122, 26, 0.8);
    color: var(--white);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.button-acessar-lote:hover {
    box-shadow: none;
    background-color: rgba(230, 122, 26, 1);
    transition: all 0.3s ease-in-out;
}

img#logo-leilao {
    object-fit: cover;
    width: 99%;
    transform: translate(2px, 2px);
    height: 100%;
    border: 1px solid #cecece;
}

img#logo-leilao,
.imagem-content {
    max-height: 160px;
}

.body-card {
    padding: 1rem 1rem 1.2rem 1rem;
    height: 175px;
}

.header_container,
.content__lote-aberto {
    background-color: #F8F7F7 !important;
}

.header_container,
.content__lote-aberto,
.tabs-info,
#lote-anexos,
#lote-messages {
    border: 0.5px solid #07303A;
}

#leiloes-list li.destaque {
    animation: swap-img 2s infinite alternate;
}

.dropdown_select.disabled {
    background-color: rgb(255 255 255 / 80%);
}

@keyframes swap-img {

    0%,
    100% {
        background-image: url("https://serrano-desenvolvimento.s3.sa-east-1.amazonaws.com/public/meirelesleiloes/layout/images/card-leilao.png");
    }

    50% {
        background-image: url("https://serrano-desenvolvimento.s3.sa-east-1.amazonaws.com/public/meirelesleiloes/layout/images/card-leilao-destaque.png");
    }
}

.lance-atual-valor,
.lance-usuario-nome {
    color: var(--azul-claro) !important;
}

.modal_informacao {
    background-color: var(--azul-claro) !important;
    animation: none !important;
}

.status_leilao_id {
    background-color: var(--azul-claro) !important;
}

.modal_informacao:hover {
    background-color: #20505e !important;
}

.navegacao-lotes,
.selecionar-lote {
    background-color: var(--cor-site) !important;
}

.nu-visitas {
    color: #fff !important;
    gap: 5px;
    background-color: var(--azul-claro);
    padding: 5px 7px;
    border-radius: 4px;
}

.container-background,
.titulo-descricao-lote {
    background-color: #fff !important;
}

.bid-button {
    background-color: var(--cor-site) !important;
    transition: all 0.3s ease-in-out;
}

.bid-button:hover {
    background-color: #c46817 !important;
}

.bid-button-disable {
    background-color: var(--cor-site) !important;
    transition: all 0.3s ease-in-out;
}

.bid-button-disable:hover {
    background-color: rgb(206, 79, 24) !important;
}

.bid-button span,
.bid-button-disable span {
    color: #fab831 !important;
}

.imagem-sem-foto-meireles {
    object-fit: cover;
    border-radius: 10px;
    height: 99% !important;
    width: 99% !important;
}

.share-lote i,
.lote-favorito i {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.lote-favorito,
.share-lote,
.lote-num {
    background-color: var(--cor-site) !important;
    display: flex !important;
    align-items: end !important;
    justify-content: center !important;
    min-width: 25px !important;
    height: 25px !important;
}

.card_titulo .card-titulo-lote {
    color: #07303A !important;
}

.info-local-lote svg {
    width: 15px !important;
    height: 15px !important;
    color: #07303A !important;
}

.info-local-lote,
.info span {
    color: #07303A !important;
}

.modal_condicao {
    background-color: #07303A !important;
    transition: all 0.3s ease-in-out;
}

.modal_condicao:hover {
    background-color: #20505e !important;
}

.estado {
    border: 1px solid var(--azul-claro) !important;
    color: #07303A !important;
}

.card_content-body {
    gap: 8px !important;
}

.componente-lote-li {
    width: 280px !important;
}

.status_leilao_habilitados {
    color: var(--azul-claro) !important;
}

.leilao_habilitados {
    background-color: var(--azul-claro) !important;
}

.buscar-btn {
    background: #07303A !important;
}

.buscar-btn:hover {
    background: #093d4d !important;
}

.limpar-btn {
    display: initial !important;
}

.limpar-btn .icon-close {
    margin-left: 5px;
}

/** Quem somos e indique-nos **/

.o-leiloeiro,
.nome-leiloeiro,
.descricao-leiloeiro {
    font-family: var(--fonte-padrao), sans-serif;
}

.o-leiloeiro,
.indicacao,
.os-leiloes {
    font-size: 16px;
    color: var(--azul-claro);
}

.nome-leiloeiro,
.perguntas-frenquentes,
.indique-leiloeiro,
.como-participar {
    font-size: 30px;
    color: var(--azul-escuro);
    font-weight: var(--font-ultrabold);
}

.nome-leiloeiro-indique {
    font-weight: var(--font-ultrabold);
    color: var(--azul-escuro);
}

.perguntas-frenquentes {
    max-width: 340px;
}

.descricao-leiloeiro,
.descricao-leiloeiro-indique {
    line-height: 1.75rem;
    font-weight: var(--font-light);
    font-size: .875rem;
    color: var(--azul-escuro);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.descricao-leiloeiro-indique {
    gap: 0;
}

.btn__faca-seu-lance,
.btn-login,
.btn-cadastro {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cor-site);
    border: 1px solid var(--cor-site);
    padding: .2rem .4rem;
    color: var(--white);
    border-radius: 6px;
    font-size: 16px;
    font-weight: var(--font-light);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.link-peticao {
    background-color: var(--cor-site);
    border: 1px solid var(--cor-site);
    font-size: 14px;
    padding: .2rem .4rem;
    color: var(--white);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: var(--font-light);
}

.btn__faca-seu-lance:hover,
.link-peticao:hover,
.btn-login:hover,
.btn-cadastro:hover {
    background-color: var(--white);
    color: var(--azul-escuro);
}

.text-menu,
.span-login,
.text-blue-bm {
    color: var(--azul-claro);
}

.span-login {
    font-size: 29px;
    font-weight: 600;
}

.lista-como-participar {
    width: 35rem;
    line-height: 1.75rem;
}

.lista-como-participar li {
    font-weight: 400;
    font-size: 14px;
    color: var(--azul-escuro);
    list-style: inside;
}

.link-como-participar {
    position: relative;
    text-decoration: none;
    color: var(--azul-claro);
    font-weight: var(--font-semibold);
    padding: 2px 4px;
    overflow: hidden;
    z-index: 1;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.link-como-participar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--cor-site);
    transition: bottom 0.3s ease-in-out, height 0.3s ease-in-out;
    border-radius: 5px;
    z-index: -1;
}

.link-como-participar:hover::after {
    bottom: 0;
    height: 100%;
}

.link-como-participar:hover {
    color: var(--white);
    transition: color 0.3s ease-in-out;
}

.bg-login {
    background: linear-gradient(225deg, var(--cor-site) -25%, rgba(255, 255, 255, 0) 95%);
}

.card_content-seguirleiloeiro {
    border-top: var(--border);
    border-bottom: var(--border);
    padding: 0 0 10px 0;
}

.right-content-lote {
    border: var(--border);
}

.item-sem-foto img {
    border: var(--border);
}

.icons-seguirleiloeiro {
    padding-right: 10px;
    margin-left: 10px;
}

.card_content-seguirleiloeiro .card_content-header-seguirleiloeiro .card_titulo {
    padding-left: 10px !important;
}

.card_content-seguirleiloeiro .card_content-header-seguirleiloeiro .card_titulo .card-titulo-lote {
    max-width: 275px !important;
}

.card_content-seguirleiloeiro .card_content-header-seguirleiloeiro .card_content-body {
    padding: 0 10px !important;
}

.card_content-seguirleiloeiro .bid-button,
.card_content-seguirleiloeiro .bid-button-disable {
    width: 90% !important;
    transform: translateX(16px) !important;
}

.no-list {
    color: var(--azul-escuro);
    line-height: 1.75rem;
    font-weight: var(--font-light);
    font-size: .875rem;

}

#mensagem-box {
    background-color: #f8f7f7 !important;
    transition: all 0.3s ease-in-out;
}

#mensagem-box:hover {
    background-color: rgb(202, 98, 98, 1) !important;
    box-shadow: inset -4px -4px 4px rgba(0, 0, 0, 0.2);
}

.container-cookies-accept button {
    padding: 5px 7px !important;
}

.container-cookies-modal-card {
    height: 635px !important;
}

@media (max-width: 1360px) {
    #banners-img-desktop {
        height: 345px;
    }
}

@media (max-width: 1024px) {
    .container-center {
        display: flex;
        justify-content: center;
    }

    #nm_leilao {
        max-width: 205px;
    }
}

@media (max-width: 768px) {
    #nm_leilao {
        max-width: 255px;
    }
}

@media (max-width: 435px) {
    .container-lotes-list {
        min-width: fit-content !important;
    }

    #leiloes-list {
        flex-direction: column;
    }

    #leiloes-list li {
        min-height: 421px;
        max-height: 421px;
    }

    .card_content-seguirleiloeiro {
        width: 100% !important;
        min-height: 364px !important;
        max-height: 364px !important;
    }

    .card_content-seguirleiloeiro .item-sem-foto {
        width: 100%;
    }

    .content-question {
        flex-direction: row;
    }

    .footer-design {
        height: 97px;
    }

    .footer-content {
        display: flex;
        flex-direction: column;
        height: fit-content;
        padding-bottom: 0 !important;
    }

    .content-infos-newsletter {
        height: fit-content;
        justify-content: center;
        align-items: center;
    }

    .infos-newsletter {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 45px;
    }

    .nav-regulamentos {
        gap: 10px 45px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        width: 100%;
        margin: 40px 0 20px 0;
        padding: 0;
        height: fit-content;
    }

    .content-items-contato {
        width: 100%;
        height: 100%;
    }

    .img-termos-links {
        height: fit-content;
        display: flex;
        flex-direction: column;
    }

    .termos-links {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 20px;
        gap: 1rem;
    }
}

@media (min-width: 435px) {
    .container-lotes-list {
        min-width: 1250px !important;
    }
}

:root {
    --fonte-padrao: 'Poppins';
    --azul-claro: #106F8C;
    --azul-escuro: #07303A;
    --cor-prata: #c3c3c3;
    --cor-site: #E67A1A;
    --border: 0.5px solid var(--cor-prata);
    --white: #fff;
    --font-light: 400;
    --font-regular: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-ultrabold: 900;
}