/* Este código solo se ejecuta en la página de inicio */
.swiper-wrapper {
	position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
}

.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev {
		left: calc(var(--e-n-carousel-arrow-prev-left-align) + var(--e-n-carousel-arrow-prev-left-position));
		top: calc(var(--e-n-carousel-arrow-prev-top-align) + var(--e-n-carousel-arrow-prev-top-position) - var(--e-n-carousel-arrow-prev-caption-spacing));
		transform: translate(var(--e-n-carousel-arrow-prev-translate-x), var(--e-n-carousel-arrow-prev-translate-y));
}

.carrousel-father {
	--e-n-carousel-swiper-slides-to-display: 1;
--e-n-carousel-swiper-slides-gap: 0px;
--e-n-carousel-slide-height: auto;
--e-n-carousel-slide-container-height: 100%;
--e-n-carousel-arrow-prev-left-align: 0%;
--e-n-carousel-arrow-prev-translate-x: 0px;
--e-n-carousel-arrow-prev-left-position: 1rem;
--e-n-carousel-arrow-prev-top-align: 50%;
--e-n-carousel-arrow-prev-translate-y: -50%;
--e-n-carousel-arrow-next-right-align: 0%;
--e-n-carousel-arrow-next-translate-x: 0%;
--e-n-carousel-arrow-next-right-position: 1rem;
--e-n-carousel-arrow-next-top-align: 50%;
--e-n-carousel-arrow-next-translate-y: -50%;
--e-n-carousel-arrow-size: 2rem;
--e-n-carousel-arrow-normal-color: #FFFFFF;
}

#carousel-home .carrousel-father {
	--flex-grow: 0;
--flex-shrink: 0;
}

@media only screen and (min-width: 48em) {
	#carousel-home .carrousel-father {
		display: flex;
		width: 100%;
		height: 34rem;
		max-height: 34rem;
	}
}

.valores {
	--display: flex;
--flex-direction: column;
--container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
--container-widget-height: initial;
--container-widget-flex-grow: 0;
--container-widget-align-self: initial;
--flex-wrap-mobile: wrap;
--align-items: center;
--gap: 5.88rem 5.88rem;
--row-gap: 5.88rem;
--column-gap: 5.88rem;
--margin-top: 0rem;
--margin-bottom: 4.5rem;
--margin-left: 0rem;
--margin-right: 0rem;
--padding-top: 0px;
--padding-bottom: 0px;
--padding-left: 0px;
--padding-right: 0px;
}

	.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
		fill: hsla(0, 0%, 93%, .9);
		height: 1em;
		width: 1em;
}

.home-grid-recetas > .elementor-element:first-of-type {
		grid-row: 1 / 3;
}

	/* ##### Formulario Home #####*/

.contact-form .contact-form__titles {
		margin-bottom: 1.5rem;
}

.contact-form .contact-form__fields {
		display: grid;
		gap: 1.5rem;
		margin-bottom: 1.5rem;
}

.contact-form .contact-form__titles h2 {
		text-align: center;
		font-size: 1.5rem;
		font-weight: 300;
		line-height: normal;

		color: #555555;
		margin-bottom: 0.5rem;
}

.contact-form .contact-form__titles p {
		text-align: center;
		font-size: 1rem;
		font-weight: 300;
		line-height: normal;

		color: #555555;
		margin: 0;
		padding: 0;
}

.contact-form .contact-form__fields > div > label {
		font-size: 1rem;
		font-weight: 300;
		margin: 0;
}

.contact-form label span {
		color: #CF2B2B;
		margin-top: .5rem;
}

.contact-form input:not([type="submit"]),
.contact-form textarea,
.contact-form select {
		font-size: 1rem !important;
		font-weight: 300;
		line-height: normal;

		padding: 1rem !important;
		margin-top: 0.5rem;
		border: solid 2px #DEDEDE !important;
		background-color: #FAFAFA !important;
}

.contact-form textarea {
		resize: none;
		height: 7.5rem;
}

.contact-form select {
		padding: .5rem !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form select::placeholder {
		color: #C4C4C4;
}

/* $$$$$ Formulario Home $$$$$ */

@media (min-width: 790px) {
		.object-position--left-40, .object-position--left-40 img {
				object-position: left 40% !important;
		}

		.responsive-mobile--bold-font .elementor-heading-title {
				font-weight: 400 !important;
		}

		.responsive-desktop--font-style-normal h4 {
				font-style: normal !important;
		}

		/* ##### Formulario Home #####*/

		.contact-form .contact-form__titles {
				margin-bottom: 1.78rem;
		}

		.contact-form .contact-form__fields {
				grid-template-columns: 1fr 1fr;
				gap: 1.07rem 1.78rem;
				margin-bottom: 1.5rem;
		}

		.contact-form .contact-form__titles h2 {
				font-size: 2.14rem;
				margin-bottom: 0.36rem;
		}

		.contact-form .contact-form__titles p {
				font-size: 1.07rem;
		}

		.contact-form .contact-form__fields > div > label {
				font-size: 0.89rem;
		}

		.contact-form input:not([type="submit"]),
		.contact-form textarea,
		.contact-form select {
				font-size: 0.89rem !important;

				padding: 0.71rem  !important;
				margin-top: 0.71rem;
		}

		.contact-form textarea {
				height: 6.23rem !important;
		}

		.contact-form select {
				padding: .5rem  !important;
		}

		#carousel-home .elementor-element.e-con-full.e-flex.e-con.e-child {
		aspect-ratio: 21 / 8;
}

		/* $$$$$ Formulario Home $$$$$ */
}

@media only screen and (max-width: 50em) {
		.tabs-marcas > div > div > .e-n-tabs-heading {
				padding: 0 0 1.625rem 0 !important;
		}

		.tabs-marcas > div > div > .e-n-tabs-heading {
				grid-template-columns: repeat(auto-fit, minmax(3em, 1fr));
				grid-template-rows: 1fr;
				padding: 0 11rem;
				}

		.tabs-marcas > div > div > .e-n-tabs-heading svg {
				width: 100% !important;
		}

		.tabs-marcas .e-n-tabs-heading button svg {
				filter: unset;
		}

		.tabs-marcas__subtabs > div > div > .e-n-tabs-heading {
				display: flex;
				margin-bottom: 1.25rem;
				gap: 0.625rem 0.5rem;
		}

		.tabs-marcas__subtabs > div > div > .e-n-tabs-heading button {
				margin: 0!important;
				/*flex: 0 !important;*/
		}

		#logos {
				order: 1;
		}

		#productos {
				order: 1;
		}

		#tipografias {
				order: 1;
		}

		.social-media-footer .logo-hover-top svg {
				max-width: 100%;
				max-height: 2.88rem !important;
				height: fit-content !important;
		}
}