@charset "UTF-8";

:root {
    --gold-diocesan: #b2945e;
    --blue-church: #1a2a40;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #333;
}

h1,
h2,
h3 {
    font-family: 'Playfair Display', serif;
}

.nome-escola {
    font-family: 'Playfair Display', serif;
}

.navbar {
    background-color: var(--blue-church);
}

.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://edfc.com.br/assets/images/escola-catequetica-logo_350x350.png') center/cover;
    color: white;
    padding: 100px 0;
}

.btn-primary {
    background-color: var(--gold-diocesan);
    border: none;
}

.btn-primary:hover {
    background-color: #8e754a;
    color: #000;
}

.feature-icon {
    color: var(--gold-diocesan);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.footer {
    background: #f8f9fa;
    border-top: 4px solid var(--gold-diocesan);
    padding: 40px 0;
}