/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'ball-penregular';
    src: url('/custom-fonts/ball-pen-regular-webfont.woff2') format('woff2'),
         url('/custom-fonts/ball-pen-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*generic css*/

:root {
	--light-yellow:#FFC844;
	--light-blue:#4FBCCA;
	--light-green:#71A850;
	--light-brown:#B7916C;
	--light-red:#E8927C;

	--dark-yellow:#D1A64B;
	--dark-blue:#2E7D87;
	--dark-green:#5D7B4B;
	--dark-brown:#7F6A55;
	--dark-red:#B56D5A;

	--alt-font:'ball-penregular', sans-serif;
}

.dark, .dark p, .dark td {
	color:#fff ;
}

.br-20, .br-20 > * { 
border-radius: 20px; 
overflow: hidden;
}

.txt-m-0 * {
    margin:0!important;
}

.txt-mb-0 * {
	margin-bottom:0;
}

.alt-font > * {
	font-family: 'ball-penregular';
	font-weight: 400;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
    line-height:inherit;
    font-weight: 300;
    font-size:1em;
    letter-spacing:-0.04em;
}

.balance {
    text-wrap: balance;
}

.pretty * {
    text-wrap: pretty;
}

.index-3 {
	z-index: 3;
}

.index-2 {
	z-index: 2;
}

.fw-400 > * {
	font-weight:400;
}

.row-collapse > .pad-left-product-col {
    padding-left: max(15px,calc((100vw - 1420px)/2))!important;
}

.row-collapse > .pad-right-product-col {
    padding-right: max(50px,calc((100vw - 1420px)/2))!important;
}

.section-br-70  {
	border-bottom-left-radius:70px;
	border-bottom-right-radius:70px;
}

.doubled-font > * {
	font-size:2em;
}

.button.d-block { 
	border: 1px solid rgba(0, 0, 0, 0.16)!important;
	line-height:unset;
	min-height:0;
	padding:11px 20px;
	background-color:#fff!important;
	box-shadow:0 3px 6px -4px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .09);
}

.button.d-block span {
	font-size:1.125rem;
	font-weight:300;
	position:relative;
	padding-left:34px;
}

.button.d-block span:before {
	content:"";
	position: absolute;
	display:block;
	left:0;
	top:0;
	width:25px;
	height:25px;
}

.button.primary, .button.secondary {
	line-height:unset;
	min-height:0;
	padding:10px 40px;
	border-radius:99px;
} 

.button.primary span, .button.secondary span {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 3.2px;
}

.button.spanish-button.d-block span:before {
	background:url(/wp-content/uploads/2024/06/esp-flag.png) center center no-repeat;
	background-size:contain;
}

.button.english-button.d-block span:before {
	background:url(/wp-content/uploads/2024/06/eu-flag.png) center center no-repeat;
	background-size:contain;
}
.footer-wrapper .ux-logo-link {
	padding:0!important;
}

/*custom buttons web*/
.custom.button {
	border:none;
	overflow: hidden;
	padding-left:30px;
}
.custom.button.primary:hover {
	box-shadow: unset;
}
.custom.button span {
	font-size: 14px;
	font-weight: 500;
	letter-spacing:unset;
	text-transform:none;
	position: relative;
	z-index: 2;
}


.custom.button.primary.has-icon.icon-right {
	padding-right:60px;
}

.custom.button.primary.has-icon:after {
  	content: "";
    background-size: contain;
    position: absolute;
    top: 16px;
    z-index: 2;
}

.custom.button.primary.has-icon.icon-arrow:after {
    background: url(/wp-content/uploads/sites/2/2024/12/button-arrow-right.svg) center center no-repeat;
  	width: 9px;
    height: 14px;
}

.custom.button.primary.has-icon.icon-right:after {
    right: 17px;
}

.custom.button.primary.has-icon:before {
	content: "";
    width: 35px;
    height: auto;
    position: absolute;
    border-radius: 99px;
    top: 5px;
    transition:.5s all ease-in;
    aspect-ratio: 1 / 1;
}

.custom.button.primary.has-icon.icon-right:before {
    right: 5px;
}	
.custom.button.primary.has-icon.icon-right:hover:before {
	width:200%;
	height: auto;
	right:0;
	transform: translate(50%,-50%);
} 

.custom.button.primary.yellow {
	background:var(--dark-yellow);
}

.custom.button.primary.blue {
	background:var(--dark-blue);
}

.custom.button.primary.red {
	background:var(--dark-red);
}

.custom.button.primary.green {
	background:var(--dark-green);
}

