/* style/style.css */

/* Configurações Globais */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root {
    --cor-fundo: #dfecfa;
    --cor-texto-h1: #000000;
    --cor-primaria: #007bff;
    --cor-texto-paragrafo: #4a5568;
    --cor-fundo-card: #ffffff;
    --cor-fundo-card-escuro: #2d3748;
    --cor-borda-card: #e0eefc;
}

body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto-h1);
    min-height: 100vh;
    display: block; 
    padding: 5px; /* Espaço para proximo card */
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-bottom: 70px !important; /* Espaço para a barra de menu fixa */
}

.container {
    width: 100%;
    max-width: 1100px; /* Sua preferência de largura */
    margin: 0 auto;    /* O segredo da centralização horizontal */
    display: flex;
    flex-direction: column;
    gap: 8px;         /* Espaçamento entre os cards */
    padding-top: 179px; /* Espaço para o header fixo */
}

/* Scroll suave para links internos */
html {
    scroll-behavior: smooth;
}

/* Garante que imagens e ícones não quebrem o layout */
img {
    max-width: 100%;
    height: auto;
}

/* --- RESPONSIVIDADE GLOBAL (MOBILE) --- */
@media (max-width: 768px) {
    /* 1. Ajuste do Container */
    .container {
        padding: 5px; /* Reduz o padding lateral para aproveitar melhor o espaço */
        padding-top: 120px; /* Ajuste se o header fixo for menor no mobile */
        gap: 10px;
    }
}