@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --azul-camanchaca: #0067c3;
    --color-1: #0058c1;
    --color-2: #154289;
    --color-3: #6fcfff;
    --color-4: #ff9721;
    --color-5: #ff41c0;
}

* {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, p, form {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

.color-fondo {
    background-color: var(--azul-camanchaca) !important;
    color: #fff;
}

.bg-1 {
    background-color: var(--color-1);
}

.bg-2 {
    background-color: var(--color-4);
}

.bg-3 {
    background-color: var(--color-5);
}

.bg-4 {
    background-color: var(--color-3);
}

.txt-blanco {
    color: #fff !important;
}

.txt-azul {
    color: var(--azul-camanchaca) !important;
}

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