@charset "UTF-8";

/* DIVERZONA BLEX CSS Document */

:root {
	--bs-primary: #F2A73B;
	--bs-primary-rgb: 242, 167, 59;
	--bs-light-primary-red: #E85A24;
	--bs-light-primary-red-rgb: 232, 90, 36;
	--bs-azul: #29D1D4;
	--bs-azul-rgb: 41, 209, 212;
	--bs-verde: #13CFA9;
	--bs-verde-rgb: 19, 207, 169;
	--bs-rosa: #D73D73;
	--bs-rosa-rgb: 215, 61, 115;
	--bs-secondary: #4d4d4d00;
	--bs-secondary-rgb: 77, 77, 77;
	--bs-light-secondary: #383f46;
	--bs-light-secondary-rgb: 56, 63, 70;
	--bs-light-gray: #f1f1f1;
	--bs-font-sans-serif: 'Open Sans', Arial, sans-serif;
	--bs-gradient: linear-gradient(to right, var(--bs-primary) 0%,var(--bs-light-primary-red) 75%);
	--bs-gradient-vertical: linear-gradient(to bottom, var(--bs-primary) 0%,var(--bs-light-primary-red) 75%);
	--bs-gradient-vertical-opacity: linear-gradient(to bottom, rgba(var(--bs-primary-rgb), .85) 0%,rgba(var(--bs-light-primary-red-rgb), .85) 75%);
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-secondary: "Gilroy";
	--bs-body-color: #ffffff;
	--bs-body-bg: var(--bs-white);
	--bs-body-color-rgb: 255, 255, 255;
	--bs-body-bg-rgb: var(--bs-white-rgb);
	--bs-text: var(--bs-body-color);
	--bs-text-black: #4D4D4D;
	--bs-dark: #000;
	--bs-dark-rgb: #4D4D4D;
}

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

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke: var(--bs-white) !important;
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-body-color);
}

.form-switch .form-check-input:focus:not(:checked) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e3151b'/%3e%3c/svg%3e");
}

.form-check-input:focus {
	border-color: var(--bs-light-primary-red);
	box-shadow: 0 0 0 0;
}
.btn-primary{
	color: var(--bs-body-color);
	background-color: var(--bs-light-primary-red) !important;
	border-color: var(--bs-light-primary-red) !important;
	width: 205px;
	height: 53px;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.active {
	background-color: transparent !important;
}

.btn-secondary{
	color: var(--bs-body-color);
	border: var(--bs-rosa);
	background-color: var(--bs-rosa) !important;
	width: 205px;
	height: 53px;
}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.active {
	background-color: transparent !important;
	border: solid 1px var(--bs-body-color);
}

.btn-azul{
	color: var(--bs-body-color);
	border: var(--bs-azul);
	background-color: var(--bs-azul) !important;
	width: 260px;
	height: 53px;
}

.btn-azul:hover,.btn-azul:focus,.btn-azul.active {
	background-color: transparent !important;
	border: solid 1px var(--bs-body-color);
}