/* Remove margem e preenchimento padrão de todos os elementos e define o box-sizing para incluir padding e bordas na largura/altura total */
   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Garante que a altura mínima da página cubra toda a tela e define uma fonte base para o documento */
html,
body {
    min-height: 100vh; /* Garante que o fundo cubra 100% da altura da tela */
    font-family: 'Inter', sans-serif; /* Define a fonte padrão para o site */
}

/* Limita a largura de contêineres personalizados a 500px — útil para centralizar conteúdos em telas maiores */
.custom-container {
    max-width: 500px;
}

/* Define asteriscos de campos obrigatórios com cor vermelha. O uso de !important força essa cor mesmo se houver estilos conflitantes */
.asteriskField {
    color: red !important;
}