.custom.button.primary.brown{
	background:var(--dark-brown);
}

.custom.button.primary.white-button{
	background:rgba(255, 255, 255, 0.19);
}

.custom.button.primary.has-icon.yellow:before {
	background: var(--light-yellow);
}
.custom.button.primary.has-icon.blue:before {
	background: var(--light-blue);
}

.custom.button.primary.has-icon.red:before {
	background: var(--light-red);
}

.custom.button.primary.has-icon.green:before {
	background: var(--light-green);
}

.custom.button.primary.has-icon.brown:before {
	background: var(--light-brown);
}

.custom.button.primary.has-icon.white-button:before {
	background:rgba(255, 255, 255, 0.5);
}

.custom.button.primary.is-outline {
	background:none!important;
	border-width:1px;
	border-style: solid;
	transition:.5s border-color linear;	
}

.custom.button.primary.is-outline span {
	transition:.5s color linear;
}
.custom.button.primary.is-outline:hover span {
	color:#fff!important;
}

.custom.button.primary.is-outline.yellow {
	border-color:var(--dark-yellow);
}

.custom.button.primary.is-outline.blue {
	border-color:var(--dark-blue);	
}

.custom.button.primary.is-outline.red {
	border-color:var(--dark-red);
}

.custom.button.primary.is-outline.green {
	border-color:var(--dark-green);
}

.custom.button.primary.is-outline.brown {
	border-color:var(--dark-brown);
}

.custom.button.primary.is-outline.white-button {
	border-color:rgba(255, 255, 255, 0.19);
}

.custom.button.primary.is-outline.yellow span {
	color:var(--dark-yellow);	
}

.custom.button.primary.is-outline.blue span {
	color:var(--dark-blue);	
}

.custom.button.primary.is-outline.red span {
	color:var(--dark-red);	
}

.custom.button.primary.is-outline.green span {
	color:var(--dark-green);	
}

.custom.button.primary.is-outline.brown span {
	color:var(--dark-brown);	
}

.custom.button.primary.is-outline.white-button span {
	color:#fff;	
}

.custom.button.primary.is-outline.yellow:hover {
	border-color:var(--light-yellow);	
}

.custom.button.primary.is-outline.blue:hover {
	border-color:var(--light-blue);	
}

.custom.button.primary.is-outline.red:hover {
	border-color:var(--light-red);	
}

.custom.button.primary.is-outline.green:hover {
	border-color:var(--light-green);	
}

.custom.button.primary.is-outline.brown:hover {
	border-color:var(--light-brown);	
}

.custom.button.primary.is-outline.white-button:hover {
	border-color:rgba(255, 255, 255, 0.5);	
}

.custom.button.primary.is-outline.has-icon.icon-right.sell {
	background:#7C6854!important;
	border:1px solid #7C6854;
}

.custom.button.is-outline.primary.has-icon.icon-right.sell span {
	color:#EFE2CD;
}
.custom.button.is-outline.primary.has-icon.icon-right.sell:hover span {
	color:#7C6854!important;
}
.custom.button.is-outline.primary.has-icon.icon-right.sell:before {
	background:#EFE2CD;
}

.custom.button.is-outline.primary.has-icon.icon-right.sell:after {
	background:url(/wp-content/uploads/sites/3/2025/02/icon-arrow-button-sell.svg) center center no-repeat;
}



.banner {
	background:none;
}

/*Home 2025*/
.products-stack > .row:nth-child(odd) {
	position: relative;
	top: -2.5vw;
}

.products-stack > .row:nth-child(even) {
	position: relative;
	top: 2.5vw;
} 

.home-product-col > .col-inner {
	padding-bottom:75px;
	height: 100%;
}

.home-product-col > .col-inner:after {
	content:"";
	position: absolute;
	top:0;
	left:8px;
	right: 8px;
	bottom:75px;
	border-radius:700px;
	z-index: 1;
}

.home-product-col .home-product-col-link a {
	position: absolute;
	top:0;
	left:8px;
	right: 8px;
	bottom:75px;
	z-index: 3;
}
.home-product-col > .col-inner img {
	transform: translateY(0);
	transition: .3s transform ease-out;
}
.home-product-col:has(a:hover) > .col-inner img {
	transform: translateY(-20px);
}

.home-product-col.blue > .col-inner:after {
	background:var(--dark-blue);
}
.home-product-col.yellow > .col-inner:after {
	background:var(--dark-yellow);
}
.home-product-col.red > .col-inner:after {
	background:var(--dark-red);
}
.home-product-col.green > .col-inner:after {
	background:var(--dark-green);
}
.home-product-col.brown > .col-inner:after {
	background:var(--dark-brown);
}


