/*!
Theme Name: dfl_ecommerce
Author: dofleini
Text Domain: dfl_ecommerce
*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
/* Elements
--------------------------------------------- */
.shadow-card {
	box-shadow: 0px 5px 19px rgba(85, 48, 137, 0.18);
}

.shadow-card-hover:hover {
	box-shadow: 0px 5px 19px rgba(85, 48, 137, 0.18);
	border-radius: 6px;
}

.hidden-element {
	display: none;
}

#df-fortalezas .card-fortalezas:nth-child(1), #df-fortalezas .card-fortalezas:nth-child(2), #df-fortalezas .card-fortalezas:nth-child(3) {
	padding-bottom: 2.0625rem;
	border-bottom: 1px solid rgba(85, 48, 137, 0.3);
}

#df-fortalezas .card-fortalezas:nth-child(4), #df-fortalezas .card-fortalezas:nth-child(5), #df-fortalezas .card-fortalezas:nth-child(6) {
	padding-top: 2.0625rem;
}

#df-fortalezas .card-fortalezas:nth-child(2), #df-fortalezas .card-fortalezas:nth-child(5) {
	border-left: 1px solid rgba(85, 48, 137, 0.3);
	border-right: 1px solid rgba(85, 48, 137, 0.3);
}

@media screen and (max-width: 1024px) {
	#df-fortalezas .card-fortalezas:nth-child(4) {
		padding-bottom: 2.0625rem;
		border-bottom: 1px solid rgba(85, 48, 137, 0.3);
	}
	#df-fortalezas .card-fortalezas:nth-child(3) {
		padding-top: 2.0625rem;
	}
	#df-fortalezas .card-fortalezas:nth-child(1), #df-fortalezas .card-fortalezas:nth-child(3), #df-fortalezas .card-fortalezas:nth-child(5) {
		border-right: 1px solid rgba(85, 48, 137, 0.3);
	}
	#df-fortalezas .card-fortalezas:nth-child(2), #df-fortalezas .card-fortalezas:nth-child(5) {
		border-left: none;
	}
	#df-fortalezas .card-fortalezas:nth-child(2) {
		border-right: none;
	}
}

.card-forma-pago {
	border-radius: 6px;
	width: 100%;
	max-width: calc((100% - 10px) / 2);
}

.cantidad-impar .card-forma-pago:last-child {
	max-width: 100%;
}

#df-crecer::before {
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--green);
	z-index: 1;
}

.icon-share {
	display: inline-block;
}

.single-post .news-description a {
	color: var(--green);
	text-decoration: underline;
}

.single-post .news-description a:hover {
	font-weight: bold;
}

.single-post .news-description h2 {
	font-size: 1.25rem;
}

.single-post .news-description ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.single-post .news-description ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.single-post .news-description blockquote {
	padding-left: 20px;
	border-left: 3px solid var(--green);
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page-template-default .description-page a {
	color: var(--green);
	text-decoration: underline;
}

.page-template-default .description-page a:hover {
	font-weight: bold;
}

.page-template-default .description-page h2 {
	font-size: 1.25rem;
}

.page-template-default .description-page ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.page-template-default .description-page ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.page-template-default .description-page blockquote {
	padding-left: 20px;
	border-left: 3px solid var(--green);
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.quote-notification {
	position: fixed;
	width: 100%;
	max-width: 30.875rem;
	font-size: 11px;
	background: var(--green);
	color: var(--white);
	z-index: 99999;
	top: 40px;
	right: -100%;
	border: 2px solid var(--green);
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.quote-notification.show-msg {
	right: 20px;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 500px) {
	.quote-notification.show-msg {
		right: 5%;
	}
}

.quote-notification.show-msg.error-msg {
	background: var(--red);
	border: 2px solid var(--red);
}

@media screen and (max-width: 500px) {
	.quote-notification {
		max-width: 90%;
	}
}

.quote-notification .quote-notification-inner {
	position: relative;
	padding: 15px;
}

.quote-notification .quote-notification-inner .quote-notification-close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.quote-notification .quote-notification-inner .mensaje {
	font-size: 1rem;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

/* Links
--------------------------------------------- */
/* Forms
--------------------------------------------- */
@media screen and (max-width: 1024px) {
	.tnp-subscription {
		max-width: 100% !important;
	}
}

.tnp-subscription #newsletter-form .input-menssage {
	position: relative;
	padding-bottom: 30px;
}

.tnp-subscription #newsletter-form .input-menssage .newsletter-error {
	position: absolute;
	bottom: 10px;
	color: #FAC9A8;
}

.tnp-subscription #newsletter-form .input-newsletter {
	font-size: 1rem;
	line-height: 1.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.26);
	background-color: transparent !important;
	padding: 0;
	color: var(--white);
	margin-bottom: 10px;
}

