/* Estilos globais */
body {
    font-family: 'Arial', sans-serif; /* Fonte mais comum e legível */
    margin: 0;
    padding: 0;
    background-color: #fdf5e6; /* Um bege bem clarinho, aconchegante */
    color: #5c3a21; /* Marrom escuro para o texto, bom contraste */
    line-height: 1.6;
}

/* Cabeçalho */
header {
    background-color: #ffb6c1; /* Rosa claro, carinhoso */
    color: #ffffff; /* Texto branco para contraste */
    padding: 2em 0; /* Mais espaçamento */
    text-align: center;
    border-bottom: 3px solid #e99aaa; /* Borda rosa um pouco mais escura */
}

header h1 {
    margin: 0;
    font-size: 2.5em; /* Tamanho maior para o título principal */
    font-weight: bold;
}

/* Conteúdo Principal */
main {
    padding: 20px;
    max-width: 800px;
    margin: 30px auto; /* Margem aumentada em cima/baixo */
    background-color: #ffffff; /* Fundo branco para o conteúdo */
    border-radius: 8px; /* Bordas arredondadas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra mais suave */
}

section {
    margin-bottom: 30px; /* Espaçamento entre seções */
}

h2 {
    color: #d147a3; /* Rosa vibrante para subtítulos */
    font-size: 1.8em; /* Tamanho dos subtítulos */
    border-bottom: 2px solid #f0e4d7; /* Linha sutil abaixo dos subtítulos */
    padding-bottom: 10px;
    margin-bottom: 15px;
}

p {
    font-size: 1.1em; /* Tamanho de parágrafo um pouco maior */
    text-align: justify; /* Texto justificado para melhor leitura */
}

/* Seção de Fotos */
#foto {
    text-align: center;
}

.placeholder-imagem {
    border: 2px dashed #ffb6c1; /* Borda tracejada rosa */
    padding: 20px;
    margin: 20px auto;
    max-width: 400px;
    background-color: #fff8f9; /* Fundo levemente rosado para o placeholder */
    border-radius: 8px;
}

.placeholder-imagem p {
    color: #d147a3;
    font-style: italic;
}

/* Rodapé */
footer {
    text-align: center;
    padding: 1.5em 0;
    background-color: #5c3a21; /* Marrom escuro, combinando com o texto */
    color: #fdf5e6; /* Texto bege claro no rodapé */
    /* position: fixed; /* Removido para não sobrepor conteúdo em telas menores */
    /* bottom: 0; */
    width: 100%;
    margin-top: 40px; /* Espaço antes do rodapé */
}

footer p {
    margin-bottom: 20px;
}

.particle {
    position: fixed;
    z-index: 1000; /* Ensure they are on top of most other content */
    pointer-events: none; /* So they don't interfere with mouse interactions */
    user-select: none; /* Prevent text selection */
}

.heart {
    /* Specific heart styling if needed, e.g., color, though emoji color is standard */
    /* We can add a slight text shadow for depth if desired */
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.sparkle {
    /* Specific sparkle styling if needed */
    /* A text shadow can make sparkles pop a bit more */
    text-shadow: 0 0 5px rgba(255,255,200,0.7);
}