.home-product-col > .col-inner > .text {
	position: relative;
	z-index: 3;
}

.home-product-col > .col-inner > .button {
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	min-width: 193px;
	z-index: 999;
}

.home-product-col > .col-inner > .img{
	position: relative;
	transform:scale(1.5);
	top:-10%;
	z-index: 2;
}
.product-images {
	margin-bottom:0;
	position: relative;
	z-index: 2;
}
.product-image-bg {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    width: 100%;
    height: auto;
    z-index: 1;
	max-width: 20%;
	transition:unset;
}

.product-image-bg.animated {
	animation: loadingAnimation .5s ease-in 1s forwards;
}

@keyframes loadingAnimation {
	0% {
    transform: translate(-50%, -50%) rotate(-30deg);
	max-width: 20%;
	}

	100% {
	    transform: translate(-50%, -50%) rotate(0deg);
		max-width: 620px;
	}
}
.product-gallery-slider .woocommerce-product-gallery__image {
	min-height: 100%;
		display: flex;
	    align-items: center;
    	justify-content: center;
}
.product-gallery-slider .woocommerce-product-gallery__image a {
	display: block;
	text-align: center;
	height: 100%;
}
.product-gallery-slider img, .product-thumbnails img {
	max-height: 770px;
	width: auto;
	transition:unset;
	transform: rotate(-12deg);
}

.postid-469 .product-gallery-slider img {
	transform: rotate(0) translateX(10%);
}

.postid-469 .tamano-row {
	display: none;
}

.product-template-default .ingredientes .atributos-producto img {
	max-width: 119px;
	margin:0 auto;
}


.product-navigation {
	position: absolute;
	right:-45px;
	width: 50px;
	top:50%;
	transform: translateY(-50%);
	height: 100%;
	max-height: 330px;
	display: flex;
	flex-flow:column nowrap;
	justify-content: space-around;
	align-items: center;
}

.product-navigation > a {
	display: block;
	width: 45px;
	height: 45px;
	border:1px solid #fff;
	border-radius: 99px;
	transition:.2s background-color linear;
} 

.product-navigation > a.disabled {
	opacity: .3;
}

.product-navigation > a.prev-product {
	background:url(/wp-content/uploads/sites/2/2024/12/icon-prev.svg) center center no-repeat;
	background-color:rgba(255,255,255,.06);
	background-size:21px;
}
.product-navigation > a.next-product {
	background:url(/wp-content/uploads/sites/2/2024/12/icon-next.svg) center center no-repeat;
	background-color:rgba(255,255,255,.06);
	background-size:21px;
}
.product-navigation > a:hover {
	background-color:rgba(255,255,255,.2);
}

.bolsa-quicos {
	position: absolute;
    bottom: 20vw;
    width: 100%;
}

.bolsa-quicos img {
    width: 40%;
}

.gif-quicos {
    position: absolute;
    bottom: -5vw;
    width: 100%;
    left: 30%;
}

.gif-quicos img {
    width: 9%;
}
.contacto-row {
	position:relative;
}
.contacto-row:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 20vw;
	bottom:100%;
	z-index: 2;
	background: linear-gradient(0deg, rgba(164,180,117,1) 20%, rgba(164,180,117,0) 100%);
}

/*Sobre Muix*/
.valores-claim {
	flex-wrap: wrap;
}

.valores-claim > .icon-box {
	max-width: fit-content;
	align-items: center;
	margin:0 10px 10px!important;
}



.valores-col-image.image-right {
	position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(10%);
    width: 40%!important;
    margin:0!important;
}

.valores-col-image.image-left {
	position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-10%);
    width: 40%!important;
    margin:0!important;
}

.valores-col-image.image-right.tradicion {
    transform: translateX(12%) translateY(5.5%);
}

.valores-col-image.image-right.image-bolsa {
	    transform: translate(0, 20%);
	        width: 35% !important;
}

.revolucion-floating-image-left {
	position: absolute;
    width: 50% !important;
    bottom: 0;
    left: 0;
    transform: translateX(20%) translateY(50%) rotate(30deg)
}

.revolucion-floating-image-left.usa {
    transform: translateX(20%) translateY(50%) rotate(0deg);
}

.contacto-floating-image-left {
    position: absolute;
    width: 35% !important;
    top: 0;
    left: 0;
    transform: translateX(-10%) translateY(-25%);
}

