/* ==========================================
   CARD DO EVENTO
========================================== */

.result-card{
    display:flex;
    align-items:flex-start;
    gap:25px;
    padding:20px;
    background:#FFF;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:all .25s ease;
}

.result-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

/* ==========================================
   IMAGEM
========================================== */

.result-card-image{
    width:150px;
    min-width:150px;
    /*height:190px;*/
    border-radius:10px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

/* ==========================================
   CORPO
========================================== */

.result-card-body{
    flex:1;
    display:flex;
    flex-direction:column;
}

.result-card-body h3{
    font-size:var(--fs-h3);
    font-weight:var(--fw-bold);
    color:var(--color-primary);
    margin-bottom:15px;
    line-height:1.2;
}

/* ==========================================
   INFORMAÇÕES
========================================== */

.info-divider{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:18px;
}

.info{
    color:#666;
    font-size:15px;
}

.info i{
    color:var(--color-primary);
    margin-right:6px;
}

/* ==========================================
   BOTÕES
========================================== */
.result-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
    padding-top:15px;
    border-top:1px solid #ececec;
    justify-content:flex-start;
}

.btn-resultado,
.btn-inscritos,
.btn-regulamento,
.btn-resultado-empty{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px !important;
    width:auto !important;
    height:auto;
    border:none;
    border-radius:4px;
    text-decoration:none;
    white-space:nowrap;
    color:#FFF;
    transition:.2s;
}

.btn-resultado{
    background:var(--color-primary);
}

.btn-inscritos{
    background:var(--color-secondary,#4a4063);
}

.btn-regulamento{
    background:#6c757d;
}

.btn-resultado-empty{
    background:#9e9e9e;
}

.btn-resultado:hover,
.btn-inscritos:hover,
.btn-regulamento:hover,
.btn-resultado-empty:hover{
    color:#FFF;
    opacity:.9;
}

/* ==========================================
   PAGINAÇÃO
========================================== */

.paginacao-btn{
    background:#FFF;
    border:1px solid var(--color-primary);
    color:var(--color-primary);
    padding:6px 14px;
    border-radius:50%;
    transition:.2s;
        margin: 2px;
}

.paginacao-btn:hover{
   background:var(--primary-30);
}

.paginacao-btn.active{
    background:var(--color-primary);
    color:#FFF;
}

/* ==========================================
   NOTEBOOK
========================================== */

@media (max-width:1200px){
    .result-card-image{
        width:130px;
        min-width:130px;
    }
}

/* ==========================================
   TABLET
========================================== */
@media (max-width:992px){
    .result-card{
        gap:18px;
    }
    .result-card-image{
        width:120px;
        min-width:120px;
        height:160px;
    }
    .result-card-image{
        display:none;
    }

}

/* ==========================================
   SMARTPHONE
========================================== */
@media (max-width:768px){
    .result-card{
        display:block;
        padding:15px;
    }
    .result-card-image{
        display:none;
    }
    .result-card-body{
        width:100%;
    }
    .result-card-body h3{
        font-size:22px;
    }
    .info-divider{
        margin-bottom:15px;
    }
    .result-buttons{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        justify-content:flex-start;
    }
    .btn-resultado,
    .btn-inscritos,
    .btn-regulamento,
    .btn-resultado-empty{
        width:auto !important;
        padding:10px 14px !important;
        font-size:14px;
    }
}