.tnp-subscription #newsletter-form .input-newsletter:-webkit-autofill, .tnp-subscription #newsletter-form .input-newsletter:-webkit-autofill:hover, .tnp-subscription #newsletter-form .input-newsletter:-webkit-autofill:focus, .tnp-subscription #newsletter-form .input-newsletter:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--green) inset !important;
	-webkit-text-fill-color: #fff;
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter::placeholder {
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter::placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter::-webkit-input-placeholder {
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter::-webkit-input-placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter::-webkit-input-placeholder {
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter::-webkit-input-placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter::-moz-placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter:-ms-input-placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter:-moz-placeholder {
	/* Firefox 18- */
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter:-moz-placeholder {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.tnp-subscription #newsletter-form .input-newsletter:placeholder-shown {
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.tnp-subscription #newsletter-form .input-newsletter:placeholder-shown {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}

.comment-form input[type="text"],
.comment-form textarea {
	background-color: #FCFCFC;
	padding: 0.770625rem 0.841875rem 0.729375rem;
	border: 1px solid var(--naranja);
	-webkit-border-radius: 0.1875rem;
	-moz-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
	line-height: 1.05rem;
	width: 100%;
	resize: none;
	margin-bottom: 0.625rem;
}

.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
	border-color: var(--blue-dark);
	outline: none;
}

.comment-form .form-submit input {
	display: inline-block;
	background-color: var(--green);
	color: var(--white);
	padding: 0.625rem 1.875rem;
	border-radius: 6px;
}

.comment-form .form-submit input:hover {
	cursor: pointer;
	-webkit-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	-moz-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
}

/* Buttons */
.btn {
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	width: -moz-max-content;
	width: max-content;
	-webkit-box-shadow: 12px 16px 18px #230d4042, -13px -13px 20px -5px #c8c7e626;
	-moz-box-shadow: 12px 16px 18px #230d4042, -13px -13px 20px -5px #c8c7e626;
	box-shadow: 12px 16px 18px #230d4042, -13px -13px 20px -5px #c8c7e626;
	padding: 0.8125rem 1.2rem 0.8125rem 1.4375rem;
	font-size: 1rem;
	line-height: 1.5rem;
}

.btn-play-shadow {
	box-shadow: 0px 25px 25px rgba(78, 52, 133, 0.16);
}

.btn-green {
	background-color: var(--green);
}

.btn-green:hover {
	cursor: pointer;
	-webkit-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	-moz-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
}

.btn-purple {
	background: transparent linear-gradient(171deg, #4F2D80 0%, #351C58 100%) 0% 0% no-repeat;
	color: white;
}

.btn-purple:hover {
	background: transparent linear-gradient(165deg, #4F2D80 0%, #351C58 100%) 0% 0% no-repeat padding-box;
}

.btn-icon {
	display: inline-flex;
	align-items: center;
}

.large-arrow {
	transform: translateX(9px);
}

a.btn-crear-tienda, .tnp-field-button {
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	width: -moz-max-content;
	width: max-content;
	justify-content: start;
	font-size: 1.125rem;
	line-height: 1.3125rem;
	font-family: var(--font-roboto);
}

@media screen and (max-width: 767px) {
	a.btn-crear-tienda, .tnp-field-button {
		font-size: 0.9375rem;
	}
}

.tnp-field-button {
	background-color: var(--white);
	font-family: var(--font-myriadpro);
	font-size: 1.125rem;
	line-height: 1.3125rem;
	font-style: italic;
	font-weight: bold;
	color: var(--green);
}

.btn-icon:hover .animate__animated,
.hover-icon:hover .animate__animated {
	animation: bounceInLeft 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1 normal forwards;
}

@keyframes bounceInLeft {
	0% {
		transform: translateX(0px);
	}
	35% {
		transform: translateX(8px);
	}
	60% {
		transform: translateX(3px);
	}
	90% {
		transform: translateX(11px);
	}
	100% {
		transform: translateX(9px);
	}
}

@-webkit-keyframes bounceInLeft {
	0% {
		transform: translateX(0px);
	}
	35% {
		transform: translateX(8px);
	}
	60% {
		transform: translateX(3px);
	}
	90% {
		transform: translateX(11px);
	}
	100% {
		transform: translateX(9px);
	}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.menu-bottom-app .menu-item {
	margin-right: 1rem;
	padding-right: 1rem;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1024px) {
	.menu-bottom-app .menu-item {
		margin-right: 0.75rem;
		padding-right: 0.75rem;
	}
}

@media screen and (max-width: 370px) {
	.menu-bottom-app .menu-item {
		margin-right: 0.5rem;
		padding-right: 0.5rem;
		font-size: 0.75rem;
	}
}

.menu-bottom-app .menu-item:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#mega-menu-wrap-footer-menu-lang #mega-menu-footer-menu-lang li.mega-menu-item ul.mega-sub-menu {
	width: max-content;
	bottom: 100%;
	right: 0;
	left: 0;
	padding: 0 10px;
}

#mega-menu-wrap-footer-menu-lang #mega-menu-footer-menu-lang li.mega-menu-item ul.mega-sub-menu:after {
	display: block;
	position: absolute;
	pointer-events: none;
	content: '';
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 10px;
	height: 10px;
	bottom: 0;
	-webkit-box-shadow: -1px -1px 0 0 #c2c2c280;
	box-shadow: -1px -1px 0 0 #c2c2c280;
	margin-bottom: -5px;
	background: #fff;
	z-index: 2;
	left: 50%;
	margin-left: -5px;
}

.footer-1 h2, .footer-2 h2 {
	opacity: 0.7;
}

.footer-1 ul.menu li, .footer-2 ul.menu li {
	margin-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
	.footer-1 ul.menu li a, .footer-2 ul.menu li a {
		font-size: 0.875rem;
	}
}

.footer-1 ul.menu li a:hover, .footer-2 ul.menu li a:hover {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	#mega-menu-wrap-footer-menu-lang #mega-menu-footer-menu-lang > li.mega-menu-item > a.mega-menu-link {
		font-size: 0.875rem;
	}
}

#menu-principal .menu-main-menu li {
	margin-left: 1.25rem;
}

#menu-principal .menu-main-menu li a {
	color: var(--black);
}

#menu-principal .menu-main-menu li a:hover {
	color: var(--green);
}

#menu-principal .menu-main-menu li.current-menu-item a {
	color: var(--green);
}