/*Distribuidores*/

.cenefa-1 {
	background:url(/wp-content/uploads/sites/2/2024/12/cenefa-rustic.svg) top left repeat-x;
	background-size: 16.66666667%;
	border-top-left-radius:45px;
	border-top-right-radius:45px;
}

.cenefa-2 {
	background:url(/wp-content/uploads/sites/2/2024/12/cenefa-hunny.svg) top left repeat-x;
	background-size: 16.66666667%;
	border-top-left-radius:45px;
	border-top-right-radius:45px;
}

.cenefa-3 {
	background:url(/wp-content/uploads/sites/2/2024/12/cenefa-yankee.svg) top left repeat-x;
	background-size: 16.66666667%;
	border-top-left-radius:45px;
	border-top-right-radius:45px;
}


.unicos-col > .col-inner .text {
	padding:0 45px;
}

.beneficios-col .icon-box {
	    align-items: center;
}

.beneficios-col .icon-box > .icon-box-img {
    margin-right: 20px;
}

.beneficios-col .icon-box:not(.custom-icon-box) img {
	max-width: 115px;
}

/*admin page*/
.admin-section .login-column > .col-inner {
	backdrop-filter: blur(15px);
}

/*homes*/

.faldon {
	background-image: url('https://muixsnacks.com/es/wp-content/uploads/sites/2/2024/06/cenefa-cabecera-pq.svg');
	background-repeat: repeat-x;
}

/* Header */
#header .menu-item a {
	font-size: 1rem;
	color:#fff;
	letter-spacing: clamp(0px,0.3vw,4.2px);
	opacity: 1;
	transition: .2s opacity linear;
}

#header .header-main .header-inner:has(a:hover) .menu-item > a:not(:hover) {
	opacity: .7;
}

.header-main .header-nav.nav-left, .header-main .header-nav.nav-right {
    justify-content: space-around;
}

.html_nav_position_text {
	padding: 5px 8px!important;
	border-radius:99px;
	background:#EFE2CD33;
}

.header-main .html_nav_position_text > a {
	font-size: 1rem;
	padding:8px 15px;
	border-radius:99px;
	color:#fff!important;
}

.header-main .html_nav_position_text > a.current_language {
	background:#EFE2CD;
	color:#000!important;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
}

.header-wrapper.stuck .html_nav_position_text > a {
	line-height: 19px!important;
}

/*Ficha de producto*/

/*Quitar footer en la ficha de producto*/
.custom-product-page .section {
	z-index: 6;
}
.product-template-default #footer {
	display: none!important;
}

.product-template-default .transparent .header-main {
	height: 120px;
    padding-top: 30px;
}
.product-template-default .product-title {
	font-family:var(--alt-font);
	font-size: 4.375rem;
	font-weight: 400;
	line-height: 1.2;
	text-wrap: balance;
}

.product-template-default div[class*="custom-wrapper"] {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}
.product-template-default .custom-wrapper-azul .product-title {
	color:var(--light-blue);
}
.product-template-default .custom-wrapper-amarillo .product-title {
	color:var(--light-yellow);
}
.product-template-default .custom-wrapper-verde .product-title {
	color:var(--light-green);
}
.product-template-default .custom-wrapper-rojo .product-title {
	color:var(--light-red);
}
.product-template-default .custom-wrapper-marron .product-title {
	color:var(--light-brown);
}

.product-template-default .product-title-container .is-divider {
	display: none;
}

