:root {
    --color-primary: #0A2647;
    --color-secondary: #144272;
    --color-accent: #205295;
    --color-light: #F2F2F2;
    --color-dark: #333333;
}

body {
    color: var(--color-dark);
}

.navbar {
    background-color: var(--color-primary) !important;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--color-accent);
}

.btn-primary {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.btn-primary:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-primary {
    color: var(--color-accent);
    border-color: var(--color-accent);
}

.btn-outline-primary:hover {
    background-color: var(--color-accent);
    color: #FFFFFF;
}

/* .hero {
    background-color: var(--color-primary);
    color: #FFFFFF;
} */

.section {
    padding: 4rem 0;
}

.section-light {
    background-color: var(--color-light);
}

.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-title {
    color: var(--color-primary);
}

footer {
    background-color: var(--color-primary);
    color: #FFFFFF;
}

.hero {
    /*background-color: #f8f9fa;*/
    padding: 6rem 0;
    background-image: url('../img/santiago_masked.jpg');
    background-size: cover;
    background-position: center;
}

.section {
    padding: 4rem 0;
}

.text-title {
    color: var(--text-teal);
}

.wa-link {
    transition: 0.3s ease;
    color: green;
    text-decoration: none;
}

/* .wa-link:hover {
    color: #25D366;
    text-decoration: none;
} */

.link-green {
    transition: 0.3s ease;
    color: white;
    text-decoration: none;
}

.link-green:hover, .wa-link:hover {
    color: #25D366;
    text-decoration: none;
}