#mega-menu-wrap-footer-menu-lang #mega-menu-footer-menu-lang > li.mega-menu-item > a.mega-menu-link {
	display: flex;
	align-items: center;
}

/* Home
--------------------------------------------- */
.image_hero {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	max-height: 50.4375rem;
	max-width: 50%;
}

@media screen and (max-width: 1024px) {
	.image_hero {
		max-width: 100%;
		position: relative;
		height: auto;
		overflow: hidden;
	}
}

.image_hero svg {
	height: 100%;
	min-height: 25rem;
}

.imagen-elemento svg {
	width: 100%;
	height: auto;
}

#df-video::before {
	background-color: var(--green);
	content: "";
	display: block;
	width: 100%;
	height: 310px;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (min-width: 1499px) {
	#df-video::before {
		height: 430px;
	}
}

@media screen and (max-width: 1023px) {
	#df-video::before {
		height: 35%;
	}
}

@media screen and (max-width: 767px) {
	#df-video::before {
		height: 25%;
	}
}

#df-video::after {
	background-color: var(--naranja);
	content: "";
	display: block;
	width: 50%;
	height: 260px;
	position: absolute;
	top: 55%;
	left: 0;
	z-index: 1;
}

@media screen and (min-width: 1499px) {
	#df-video::after {
		height: 360px;
		top: 45%;
	}
}

