:root {
	--siglo-base-font-size: 14px;
	--siglo-purple: #7a4bfb;
	--siglo-light-purple: #E9E9FF;
	--siglo-gray: #f9f9fc;
	--siglo-yellow: #ffd900;
	--siglo-black: #333333;
	--siglo-light-blue: #5454d4;
	--siglo-dark-blue: #3700d4;
	--siglo-intense-blue: #4200ff;
	--danger-color: #f14668;
	--regular-text-color: #4a4a4a;
	--card-gray: #f3f3f3;
}

@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir/AvenirLTStd-Roman.otf") format("opentype");
}
@font-face {
	font-family: "Avenir Black";
	src: url("../fonts/Avenir/AvenirLTStd-Black.otf") format("opentype");
}

body {
	font-size: var(--siglo-base-font-size);
	font-family: "Avenir" !important;
	overflow: auto;
}

.checkbox {
	vertical-align: middle;
}

.error {
	color: var(--danger-color);
}

.bk_intense_blue {
	background-color: var(--siglo-intense-blue) !important;
	color: #ffffff;
}

.underlined_text {
	text-decoration: underline;
}

.alternate_font {
	font-family: "Avenir Black";
}

.regular_text_color {
	color: var(--regular-text-color);
}

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

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

.intense_blue_text {
	color: var(--siglo-intense-blue);
}

.purple_text {
	color: var(--siglo-purple);
}

.button_siglo {
	font-family: "Avenir" !important;
	width: 100%;
	text-align: center;
	font-size: var(--siglo-base-font-size);
	font-weight: 600;
	border-color: transparent;
	cursor: pointer;
	border-radius: 8px !important;
	height: unset !important;
	white-space: normal;
}

.button_purple {
	background-color: var(--siglo-purple);
	color: #ffffff;
}
.button_purple:hover {
	color: #ffffff;
	border-color: var(--siglo-purple);
}
.button_purple:active {
	color: #ffffff;
	border-color: var(--siglo-purple);
}
.button_purple:focus {
	color: #ffffff;
}

.button_yellow {
	background-color: var(--siglo-yellow) !important;
	color: var(--siglo-black) !important;
}
.button_yellow:hover {
	color: var(--siglo-black);
	border-color: var(--siglo-yellow);
}
.button_yellow:active {
	color: var(--siglo-black);
	border-color: var(--siglo-yellow);
}
.button_yellow:focus {
	color: var(--siglo-black);
}
.button_yellow:disabled {
	background-color: var(--siglo-yellow);
}

.button_dark_blue {
	background-color: var(--siglo-dark-blue);
	color: #ffffff;
}
.button_dark_blue:hover {
	color: #ffffff;
	border-color: var(--siglo-dark-blue);
}
.button_dark_blue:active {
	color: #ffffff;
	border-color: var(--siglo-dark-blue);
}
.button_dark_blue:focus {
	color: #ffffff;
}

.button_intense_blue {
	background-color: var(--siglo-intense-blue);
	color: #ffffff;
}
.button_intense_blue:hover {
	color: #ffffff;
	border-color: var(--siglo-intense-blue);
}
.button_intense_blue:active {
	color: #ffffff;
	border-color: var(--siglo-intense-blue);
}
.button_intense_blue:focus {
	color: #ffffff;
}

.button_order_2 {
	background-color: var(--siglo-light-purple);
	color: var(--siglo-purple);
}
.button_order_2:hover {
	color: var(--siglo-purple);
	border-color: var(--siglo-light-purple);
}
.button_order_2:active {
	color: var(--siglo-purple);
	border-color: var(--siglo-light-purple);
}
.button_order_2:focus {
	color: var(--siglo-purple);
}

.button_invisible {
	background-color: transparent;
	color: var(--siglo-purple);
	border: 1px solid var(--siglo-purple);
}
.button_invisible:hover {
	color: var(--siglo-dark-blue);
	border: 1px solid var(--siglo-dark-blue);
}
.button_invisible:active {
	color: var(--siglo-dark-blue);
	border: 1px solid var(--siglo-dark-blue);
}
.button_invisible:focus {
	color: var(--siglo-dark-blue);
}

.siglo_info_card {
	border: 2px solid var(--siglo-purple);
	color: var(--siglo-purple);
	border-radius: 10px;
}
.siglo_white_card {
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 2px 8px #E3E3FF;
}
.siglo_gray_card,
.siglo_gray_card_bordered {
	border-radius: 8px;
	background-color: var(--siglo-gray);
}
.siglo_gray_card_bordered {
	border: 3px solid var(--siglo-purple);
}
.siglo_white_box {
	background-color: #ffffff;
	border-radius: 5px;
}

.rounded_corners {
	border-radius: 15px;
}

.service-resume {
	margin-bottom: 12px !important;
}

@media (min-width: 769px) {
	.template_body__container {
		/* min-width: 1152px; */
	}
}

@media (min-width: 1153px) {
	.template_body__container {
		/* min-width: 1344px; */
	}
}

@media (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	.columns_reverse {
		flex-direction: column-reverse;
		display: flex;
		align-items: unset !important;
	}
}