/* Arquivo: style.css */
/* Objetivo: Definir o visual do aplicativo com a estética do iOS */

/* Reset básico para tirar margens indesejadas */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Fonte padrão Apple */
}

/* Fundo da tela padrão iOS (cinza bem claro) */
body {
    background-color: #F2F2F7;
    color: #1C1C1E;
    padding-bottom: 80px; /* Espaço para o menu inferior não tampar o conteúdo */
}

/* Cabeçalho do App */
header {
    padding: 20px;
    padding-top: 40px; /* Espaço para a barra superior do iPhone (relógio/bateria) */
    background-color: #F2F2F7;
}

header h1 {
    font-size: 28px;
    font-weight: bold;
}

/* Container principal para alinhar os elementos */
.container {
    padding: 0 20px;
}

/* Estilo dos Cartões (Cards brancos) */
.card {
    background-color: #FFFFFF;
    border-radius: 16px; /* Bordas bem arredondadas padrão iOS */
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Sombra bem leve */
}

.card h2 {
    font-size: 18px;
    color: #8E8E93; /* Cinza escuro para subtítulos */
    margin-bottom: 15px;
    font-weight: 600;
}

/* Valores em destaque nos cartões */
.valor-destaque {
    font-size: 32px;
    font-weight: bold;
    color: #000000;
}

/* Lista de Categorias */
.lista-categorias {
    list-style: none;
}

.item-categoria {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #E5E5EA; /* Linha divisória fina */
}

.item-categoria:last-child {
    border-bottom: none; /* Tira a linha do último item */
}

.cat-nome {
    font-size: 16px;
    font-weight: 500;
}

.cat-valor {
    font-size: 16px;
    color: #8E8E93;
}

/* Barra de Progresso (Para o Plano de Recuperação) */
.barra-fundo {
    background-color: #E5E5EA;
    border-radius: 10px;
    height: 12px;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}

.barra-progresso {
    background-color: #34C759; /* Verde Apple */
    height: 100%;
    border-radius: 10px;
}

.texto-progresso {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #8E8E93;
}

/* Menu de Navegação Inferior (Fixo na tela) */
.menu-inferior {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* Branco um pouco transparente */
    backdrop-filter: blur(10px); /* Efeito de vidro embaçado (Blur do iOS) */
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
    border-top: 1px solid #E5E5EA;
    padding-bottom: 25px; /* Espaço para a barra inferior do iPhone */
}

.menu-item {
    text-align: center;
    color: #8E8E93;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

.menu-item.ativo {
    color: #007AFF; /* Azul Apple para o item selecionado */
}

.icone {
    font-size: 24px;
    display: block;
    margin-bottom: 3px;
}

/* Botão Flutuante Central (Lançamento Rápido) */
.btn-flutuante {
    background-color: #007AFF;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-decoration: none;
    margin-top: -10px;
    box-shadow: 0 4px 10px rgba(0, 122, 255, 0.4);
}