* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background: #f3f3f3;
}

header {
    background: #e60000;
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 24px;
}

/* -------------------------
   SEÇÃO DE DESTAQUES
   ------------------------- */

.container-destaques {
    display: flex;
    gap: 20px;
    padding: 20px;
}

.destaque-principal {
    flex: 2;
    background: #ffffff;
    height: 350px;
    padding: 20px;
    border-radius: 8px;
}

.destaque-lateral {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.destaque-lateral-item {
    background: #ffffff;
    height: 165px;
    padding: 20px;
    border-radius: 8px;
}

/* -------------------------
   COLUNAS DE NOTÍCIAS
   ------------------------- */

.container-colunas {
    display: flex;
    gap: 20px;
    padding: 20px;
}

.coluna {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.box {
    height: 150px;
    background: white;
    padding: 20px;
    border-radius: 8px;
}

/* -------------------------
   RODAPÉ
   ------------------------- */

footer {
    background: #222;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}