.product-template-default .product-short-description {
	font-size: 1.125rem;
	line-height: 1.5;
	color:#fff;
	max-width: 460px;
}
.product-template-default .propiedades {
	margin:30px 0 20px;
}
.product-template-default .propiedades .atributos-producto {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.product-template-default .propiedades .atributo-item {
	border:1px solid;
	border-radius:6px;
	padding:2px 20px;
	margin-right:5px;
	color:#fff;
	font-size: 1rem;
}

.product-template-default .custom-wrapper-azul .atributo-item {
	border-color:var(--light-blue);
}
.product-template-default .custom-wrapper-amarillo .atributo-item {
	border-color:var(--light-yellow);
}
.product-template-default .custom-wrapper-verde .atributo-item {
	border-color:var(--light-green);
}
.product-template-default .custom-wrapper-rojo .atributo-item {
	border-color:var(--light-red);
}
.product-template-default .custom-wrapper-marron .atributo-item {
	border-color:var(--light-brown);
}

.product-template-default .propiedades .atributo-item img {
	margin-right:10px;
	position: relative;
	top: -1px;
	opacity: .9;

}

.product-template-default .custom-wrapper-azul .propiedades .atributo-item img {
	filter:invert(68%) sepia(95%) saturate(262%) hue-rotate(137deg) brightness(82%) contrast(91%);
}

.product-template-default .custom-wrapper-amarillo .propiedades .atributo-item img {
	filter:invert(90%) sepia(39%) saturate(1277%) hue-rotate(318deg) brightness(110%) contrast(109%)
}

.product-template-default .custom-wrapper-verde .propiedades .atributo-item img {
	filter:invert(60%) sepia(29%) saturate(718%) hue-rotate(54deg) brightness(95%) contrast(86%);
}

.product-template-default .custom-wrapper-rojo .propiedades .atributo-item img {
	filter:invert(55%) sepia(93%) saturate(200%) hue-rotate(325deg) brightness(97%) contrast(103%);
}

.product-template-default .custom-wrapper-marron .propiedades .atributo-item img {
	filter:invert(66%) sepia(32%) saturate(443%) hue-rotate(348deg) brightness(86%) contrast(83%);
}

.product-template-default .ingredientes .atributos-producto {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	justify-content: flex-start;
	margin-top: 50px;
	margin-left:-10px;

}
.product-template-default .ingredientes .atributo-item {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	margin:0 10px;
}
.product-template-default .ingredientes .atributo-item span {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 400;
	text-wrap: balance;
	color:#fff;
}

.product-template-default .tamanos .atributos-producto {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding:5px;
	max-width: fit-content;
	margin:0 auto;
	position: relative;
}

.product-template-default .tamanos .atributos-producto:after {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius:99px;
	opacity: .4;
	z-index: 0;
}

.product-template-default .tamanos .atributos-producto:before {
	content:"";
	position: absolute;
	background: red;
	top: var(--pseudo-top, 5px);
	left: var(--pseudo-left, 5px);
	right: 7px!important;
	transition:.3s left linear;
	bottom:5px;
	border-radius:99px;
	z-index: 1;
}

.product-template-default .tamanos .atributos-producto[data-quantity="2"]:before {
	width:calc(50% - 7px);
}
.product-template-default .tamanos .atributos-producto[data-quantity="3"]:before {
	width:calc(33.3333333% - 7px);
}
.product-template-default .tamanos .atributos-producto[data-quantity="4"]:before {
	width:calc(25% - 7px);
}
.product-template-default .tamanos .atributos-producto[data-quantity="5"]:before {
	width:calc(20% - 7px);
}

.product-template-default .custom-wrapper-azul .tamanos .atributos-producto:after,.product-template-default .custom-wrapper-azul .tamanos .atributos-producto:before {
	background:var(--light-blue);
}
.product-template-default .custom-wrapper-amarillo .tamanos .atributos-producto:after,.product-template-default .custom-wrapper-amarillo .tamanos .atributos-producto:before {
	background:var(--light-yellow);
}
.product-template-default .custom-wrapper-verde .tamanos .atributos-producto:after,.product-template-default .custom-wrapper-verde .tamanos .atributos-producto:before {
	background:var(--light-green);
}
.product-template-default .custom-wrapper-rojo .tamanos .atributos-producto:after,.product-template-default .custom-wrapper-rojo .tamanos .atributos-producto:before {
	background:var(--light-red);
}
.product-template-default .custom-wrapper-marron .tamanos .atributos-producto:after,.product-template-default .custom-wrapper-marron .tamanos .atributos-producto:before {
	background:var(--light-brown);
}
.product-template-default .tamanos .atributos-producto > div {
	position: relative;
	z-index: 1;
}
.product-template-default .tamanos .atributos-producto .atributo-nombre {
	padding:11px 45px;
	border-radius:99px;
	color:#fff;
	font-size:.875rem;
	display: block;
	width: 100%;
	cursor: pointer;
}

.product-template-default .tamanos .atributos-producto .atributo-tamano:not(:first-child) {
	position: relative;
}


/*Form*/

.frm_error_style, .frm_error {
	color:red;
}

.frm_form_fields input {
	margin-bottom:5px;
}
.frm_form_fields .frm_form_field {
	margin-bottom:20px;
	display: flex;
	align-items: center;
} 

.frm_form_fields .frm_form_field > div {
	width:100%;
}

.frm_fields_container .frm_checkbox label {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 400;
    margin-left:20px;
}

.frm_fields_container .frm_checkbox label a {
	color:var(--fs-color-primary);
}

.frm_fields_container input[type="checkbox"] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	margin:0;
	width:20px;
	height:20px;
	border:1px solid rgba(0, 0, 0, 0.16);
	background:#fff;
	border-radius:1px;
	position:absolute;
	top:1px;
	left:0;
	display: flex;
 	align-items:center;
    justify-content:center;
}
.custom-frm {
	max-width: 800px;
	margin:0 auto;
}
.custom-frm .frm_fields_container input[type="checkbox"] {
	border: 1px solid rgba(255, 255, 255, 0.56);
	background:transparent;
}

