/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/form-home-banner-principal/edit.css ***!
  \*********************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/form-home-banner-principal/save.css ***!
  \*********************************************************************************************************************************************************************************************/
.wp-block-form-home-banner-principal {
	background-color: #f4f2f1;
	box-shadow: 4px 4px 0 0 #00000040;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: auto;
	max-width: 1280px;
	padding: 32px 16px;
	width: 100%;
}

.wp-block-form-home-banner-principal h2 {
	color: #171A88;
	font-family: 'Galano', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
}

.wp-block-form-home-banner-principal .description {
	color: #4D4C4C;
	font-family: 'Segoe Ui', sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
}

.wp-block-form-home-banner-principal .info {
	font-family: "Segoe UI", sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}

.wp-block-form-home-banner-principal .grid {
	background-color: #fff;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0px;
}

.wp-block-form-home-banner-principal .grid > div {
		padding: 16px 16px 0 16px;
		box-sizing: border-box;
		border: solid 1px #E5E4E3;
		gap: 0;
	}

.wp-block-form-home-banner-principal .grid > div input {
		border: 0px;
	}

.wp-block-form-home-banner-principal .grid > div input:focus-visible {
		border: 0;
		outline: none;
	}

.wp-block-form-home-banner-principal .grid > div.select-control::after {
		right: 16px;
		bottom: 28px;
	}

.wp-block-form-home-banner-principal .grid > div.select-control div.options {
		width: calc(100% - 4px);
		top: 100%;
		left: 0;
	}

.wp-block-form-home-banner-principal .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-direction: column-reverse;
}

.wp-block-form-home-banner-principal .row .wp-block-buttons {
	width: 100%;
}

.wp-block-form-home-banner-principal .row .wp-block-buttons .wp-block-button {
	width: 100%;
}

.wp-block-form-home-banner-principal .row .wp-block-buttons .wp-block-button .wp-element-button {
	width: 100%;
}

@media( min-width: 960px ){
	.wp-block-form-home-banner-principal {
		background-color: #fff;
		gap: 24px;
		padding: 24px 24px 12px 24px;
	}
	.wp-block-form-home-banner-principal .info {
		font-size: 12px;
		line-height: 16px;
		font-weight: 400;
	}
	.wp-block-form-home-banner-principal .grid {
		grid-template-columns: repeat(3, 1fr);
		background-color: transparent;
	}
	.wp-block-form-home-banner-principal .row {
		flex-direction: row;
		gap: 128px;
	}
	.wp-block-form-home-banner-principal .row .wp-block-buttons {
		width: auto;
	}
	.wp-block-form-home-banner-principal .row .wp-block-buttons .wp-block-button {
		width: auto;
	}
	.wp-block-form-home-banner-principal .row .wp-block-buttons .wp-block-button .wp-element-button {
		width: auto;
	}
	.wp-block-form-home-banner-principal .description {
		font-size: 14px;
		font-weight: 700;
		line-height: 24px;
	}
}

/*# sourceMappingURL=index.css.map*/