/* Paleta de Cores baseada na Logo */
:root {
    --primary-green: #006400; /* Verde escuro do trevo */
    --accent-gold: #FFD700;   /* Dourado das letras */
    --accent-orange: #FF8C00; /* Detalhes em laranja */
    --bg-light: #f8f9fa;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bg-light);
}

/* Fundo Verde Personalizado */
.bg-custom-green {
    background: linear-gradient(135deg, #004d00 0%, #008000 100%);
}

.text-custom-green {
    color: var(--primary-green);
}

/* Efeito no Mascote */
.mascote-animado {
    filter: drop-shadow(0 10px 10px rgba(0,0,0,0.3));
    transition: transform 0.3s ease;
}

.mascote-animado:hover {
    transform: scale(1.02) rotate(-2deg);
}

/* Hero Section */
.hero-section {
    background: url('../img/bg-pattern.png'), linear-gradient(180deg, var(--primary-green) 0%, #004d00 100%);
    /* Se não tiver imagem de fundo, o gradiente resolve */
    border-bottom: 5px solid var(--accent-gold);
}

/* Botões */
.btn-warning {
    background-color: var(--accent-gold);
    border: none;
    color: #000;
}

.btn-warning:hover {
    background-color: #e6c200;
    color: #000;
}

/* Cards de Produtos */
.card {
    transition: transform 0.2s;
    border-width: 2px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.bg-light-yellow {
    background-color: #fffbe6;
}

/* Responsividade para imagens dos bilhetes */
.card-img-top {
    max-height: 250px;
    object-fit: contain;
}