.frm_fields_container input[type="checkbox"]::before {
  content: "";
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--fs-color-primary);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  border-radius: 0;
}

.custom-frm .frm_fields_container input[type="checkbox"]:before {
		box-shadow: inset 1em 1em #fff;
}

.custom-frm .frm_checkbox label {
	color:#fff;
	padding-left:30px;
	margin-left:0;
	text-align: left;
}
.custom-frm .frm_checkbox label a {
	color:#fff;
	text-decoration:underline;
}


.frm_fields_container input[type="checkbox"]:checked::before {
  transform: scale(1);
    position:relative;
}





.frm_form_field input[type=text], .frm_form_field input[type=password],
.frm_form_field input[type=email], .frm_form_field input[type=number],
.frm_form_field input[type=url], .frm_form_field input[type=tel],
.frm_form_field input[type=file], .frm_form_field input[type=search],
.frm_form_field select, .frm_form_field textarea {
    background-color: #fff;
    padding: 12px 50px;
	border-radius:99px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: none;
	height:auto;
	margin-bottom:0;
}
.custom-frm ::placeholder {
	color:#fff;
}
.custom-frm .frm_form_field input[type=text], .custom-frm .frm_form_field input[type=password],
.custom-frm .frm_form_field input[type=email], .custom-frm .frm_form_field input[type=number],
.custom-frm .frm_form_field input[type=url], .custom-frm .frm_form_field input[type=tel],
.custom-frm .frm_form_field input[type=file], .custom-frm .frm_form_field input[type=search],
.custom-frm .frm_form_field select, .custom-frm .frm_form_field textarea {
	border:1px solid rgba(255, 255, 255, 0.34);
	background:rgba(255, 255, 255, 0.14);
	color:#fff;
} 

.frm_form_field.muestras-label label {
	background-color: #fff;
    padding: 12px 25px 12px 80px;
    border-radius: 99px;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: none;
    margin-left:0;
}
.frm_form_field.muestras-label input[type="checkbox"] {
	top: 14px;
    left: 50px;
    border-radius:99px;
}

.custom-frm .frm_form_field.muestras-label label {
	border:1px solid rgba(255, 255, 255, 0.34);
	background:rgba(255, 255, 255, 0.14);
	color:#fff;
	text-align: left;
	font-weight: 300;
} 
 
.frm_form_field .frm_submit  {
	text-align:right;
}

.custom-frm .frm_submit {
	justify-content: flex-end;
}
.custom-frm .frm_submit .button {
	margin-right:0;
}
.custom-footer .footer-text {
	color: #EFE2CD;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 4.8px;
}

.custom-footer .image-right .img-inner img {
	float:right; 
}

/*Maiz flotante*/

.maiz-flotante > div {
    position:absolute;
    opacity:1!important;
    z-index: 5;
}

.maiz-flotante > div img {
    min-width:fit-content;
}
.maiz-flotante .top--10-left-0 {
	top:-10%;
	left:0;
}

.maiz-flotante .top-0-right-45 {
	top:0%;
	right:45%;
}

.maiz-flotante .top--5-right-5 {
	top:-5%;
	right:5%;
}

.maiz-flotante .top--5-right-1-5 {
	top:-5%;
	right:1.5%;
}

.maiz-flotante .top-10-left-10 {
	top:10%;
	left:10%;
}

.maiz-flotante .top-12-right-0 {
	top:12%;
	right:0%;
}

.maiz-flotante .top-50-right--5 {
	top:50%;
	right:-5%;
}

.maiz-flotante .top-25-left-0 {
	top:25%;
	left:0%;
}

.maiz-flotante .top-90-left-50 {
	top:90%;
	left:50%;
}

.maiz-flotante .top-80-left--5 {
	top:80%;
	left:-5%;
}

.maiz-flotante .top-60-left-0 {
	top:60%;
	left:0%;
}

.maiz-flotante .top-80-left-0 {
	top:80%;
	left:0%;
}

.maiz-flotante .top-10-left--50 {
	top:10%;
	left:-50%;
}

