@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');

:root {
	--blue-light: #134C9A;
	--blue-dark: #1D2049;
	--white:  #FFFFFF;
	--white-light: #F7F7F7;
	--purple: #164898;
	--purple-light: #EAE9F9;
	--purple-dark: #1A214F;
	--black: #1C1C1C;
}

* {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}

/* Background color */

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

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

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

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

/* Text color */

.text-blue-light {
	color: var(--blue-light);
}

.text-blue-dark {
	color: var(--blue-dark);
}

.text-purple {
	color: var(--purple);
}

.text-purple-light {
	color: var(--purple-light);
}

.text-purple-dark {
	color: var(--purple-dark);
}

.text-black {
	color: var(--black);
}

/* Button color */

.btn-purple-dark {
	--bs-btn-color: var(--white);
	--bs-btn-bg: var(--purple-dark);
	--bs-btn-border-color: var(--purple-dark);
	--bs-btn-hover-color: var(--white);
	--bs-btn-hover-bg: #190F28;
	--bs-btn-hover-border-color: #18091B;
	--bs-btn-focus-shadow-rgb: 63, 53, 78;
	--bs-btn-active-color: var(--white);
	--bs-btn-active-bg: #18091B;
	--bs-btn-active-border-color: #18043F;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--white);
	--bs-btn-disabled-bg: var(--purple-dark);
	--bs-btn-disabled-border-color: var(--purple-dark)
}

.btn-outline-purple-dark {
	--bs-btn-color: var(--purple-dark);
	--bs-btn-border-color: var(--purple-dark);
	--bs-btn-hover-color: var(--white);
	--bs-btn-hover-bg: var(--purple-dark);
	--bs-btn-hover-border-color: var(--purple-dark);
	--bs-btn-focus-shadow-rgb: 63, 53, 78;
	--bs-btn-active-color: var(--white);
	--bs-btn-active-bg: var(--purple-dark);
	--bs-btn-active-border-color: var(--purple-dark);
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--purple-dark);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--purple-dark);
	--bs-gradient: none;
}

/* All */

.title {
	font-size: 3em;
	font-weight: 800;
}

.description {
	font-weight: 400;
}

.background-inicio {
	background-image: url('../img/banner-8.png');
	background-color: var(--white-light);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
	max-width: 100%;
    height: auto;
}

.background-contacto {
	background-image: url('../img/foto-formulario-contacto-8.png');
	background-color: var(--white-light);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
	max-width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.background-empresas {
	background-image: url('../img/Recurso-26-8.png');
	background-color: var(--white-light);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
	max-width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 576px) {
    .background-inicio {
        background-color: var(--purple-light);
    }
}