@media screen and (max-width: 1023px) {
	#df-video::after {
		height: 20%;
		top: 56%;
	}
}

@media screen and (max-width: 767px) {
	#df-video::after {
		height: 15%;
		top: 70%;
	}
}

#df-video .poster-video, #df-video #video-promotion {
	height: 26.25rem;
}

@media screen and (min-width: 1499px) {
	#df-video .poster-video, #df-video #video-promotion {
		height: 35.625rem;
	}
}

@media screen and (max-width: 1023px) {
	#df-video .poster-video, #df-video #video-promotion {
		height: 23.125rem;
	}
}

@media screen and (max-width: 767px) {
	#df-video .poster-video, #df-video #video-promotion {
		height: 100%;
	}
}

#df-video .poster-video {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#df-video #video-promotion {
	width: 100%;
	object-fit: cover;
}

/* FAQ
--------------------------------------------- */
ul.accordion-list {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 1.25rem;
	margin: 0;
	list-style: none;
}

ul.accordion-list li {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 1.25rem;
	margin: 0 auto 0.9375rem auto;
	border: 1px solid #eee;
	border-radius: 0.3125rem;
	cursor: pointer;
}

ul.accordion-list li.active .pregunta svg {
	transform: rotate(0deg);
}

ul.accordion-list li .pregunta {
	font-weight: 700;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0.9375rem;
	letter-spacing: 0.01em;
	cursor: pointer;
	padding-right: 1.25rem;
}

ul.accordion-list li .pregunta svg {
	transform: rotate(45deg);
	position: absolute;
	top: 4px;
	right: 0;
}

ul.accordion-list li div.respuesta {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: pointer;
	padding-right: 1.875rem;
}

ul.accordion-list li div.respuesta p {
	position: relative;
	display: block;
	font-weight: 300;
	padding: 10px 0 0 0;
	cursor: pointer;
	line-height: 150%;
	margin: 0 0 0.9375rem 0;
	font-size: 0.875rem;
}

/* Media
--------------------------------------------- */
/* Captions
--------------------------------------------- */
/* Galleries
--------------------------------------------- */
/* Footer
--------------------------------------------- */
/* Footer
--------------------------------------------- */
.svg-line-button {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7px;
	transform: translate(-12px, 0);
}

.modal-open {
	overflow: hidden;
}

.df-modal {
	padding-right: 17px;
	background-color: rgba(9, 118, 84, 0.34);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	opacity: 0;
	border: 0 !important;
	transition-property: opacity,z-index;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	z-index: -1;
	overflow: hidden;
}

.df-modal.show-modal {
	opacity: 1;
	z-index: 9999;
	transition-property: opacity,z-index;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	overflow-y: auto;
}

.df-modal .close-modal {
	background: transparent linear-gradient(53deg, #4F2D8026 0%, #097654 100%) 0 0 no-repeat;
	overflow: auto;
}

@media screen and (max-width: 767px) {
	.df-modal#df-modal-contact, .df-modal#df-modal-application {
		background-color: white !important;
	}
}

