.leilao-banner {
    height: 400px;
    width: 100%;
    background: #23428d;
    display: inline-flex;
    align-items: center;
}

.leilao-descbanner {
    color: #fff;
}

.leilao-descbanner h1 {
    font-size: 48px;
    margin-bottom: 40px;
}

.leilao-descbanner p {
    font-size: 26px;
    line-height: 35px;
    font-weight: 100;
}

.leilao-bannercontent {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}


.leilao-menu {
    background: #7AB72F;
    color: #fff;
}

.leilao-menu ul {
    list-style: none;
    padding: 20px 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin-bottom: 0;
    font-size: 18px;
}

.leilao-menu ul li a {
    color: #fff;

}

.leilao-menu ul li a[class="active"] {
    color: #23428d;
    font-weight: bold;
}

.leilao-content {
    margin-bottom: 80px;
}

.leilao-page-title {
    width: 100%;
    text-align: center;
    margin: 60px 0 80px 0;
}

.leilao-page-title h1 {
    font-size: 45px;
    color: transparent !important;
    
    -webkit-text-stroke: 1px #8fd95d !important;
    
    font-family: "AvenirNextBold", sans-serif !important;
    
    /* Um leve ajuste de brilho para ajudar na leitura sobre o fundo */
    text-shadow: none !important; 
    letter-spacing: 2px !important; 

}

/* Estilização Geral dos Botões */
.btn-block-leilao {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 10px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease; /* Faz a transição suave */
    text-align: center;
    border: 2px solid transparent;
}

/* Estilo para os botões de Treinamento (Cinza/Azul) */
.btn-default-trei {
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #ddd;
    width: 100%; /* Para ficarem um embaixo do outro no grid original */
    max-width: 400px;
}

/* HOVER - Efeito ao passar o mouse nos botões de Treinamento */
.btn-default-trei:hover {
    background-color: #0054a6; /* Azul Petronect */
    color: #ffffff !important;
    border-color: #003d7a;
    transform: translateY(-2px); /* Levanta levemente o botão */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


.btn-default-leilao {
    background-color: #8fd95d;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

/* HOVER - Efeito ao passar o mouse no botão de Inscrição */
.btn-default-leilao:hover {
    background-color: #8fd95d;
    color: #000;
    transform: scale(1.05); /* Aumenta levemente de tamanho */
    box-shadow: 0 5px 15px rgba(98, 255, 0, 0.4);
}

/* Ajuste no layout dos links para não ficarem grudados */
.content-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.leilao-cards {
    display: grid;
    grid-template-columns: 412px 412px;
    grid-row-gap: 50px;
}

.leilao-card {
    box-shadow: 0px 0px 14px rgba(36, 36, 36, 0.3);
    border-radius: 8px;
    cursor: pointer;
}

.leilao-card>.img {
        width: 100%;
        height: 295px;
        display: flex;
        justify-content: center;
        align-items: center;
}

.leilao-card>.img>img {
        width: 300px;
        height: 300px;
        /* object-fit: fill; */
}

.leilao-card-header {
    display: grid;
    grid-template-columns: 1fr 0.4fr;
    color: #000;
    border-radius: 8px;
}

.leilao-card-header .leilao-card-title {
    background: #fff;
    font-size: 26px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
}

.leilao-card-header .leilao-card-status {
    background: #fff;
    font-size: 14px;
    padding: 0px 25px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
}


.leilao-card-header .leilao-card-status .up {
    margin-top: 5px;
}

.leilao-card-header .leilao-card-status .down {
    margin-bottom: 5px;
}

.leilao-card-header .leilao-card-status p {
    margin-bottom: 0;
}

.leilao-card-body {
    padding: 0 20px;
}

.leilao-card-body ul {
    list-style: none;
    margin: 0;
    padding: 15px 25px;
    font-size: 18px;
}

.leilao-cards-container {
    display: flex;
    justify-content: center;
}

.leilao-in-title {margin-bottom: 30px;}
.leilao-in-title ul{list-style: none; display: flex; margin:0; padding: 0; font-size: 18px;}
.leilao-in-title ul li{margin-right:20px;}

.leilao-in-context-desc-btn{padding-top: 20px;}

.leilao-in-container{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.leilao-in-content{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; font-size: 16px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.leilao-in-left{display: flex; flex-direction: column; justify-content: space-around;}
.leilao-in-right{display: flex; flex-direction: column; justify-content: space-around;}
.leilao-in-context{}
.leilao-in-context .leilao-in-context-title{font-weight: bold;}
.leilao-in-context .leilao-in-context-desc{}

.leilao-form-btn {background:#23428d; border-radius: 68px; color: #fff; padding: 10px 20px;}
.leilao-form-btn:hover {text-decoration: none;}

.leilao-in-attch-info b{font-size: 18px;}
.leilao-in-attch-info p{margin-top: 20px;}

.leilao-moda-content .title {font-size: 30px; font-weight: bold;}

.leilao-moda-content {margin-top: 70px; background: #fbfbfb; padding: 28px;}

.btn-block-leilao{ }
.btn-default-leilao{background:#23428d; color: #fff; padding: 20px 40px; border-radius: 100px;}


.leilao-trei-content .title {font-size: 30px; font-weight: bold;}

.leilao-trei-content {margin-top: 70px; background: #fbfbfb; padding: 28px;}
.links-trei { display: flex; justify-content: center;}
.content-links{ display: grid; grid-template-columns: 400px 400px; grid-gap: 30px;}
.btn-default-trei{background:#23428d; color: #fff; padding: 20px 40px; border-radius: 100px; text-align: center;}
.btn-default-trei:hover{text-decoration: none;}