/* ==================================================
BRIEFINGS PAGE
================================================== */

.briefings-page{

    padding-top:220px;
    padding-bottom:140px;

}

/* ==================================================
HEADER
================================================== */

.page-header{

    max-width:900px;

    margin-bottom:70px;
}

.page-tag{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

    color:var(--primary);

    font-size:.75rem;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;
}

.page-tag::before{

    content:'';

    width:45px;

    height:2px;

    background:var(--primary);
}

.page-header h1{

    font-size:3rem;

    line-height:1.15;

    color:var(--brown);

    margin-bottom:20px;

    font-weight:800;
}

.page-header p{

    max-width:700px;

    color:var(--muted);

    line-height:1.9;
}

/* ==================================================
FILTROS
================================================== */

.briefing-filters{

    display:grid;

    grid-template-columns:
    2fr
    1fr
    1fr
    1fr
    auto;

    gap:15px;

    margin-bottom:80px;
}

.filter-group input,
.filter-group select{

    width:100%;

    height:56px;

    padding:0 18px;

    border:1px solid var(--border);

    background:white;

    border-radius:14px;

    font-family:inherit;

    font-size:.92rem;

    outline:none;

    transition:.3s;
}

.filter-group input:focus,
.filter-group select:focus{

    border-color:var(--primary);
}

.filter-btn{

    height:56px;

    padding:0 28px;

    border:none;

    border-radius:14px;

    background:var(--primary);

    color:white;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.filter-btn:hover{

    background:var(--brown);
}

/* ==================================================
LISTA
================================================== */

.briefings-list{

    margin-top:20px;
}

/* ==================================================
ITEM
================================================== */

.briefing-item{

    padding:45px 0;

    border-top:1px solid var(--border);

    transition:.35s ease;
}

.briefing-item:last-child{

    border-bottom:1px solid var(--border);
}

.briefing-item:hover{

    padding-left:15px;
}

/* ==================================================
META
================================================== */

.briefing-top{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:20px;
}

.briefing-type{

    padding:7px 14px;

    border-radius:999px;

    background:#F7EFE6;

    color:var(--primary);

    font-size:.72rem;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;
}

.briefing-theme{

    color:var(--brown);

    font-size:.85rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;
}

/* ==================================================
RISK
================================================== */

.risk-badge{

    padding:7px 14px;

    border-radius:999px;

    font-size:.72rem;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;
}

.risk-baixo{

    background:#EEF7EF;

    color:#2D7A38;
}

.risk-medio{

    background:#FFF4E5;

    color:#B26A00;
}

.risk-alto{

    background:#FDEAEA;

    color:#B42318;
}

/* ==================================================
TITLE
================================================== */

.briefing-item h2{

    margin-bottom:15px;
}

.briefing-item h2 a{

    text-decoration:none;

    color:var(--brown);

    font-size:2rem;

    line-height:1.3;

    font-weight:800;

    transition:.3s;
}

.briefing-item h2 a:hover{

    color:var(--primary);
}

/* ==================================================
DATE
================================================== */

.briefing-date{

    margin-bottom:18px;

    color:var(--muted);

    font-size:.85rem;

    letter-spacing:1px;

    text-transform:uppercase;
}

/* ==================================================
SUMMARY
================================================== */

.briefing-item p{

    max-width:850px;

    color:var(--muted);

    line-height:1.9;

    margin-bottom:25px;
}

/* ==================================================
READ MORE
================================================== */

.read-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--primary);

    text-decoration:none;

    font-weight:800;

    transition:.3s;
}

.read-link:hover{

    transform:translateX(5px);
}

/* ==================================================
EMPTY
================================================== */

.empty-state{

    background:white;

    border:1px solid var(--border);

    border-radius:24px;

    padding:60px;

    text-align:center;

    color:var(--muted);
}

/* ==================================================
PAGINATION
================================================== */

.pagination-wrapper{

    margin-top:80px;

    display:flex;

    justify-content:center;
}

/* ==================================================
RESPONSIVO
================================================== */

@media(max-width:1100px){

    .briefing-filters{

        grid-template-columns:
        1fr
        1fr;

    }
}

@media(max-width:768px){

    .briefings-page{

        padding-top:150px;
        padding-bottom:100px;
    }

    .page-header h1{

        font-size:2rem;
    }

    .briefing-filters{

        grid-template-columns:1fr;
    }

    .briefing-item h2 a{

        font-size:1.5rem;
    }

    .briefing-item{

        padding:35px 0;
    }

}