/* V6.2.7 — CONCLUÍDAS GRANDES + FLUXO DE CAMPANHA */

/* Campanhas concluídas: sempre uma por linha */
.completed-campaigns-section .raffle-section-head{
    align-items:flex-end!important;
}
.completed-campaigns-section .raffle-section-head>div{
    display:block!important;
}
.completed-eyebrow{
    display:block;
    margin-bottom:3px;
    color:#85858e;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.completed-campaigns-section .raffle-section-head>small{
    color:#8a8a93;
    font-size:8px;
}

.completed-campaign-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%;
}

.completed-campaign-card{
    width:100%;
    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    gap:0;
    min-height:132px;
    overflow:hidden;
    border:1px solid #e2e2e7;
    border-radius:14px;
    background:#fff;
    color:#1b1b20;
    box-shadow:0 5px 18px rgba(20,20,30,.035);
    transition:.18s transform,.18s box-shadow,.18s border-color;
}
.completed-campaign-card:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--brand) 20%,#ddd);
    box-shadow:0 10px 28px rgba(20,20,30,.07);
}

.completed-campaign-media{
    position:relative;
    min-height:132px;
    overflow:hidden;
    background:#f0f0f3;
}
.completed-campaign-media img{
    width:100%;
    height:100%;
    min-height:132px;
    object-fit:cover;
    display:block;
}
.completed-placeholder{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#aaaab2;
    font-size:26px;
}
.completed-campaign-media em{
    position:absolute;
    top:9px;
    left:9px;
    padding:6px 8px;
    border-radius:7px;
    background:#19191e;
    color:#fff;
    font-size:8px;
    font-style:normal;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.completed-campaign-content{
    min-width:0;
    padding:14px 15px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
}
.completed-campaign-content>div:first-child>small{
    display:block;
    color:#898991;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.completed-campaign-content h3{
    margin:4px 0 0;
    font-size:16px;
    line-height:1.18;
    letter-spacing:-.02em;
}
.completed-campaign-meta{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}
.completed-campaign-meta span small{
    display:block;
    color:#9999a1;
    font-size:7px;
    text-transform:uppercase;
    font-weight:900;
}
.completed-campaign-meta span b{
    display:block;
    margin-top:2px;
    font-size:10px;
}
.completed-campaign-meta strong{
    color:var(--brand);
    font-size:9px;
    font-weight:900;
}

/* Neutraliza layout horizontal antigo */
.raffle-done-scroll,
.raffle-done-card{
    scroll-snap-type:none!important;
}

@media(max-width:700px){
    .completed-campaign-list{
        gap:8px!important;
    }
    .completed-campaign-card{
        grid-template-columns:128px minmax(0,1fr)!important;
        min-height:108px!important;
        border-radius:13px!important;
    }
    .completed-campaign-media,
    .completed-campaign-media img{
        min-height:108px!important;
        height:108px!important;
    }
    .completed-campaign-content{
        padding:11px 12px!important;
        gap:8px!important;
    }
    .completed-campaign-content h3{
        font-size:13px!important;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .completed-campaign-media em{
        top:7px!important;
        left:7px!important;
        padding:5px 6px!important;
        font-size:7px!important;
    }
    .completed-campaign-meta{
        align-items:center!important;
    }
    .completed-campaign-meta strong{
        font-size:8px!important;
    }
}

@media(max-width:420px){
    .completed-campaign-card{
        grid-template-columns:116px minmax(0,1fr)!important;
    }
}