@media screen and (min-width: 768px) {
	.df-modal {
		-webkit-box-shadow: 5px 8px 14px #55308924;
		-moz-box-shadow: 5px 8px 14px #55308924;
		box-shadow: 5px 8px 14px #55308924;
		border: 1px solid var(--gray-light);
	}
	.df-modal .modal-dialog {
		-webkit-transition: transform .5s ease-in-out;
		-moz-transition: transform .5s ease-in-out;
		-ms-transition: transform .5s ease-in-out;
		-o-transition: transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
	.df-modal.show-modal .modal-dialog {
		-webkit-transform: none;
		transform: none;
		transition-delay: .5s;
		-webkit-transition: transform .5s ease-in-out;
		-moz-transition: transform .5s ease-in-out;
		-ms-transition: transform .5s ease-in-out;
		-o-transition: transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
	}
}

.error404 {
	height: 100vh;
	background: transparent linear-gradient(180deg, rgba(237, 236, 246, 0) 0%, #EDECF6 100%) 0% 0% no-repeat padding-box;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.loader,
.loader:after {
	border-radius: 100%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 5px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid var(--purple);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.hidden-btn {
	display: none !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.contact-form span {
	width: 100%;
}

.contact-form span.your-shop-domain .dominio-span {
	background-color: var(--gray-light);
	max-width: max-content;
	color: var(--green);
	flex: none;
}

.contact-form span.your-shop-domain .your-shop-domain-input {
	display: flex;
	align-items: center;
}

.contact-form span.your-shop-domain .your-shop-domain-input.domian-success::before {
	content: '';
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	margin-right: 0.3125rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAqlJREFUSEu1VtFLU2EU/91bMktKAzElYYYwfbhMYek2GSNYEmhaizZHqxz00F9QPog+6YO9iE/SQ2yUsylIlkNDEqEHYdgEx1UUlMSHmA/Sliiurbu4n7uXu7t73SC9T/ee75zf73y/c77zXQoFPPq3+jqO5jpBQU/c04jQHP058jyymS+cUnNo9DaWpajUVwCGPCBhTUJjC78Ix5X8FAkYH/MewJN82cnWx1gP+1Qek0PA+JgogOuCI03RcNY54a53o7Kkkpijh1H4N/yY3JwEl+akmHushz1xyjxZBHLwIesQ2m62nbqR2R+z6PnWo0oiEkhl4bMOPQ6h+GJxQSodp45hHDdKdyPKRQgyBf0loC27lwsGF2J4kiZ/k5iQJqEp4wtPCBgf813olkJkkW4rySVRRBcRk0yuMOthbwkEad6Bl2b12WpBsvBOfNbN/mbYtDYM3x4mcQ3vGkSpWA9LUeQQXeA2+EVXvQu9xt6CCI5SRzD5TUiD5AaHzoF+cz8GQ4MIbASIjf5L11OMl3kJCq95w8yDGdSU1uQlOEwewjxuFsHLL5Vj0blI4nbiO+iY7jjBSOMVJe0eaXG3Y9sYCA3Ae9ebRXjw5wAtH1pEW8XlCiw4FsRvWbHHFAnW99fRFewiQZYbFozeGSXv8UQcloBFBKsqqcL8o/msBHIJFCTa/b2L9o/tYmCrthV9pj5YJ6yirfpKNeYezuXImSORWpG3Yluwf7Ir1kN7VYugPai4llNk3ovxMYptura/BlfQlQVUW1aL6fvTqo2Q06YZAtWDtrK3gu4v3QRQd02Hqc4pVXDVg2Z4YyhNaBIxIVI+KpZ+LmFkZQQT9yZUwU8dFZldiHfAmQ87Ia1zHddqJGd64UhIzu/KFEgyhednwNlf+vJW+Z/fln94sVZ2cbNuCgAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
}

.contact-form span.your-shop-domain .your-shop-domain-input.domian-error::before {
	content: '';
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	margin-right: 0.3125rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAqJJREFUSEuV1k+IVVUcB/DPEWfEnNRFLqydaRSCmLlz4aCFJoFUCyWJUERd5aCrUNyIiiIaRKAjNpaSm9z6p4Rq0ybNhYgbdaFujJLEQKvJK+d57nvn3bn3zXgXj3fP73e+39/5nt+fG/R4CgJWYxfmoy+5j+Im9uObwJMmmAgw5knAJ7GuVwCZ7TzeC/xf9R9DUPA6rmFS5nwXp3EVkzEXazGnArgs8GO+1kVQMKjb4Ut82iRBOukO7M5ANwRGyvc2QcGruJEM/2F24M+JSFQwBb9jevJfEfg+/m8RpEjixUVZIvjUOj3HIyv4CzOSX19gtCT4CuuT4aUy8uKZ8+ehY+viKFiMRYHhFGg//klOPwcGS4IiLY4ENiTnmbifTvltqGRUAv817duckWzHwbTeHwqW42J+rETwHT7MQm6TFLyFS5ntMV4ILbVbP2XA2yJBTKuYPX8EZuUaFJzBBzkJDtWAD+R3VnAFC3EnEjzEAIYDm6sXWUOSu8TIu8DTCTbhKJ5Eglh9MXt2BPbWZUoDSS14IngXZ1tpOkGCquZx7+nARw0BdRH8jWnxSIEtNRK9id8aauBU4OOaPV0S/YSlDZdcBY+ynMP7GegYkoLLsT5wN0r0Nn6oSdOqLI/wYsyWuuzK6yRL0+3VQjse2Jguamus4kTcBi8jr5DcCMxL+4ZwuF1oafGITormrSKS7Csjb0jhBRl43ip+CSzJu2mZrl3NLjbCskIbLrq9XPAg66idZpdOEQfN9eT9L15+znZ9L+ukKwMXWnVQaQ15X4qmLzA0zsD5DHsynE2BY+V73ciMwz2Oxtx2GydwK218BZ/gtYps74RO42yZeg39OIPXjKd7ssfptWpCQ78iWQwgtuydeCN9tsS18rPlAL7uNf2eArmcy7nAcY9AAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: center;
}

.contact-form label {
	font-size: 0.937rem;
	line-height: 2.187rem;
	margin-bottom: 0.5rem;
}

.contact-form input, .contact-form select, .contact-form textarea {
	border-bottom: 1px solid var(--gray-light);
	line-height: 2.187rem;
	width: 100%;
}

.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
	border-color: var(--magenta);
}

.contact-form input.field-error, .contact-form select.field-error, .contact-form textarea.field-error {
	border-color: var(--red);
}

.contact-form .btn-form button {
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 6px;
	border: none;
	font-size: 0.937rem;
	line-height: 1.5rem;
	padding: 0.60rem 1.187rem;
}

.contact-form #upload-text {
	margin-top: 1.8rem;
	min-height: 21px;
}

.contact-form .btn-cancel {
	border-radius: 6px;
	margin-right: 1.25rem;
}

.contact-form .btn-cancel button {
	background-color: var(--gray-light);
}

.contact-form .btn-cancel:hover {
	-webkit-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	-moz-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
}

.contact-form .btn-submit button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--green);
	color: white;
	width: auto;
}

.contact-form .btn-submit button.btn-enable:hover {
	-webkit-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	-moz-box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
	box-shadow: -4px -8px 10px #8A78A242, 4px 8px 10px #8A78A242;
}

.contact-form .btn-submit button.btn-disable {
	cursor: not-allowed;
}

@media screen and (min-width: 767px) {
	.contact-form .col-form {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.contact-form .btn-form button {
		font-size: 1rem;
		padding: 0.8rem 1.5rem;
	}
	.contact-form .btn-submit input {
		-webkit-box-shadow: 0.75rem 1rem 1.125rem #230D4042,-0.75rem -1rem 1.125rem #230D4042;
		-moz-box-shadow: 0.75rem 1rem 1.125rem #230D4042,-0.75rem -1rem 1.125rem #230D4042;
		box-shadow: 0.75rem 1rem 1.125rem #230D4042,-0.75rem -1rem 1.125rem #230D4042;
	}
}

@media screen and (min-width: 1800px) {
	.contact-form .btn-form button {
		font-size: 1.125rem;
		padding: 1.15rem 2.125rem;
	}
}

.contact-form.crear-tienda-form .field-error-msg {
	font-size: 0.75rem;
	color: var(--red);
}

#crear-tienda-form-id .wpcf7-response-output.error-menj {
	font-size: 1.125rem;
	color: var(--red);
}

#crear-tienda-form-id .wpcf7-response-output.menj-successful {
	font-size: 1.125rem;
	color: var(--green);
}

#blog_search input {
	background-color: transparent;
}

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