:root {
    /* Cores extraídas da logomarca Doces Goianão */
    --azul-goianao: #004a99;      /* Azul do nome 'GOIANÃO' */
    --amarelo-goianao: #ffed00;   /* Amarelo do fundo da abelhinha */
    --vermelho-detalhe: #ed1c24;  /* Vermelho dos detalhes da logo */
    --branco: #ffffff;
    --cinza-claro: #f9f9f9;
}

* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

body { 
    background-color: var(--amarelo-goianao); /* Fundo amarelo conforme a logo */
    display: flex; 
    justify-content: center; 
    align-items: center; 
    min-height: 100vh;
    padding: 20px;
}

.container { 
    text-align: center; 
    max-width: 450px; 
    padding: 40px 30px;
    background: var(--branco);
    border-radius: 30px;
    /* Borda azul para destacar o card */
    border: 4px solid var(--azul-goianao);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.main-logo { 
    width: 100%; 
    max-width: 250px; 
    margin-bottom: 25px;
}

h1 { 
    color: var(--azul-goianao); 
    font-size: 1.8rem; 
    margin-bottom: 10px;
    text-transform: uppercase;
}

p { 
    font-size: 1.05rem; 
    color: #444; 
    margin-bottom: 35px; 
}

.action-buttons { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
}

/* Botão do Catálogo nas cores da marca */
.btn-catalog {
    background-color: var(--azul-goianao);
    color: var(--branco);
    padding: 18px;
    text-decoration: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: 1.1rem;
    transition: transform 0.2s, background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-catalog:hover {
    background-color: #003366;
    transform: translateY(-2px);
}

/* Botão WhatsApp */
.btn-whatsapp {
    background-color: #25D366;
    color: white;
    padding: 18px;
    text-decoration: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: 1.1rem;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-whatsapp:hover {
    background-color: #128C7E;
    transform: translateY(-2px);
}

.contact-info {
    margin-top: 30px;
    font-size: 0.9rem;
    color: var(--azul-goianao);
    font-weight: 600;
}