@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;600;800&display=swap');
/* Generales */

/* GENERALES - DOCUMENT */

h1, h2, h3, h4, h5 {
	font-family: 'Work Sans'!important;
}
p, a, li, span, label, h6, textarea, label {
	font-family: 'Barlow'!important;
}

::placeholder {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 500;
	font-size: 16px!important;
	line-height: 20px;
}
input {
	accent-color: #E32424;
}
body {
    max-width:100%!important;
	    margin: 0;
    }
form {
	padding: 20px 15%;
}

.tit-question {
	font-weight: 600;
    font-size: 17px;
    font-family: 'Work Sans'!important;
	margin-top:30px;
}
.reverse {
	    align-items: flex-start;
    justify-content: left;
    flex-direction: row-reverse;
}

  .layout-canvas-g > .section {
    margin: 0!important;
}
	.header-ifm {
		background-color:#171736; 
		padding: 20px 15%
	}
  .header-ifm h2 {
    margin-top: 20px;
    margin-bottom: 15px!important;
	color:white; 
	font-family: 'Work Sans'; 
	font-size: 36px; 
	font-weight: 600; 
	letter-spacing:.5px; 
	margin-bottom:auto; 
	line-height:0
  }
.header-wrap {
	display:flex; 
	justify-content:space-between; 
	align-items:flex-end
}
input[type="text"], input[type="email"], input[type="phone"], textarea, select {
	font-family: 'Barlow'!important;
	padding: 14px 16px!important;
	background: #F2F2F5!important;
	border: 1px solid #F2F2F5!important;
	border-radius: 4px!important;
	margin-top: 6px!important;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="phone"]:focus, textarea:focus, select:focus,input[type="text"]:focus-visible,input[type="email"]:focus-visible,input[type="phone"]:focus-visible, textarea:focus-visible, select:focus-visible {
	border: 1px solid #8322FA!important;
	box-shadow: none!important;
	outline: none!important;
}

input[type="submit"], .a-btn {
	font-family: 'Barlow'!important;
		font-size: 17px!important;
		border: 1px solid black!important;
		color: white;
		background: black;
		border: none;
		padding: 14px 28px;
		font-weight: 600;
		margin: 0px auto 20px;
		transition: all .2s;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		cursor: pointer;
		grid-column-start: 1;
		grid-column-end: 3;
		margin-bottom: 20px!important;
		display: block;
}
input[type="submit"]:hover, .a-btn:hover  {
		border: 1px solid #292152!important;
		background: #292152;
}
/* Radio buttons set */
/* Checkbox set */
.checkbox-set, .radio-set {
	   grid-column: span 2;
	margin-bottom:20px;
}
.checkbox-set .checkboxes-wrap, .radio-set .radio-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.checkbox-set input[type="checkbox"], .radio-set input[type="radio"] {
	display: none!important;
}

.checkbox-set input[type="checkbox"] + label,.radio-set input[type="radio"] + label {
	font-family: 'Barlow';
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
	background-color: #efeff3;
	padding: 12px 18px;
	min-height: 24px;
	display: inline-block;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
}

.checkbox-set input[type="checkbox"]:checked + label, .radio-set input[type="radio"]:checked + label {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-color: #000;
	color: white;
}
#form_positivo, #form_negativo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px auto;
}

@media (max-width: 768px) {
h2 {
    font-size: 24px!important;
    line-height: 1.2!important;
}
.header-ifm {
    background-color: #171736;
    padding: 20px 5%;
}
	form {
    padding: 20px 5%;
	}
.header-ifm h2 {
    font-size: 20px!important;
    margin-bottom: -5px!important;
    line-height: 1.1!important;
    margin-top: 0!important;
    padding-left: 15px;
}
}