.maiz-flotante .top-55-right--5 {
	top:55%;
	right:-5%;
}

.maiz-flotante .top-75-right-0 {
	top:75%;
	right:0%;
}

.maiz-flotante .top-2-right--1-5 {
	top:2%;
	right:-1.5%;
}

.maiz-flotante .top-30-left--1-5 {
	top:30%;
	left:-1.5%;
}

.maiz-flotante .top-90-right-10 {
	top:90%;
	right:10%;
}

.maiz-flotante .bottom-0-left-10 {
	bottom:0%;
	left:10%;
}
.maiz-flotante .bottom-0-right-10 {
	bottom:0%;
	right:10%;
}

.maiz-flotante .bottom-0-right-0 {
	bottom:0%;
	right:0%;
}

.maiz-flotante .top-40-left-5 {
	top:40%;
	left:5%;
}

.maiz-flotante .left-5 {
	top:5%;
	left:10%;
}

.maiz-flotante .left-20 {
	top:20%;
	left:0;
}

.maiz-flotante .left-35 {
	top:35%;
	left:5%;
}

.maiz-flotante .right-5 {
	top:3%;
	right:min(10%, 2vMin);
}

.maiz-flotante .right-20 {
	top:20%;
	right:0;
}

.maiz-flotante .right-35 {
	top:35%;
	right:0%;
}

/*Footer*/
.footer-wrapper .ux-menu-title {
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
}

.footer-wrapper .ux-menu-link {
	font-size: 1rem;
	font-weight: 400;
}

.footer-wrapper .social a {
	margin-right:10px;
}

.footer-wrapper .politicas  a {
	margin:0 10px;
}

.absolute-footer {
	display: none!important;
}

/*Popup Puntos de venta*/
.punto-venta-container {
	display: flex;
	flex-flow:row wrap;
	justify-content: center;
	align-items: stretch;
	max-height: 400px;
	overflow: auto;
	scroll-behavior: smooth;
	--sb-track-color: #eacfb3;
  	--sb-thumb-color: #7c6854;
  	--sb-size: 5px;
}

.punto-venta-container::-webkit-scrollbar {
  width: var(--sb-size)
}

.punto-venta-container::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.punto-venta-container::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
}

@supports not selector(::-webkit-scrollbar) {
  .punto-venta-container {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.punto-venta-container > .punto-venta-cell {
	width:33.3333333%;
	padding:0 10px;
	margin-bottom:50px;
}

.punto-venta-container .punto-venta-cell {
	text-align: center;
}

.punto-venta-cell .punto-venta-image {
	aspect-ratio: 1 / 1;
	width:100%;
	max-width: 150px;
	position: relative;
	border: 4px solid #7C6854;
	border-radius:99px;
	margin:0 auto 1rem auto;
}

.punto-venta-cell .punto-venta-image img {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	mix-blend-mode: darken;
}

.punto-venta-cell .punto-venta-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	max-width: 150px;
	margin:0 auto 1rem auto;
}

#punto-venta-popup {
	background:#EFE2CD;
	border-radius:40px;
}



/*Popup Descarga*/

#dwld {
	border-radius:12px;
	background: #2E7C86;
	backdrop-filter: blur(15px);
}

#catalogo-new {
	border-radius:12px;
	background: #2E7C86;
}

#dwld h3,#catalogo-new h3  {
	font-size:1.75rem;
	text-align: center;
	margin-bottom:40px;
	line-height:1.2;
	color:#fff;
}

#dwld form,#dwld form fieldset, #catalogo-new form, #catalogo-new form fieldset {
	margin-bottom:0;
}

#dwld .custom-frm .text, #catalogo-new .custom-frm .text {
	color:#fff;
}



@media (max-width: 1200px) {
	.products-stack {
		flex-flow:row wrap;
	}

	.products-stack > div {
		width:33.3333%;
		top:0!important;
	} 
}

