/* Establece la posición inferior de la clase joinchat */
.joinchat {
    --bottom: 15%;
}

/* Establece la fuente para la barra superior */
.whb-top-bar {
    font-family: 'Quicksand';
}

/* Aplica un filtro de brillo a las imágenes y SVG dentro de .wd-info-box en .whb-top-bar */
.whb-top-bar .wd-info-box .info-svg-wrapper :is(img, svg) {
    filter: brightness(5);
}

/* Estilo para enlaces de botones específicos */
a.btn.btn-style-link.btn-style-.btn-size-default.wd-open-popup.btn-color-white.btn-icon-pos-left {
    padding-bottom: 2px;
    text-transform: none;
    font-size: 14px;
}

/* Estilo para el número del carrito en los encabezados con diseño 2 y 5 */
.wd-header-cart.wd-design-2 .wd-cart-number, 
.wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: rgb(0 0 0) !important;
}

/* Estilo para imágenes con la clase .borde */
.borde img.attachment-full.size-full {
    max-width: 600px;
    border-width: 5px 5px;
    border-style: solid;
    border-color: #fff;
}

/* Invertir colores de las imágenes dentro de .invert y .sin */
.invert img, 
.sin img {
    filter: invert(1);
}

/* Mezcla de modo oscuro para columnas de Elementor específicas */
.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-7d75a011, 
.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-a30c456 {
    mix-blend-mode: darken;
}

/* Mezcla de modo color burn para imágenes dentro de la clase .burn */
.burn img {
    mix-blend-mode: color-burn;
}

/* Estilo por defecto para el título de la página */
.page-title-default {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #ffffffb0;
    background-blend-mode: lighten;
}

/* Estilo para etiquetas de menú en el encabezado general */
.whb-general-header .menu-label-grey {
    color: #fff;
    --wd-label-color: #81d8d0;
}

/* Aplica un filtro complejo a las imágenes dentro de .info-box-wrapper en .filtro */
ul.wd-nav-product-cat img,.alergenos img,.filtro .info-box-wrapper img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(81%) saturate(5871%) hue-rotate(316deg) brightness(101%) contrast(99%);
}

/* Establece el ancho del formulario responsivo */
#contact-form-7.cf7-form {
    width: 100%;
}

/* Estilo para filas de formulario */
#contact-form-7 .cf7-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

/* Estilo para columnas de ancho mitad */
#contact-form-7 .cf7-column-half {
    width: 50%;
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Estilo para columnas de ancho completo */
#contact-form-7 .cf7-column-full {
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
    #contact-form-7 .cf7-column-half, 
    #contact-form-7 .cf7-column-full {
        width: 100%;
        padding: 0;
    }
}

/* Estilo para la política de privacidad */
#contact-form-7 .privacy-policy {
    font-size: 0.80em; /* Ajusta este valor según tus necesidades */
}

/* Datepicker */
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
    background: #000000e6 !important;
}
.ui-datepicker thead {
    background: #00a9b5 !important;
}
.ui-datepicker th {
    color: #fff;
}

.wd-builder-off .single-product-page {
    background: whitesmoke;
    margin-top: -90px;
    padding-top: 90px;
	  margin-bottom: -40px;
	  padding-bottom: 40px;
}

.alergenos img {
    max-width: 55px;
    max-height: 55px;
}

#shipping_method,.payment_methods label {
    text-transform: uppercase;
}
.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
    max-width: none !important;
}

.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
    background: #000000e6 !important;
    color: #fff;
}

@media (max-width: 1500px) {
	li#menu-item-12891 {
		display: none;
	}
}

@media (max-width: 1200px) {
	ul#menu-top-central {
    display: none;
}
}

.whb-col-mobile .btn-size-default img {
    max-width: 30px;
}

.frm_forms select.ui-datepicker-month,.frm_forms select.ui-datepicker-year {
    width: 35% !important;
    text-align: center;
    text-transform: uppercase;
}
.term-444 .wd-info-box :is(.info-box-subtitle,.info-box-title,.info-box-inner):not(:first-child) {
    margin-top: 0;
}
form.cart {
    display: none !important;
}