@media (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.button.primary, .button.secondary {
		margin-right:0!important;
	}

    .maiz-flotante > div img {
        min-width: unset;
        width: 50%;
    }

	.products-stack > div {
		margin: 0 0 50px 0!important;
	}

	.maiz-flotante .right-5, .maiz-flotante .right-20, .maiz-flotante .right-35, .maiz-flotante > div[class*="right-0"] {
		text-align:right;
	}

	.unicos-col .ux-logo img {
		height: 80px!important;
	}

	.unicos-col > .col-inner .text {
		padding:0 15px;
	}
	.beneficios-col > .col-inner {
		display: flex;
		align-items: flex-end;
	}
	.beneficios-col .icon-box {
		flex-flow:column nowrap;
		align-items:flex-start;
		justify-content: space-between;
	}
	.beneficios-col .icon-box > .icon-box-img {
		margin-right:0;
		margin-bottom:10px;
	}

	.product-template-default .product-title {
		font-size: 4rem;
	}

	.mobile-nav .nav-icon i {
		aspect-ratio: 1 / 1;
		width: 70px;
		background: url(/wp-content/uploads/sites/2/2024/12/burger-menu-svgrepo-com.svg) center center no-repeat;
		background-size: contain;
	}
	.mobile-nav .nav-icon a {
		padding:0;
		position: relative;
		top: 5px;
	}
	.mobile-nav .nav-icon i:before {
		display: none;
	}

	.off-canvas-center .mfp-content {
		padding-top:0;
	}

	.off-canvas-center .nav-sidebar.nav-vertical>li.html:first-child {
		position:relative;
		top: -40px;
	}

	.off-canvas-center .nav-sidebar.nav-vertical>li.html:first-child div {
		margin:0 auto;
	}

	.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    	font-size: 1.5rem;	
	    color: #fff;
	    letter-spacing: clamp(0px, 0.7vw, 4.2px);
	}

	.off-canvas-center .mfp-close {
		opacity: 1;
		color:#fff!important;
	}

	.off-canvas-center .nav-sidebar.nav-vertical>li.html:last-child > div {
		margin:20px auto 0;
	}
	.off-canvas-center .nav-sidebar.nav-vertical>li .social a {
		margin:0 10px;
	}
	.off-canvas-center .nav-sidebar.nav-vertical>li .social a img {
		width: 40px;
	}

	#header .header-main li.html.custom  {
		display: block;
	}

	.html_nav_position_text {
		padding: 5px 8px!important;
		border-radius:99px;
		background:#EFE2CD33;
		max-width: fit-content;
	}

	.html_nav_position_text > a.current_language {
		background:#EFE2CD;
		color:#000!important;
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
		border-radius:99px;
	}
}

@media (max-width: 767px) {
	.punto-venta-container > .punto-venta-cell {
		width: 50%;
	}
}


@media (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.button.primary span, .button.secondary span {
		letter-spacing: 1.7px;
	}

	.custom.button.primary span, .custom.button.secondary span {
		letter-spacing: 0;
	}

	.custom-footer .image-right .img-inner img {
		float:none;
		margin:30px auto 0 auto; 
	}


    .maiz-flotante > div img {
        min-width: unset;
        width: 40%;
    }

    #dwld {
		padding:40px 20px!important;
	}

	.bolsa-quicos img {
		display: none;
	}

	.gif-quicos {
		display: none;
	}

}
@media (max-width: 550px) { 
	.frm_form_fields .frm_form_field .frm_submit button {
		width:100%;
	}

	.products-stack > div {
		width: 50%;
	}

	.section-content > .row {
		position: relative;
		z-index: 4;
	}

	.valores-claim .icon-box-img {
		order: 2;
	}

	.valores-claim .icon-box-text {
		order: 1;
		padding-left:0!important;
		padding-right:20px;
	}

	.valores-col-image.image-right, .valores-col-image.image-left {
		margin-bottom:0!important;
		width:60%!important;
	}

    .product-template-default .product-title {
        font-size: 3.25rem;
    }
	.product-template-default .product-short-description {
		font-size: 1rem;
	}

	.product-template-default .tamanos .atributos-producto .atributo-nombre {
	    padding: 11px 30px;
	}
	.valores-claim > .icon-box > .icon-box-img  {
		max-width: fit-content;
	}
	.valores-claim > .icon-box img {
	height: 45px;
	width: auto!important;
	}  

	.valores-claim > .icon-box .icon-inner {
		text-align: left;
	}


}

@media (max-width: 430px) { 
	.products-stack > div {
		width: 80%;
	}

	.maiz-flotante > div {
		display:none!important;
	} 

	.product-template-default .ingredientes .atributos-producto {
		flex-flow: row wrap;
		justify-content: space-around;
	}

	.product-navigation > a{
        width: 35px!important;
    	height: 35px!important;
    	background-size: 15px!important;
	}
	.punto-venta-cell .punto-venta-image {
	    max-width: 100px;
	}
	.punto-venta-container > .punto-venta-cell {
		width: 100%;
		margin-bottom:20px;
	}

	.valores-col-image.image-right.image-bolsa {
	    transform: translate(0, 20%);
	        width: 55% !important;
	}
}