.elementor-kit-22878{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-22878 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.css-menu nav ul li:first-child a { border-left-style: solid; border-left-width: 1px; height: 100%; border-color: #e5e7eb; }
.menu-responsivo nav { height: 100vh; }
.menu-responsivo ul { width: 300px; height: 100vh; background-color: #ffffff; }
.activar_false .catalogo { display: none; }
.activar_true .catalogo { display: flex; }
.puntero { cursor: pointer; }
.movil { display: none!important; }
.tit-banner .elementor-heading-title::before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; }

/* shortcode localizador */
.header-location-wrapper {
    display: flex;
    align-items: center;
    color: #ffffff;
}

/* Selector actualizado para el nuevo icono SVG */
.header-location-icon {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 20px; /* Tamaño proporcional al texto */
}

.header-location-icon svg {
    fill: #ffffff;
    width: 100%;
    height: auto;
}

.header-location-text {
    display: flex;
    flex-direction: column;
}

.location-label {
    font-family: "Montserrat", Sans-serif;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.9;
}

.location-city {
    font-family: "Montserrat", Sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
}

/* shrotcode bienvenida */
.user-login-wrapper {
    color: #ffffff;
    font-size: 11px;
    font-family: "Montserrat", Sans-serif;
}

/* Estilo específico para la palabra Acceder / Nombre */
.user-login-wrapper .user-login-link {
    color: #ffffff !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.user-login-wrapper .user-login-link:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* shortcode sesion */
div.nsl-container .nsl-container-buttons { display: flex!important; }

/* Contenedor principal del botón */
.btn-login-email {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    padding: 8px 20px;
    text-decoration: none !important;
    width: 100%;
    transition: background 0.3s ease;
}

/* Estilo del Icono */
.btn-login-email .icon-email {
    color: #1A73E8;
    font-size: 16px;
    margin-right: 15px;
}

/* Estilo del Texto */
div.nsl-container .nsl-button-google div.nsl-button-label-container, 
.btn-login-email .text-email {
    color: #000;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* mi cuenta */
/* Cargar la fuente de iconos de WordPress */
.woocommerce-MyAccount-navigation li a::before {
    font-family: "dashicons" !important;
    margin-right: 12px;
    font-size: 18px;
    color: #000000; /* Azul Sanimex */
    vertical-align: middle;
}

/* Icono para Escritorio */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f226"; }

/* Icono para Mis Datos (edit-account) */
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f110"; }

/* Icono para Pedidos */
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f174"; }

/* Icono para Direcciones */
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f102"; }

/* Icono para Salir */
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f153"; }

/* Estilo de los botones */
.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 15px 20px;
    border: 1px solid #f0f0f0;
    margin-bottom: -1px;
    text-decoration: none;
    color: #1a365d;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation li.is-active a {
    background: #f7fafc;
    border-left: 4px solid #3182ce;
    color: #3182ce;
}

/* Poner el saludo de bienvenida en el azul de Sanimex */
.woocommerce-MyAccount-content p {
    font-size: 1.1em;
    line-height: 1.6;
}

.woocommerce-MyAccount-content p strong {
    color: #3182ce; /* El azul brillante de tu logo */
    font-size: 1.2em;
}

/* lupa en todos los search */
.elementor-kit-22878 .jet-search-filter__input {
    padding-right: 15px !important; 
    padding-left: 50px !important;
    height: 45px;
    border: 1px solid #000000;
    border-radius: 8px;
    
    /* Insertamos la lupa como imagen de fondo */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><g fill='%23000' clip-path='url(%23searchblack_svg__a)'><path d='M21.408 2.378A9.3 9.3 0 0 0 15.237 0C12.487.007 9.77 1.335 8.1 3.485 6.87 5.068 6.2 7.127 6.553 9.086c.021.1.043.213.136.277.137.092.339-.021.397-.17s.021-.32 0-.483c-.288-1.704.424-3.443 1.49-4.806.972-1.235 2.268-2.243 3.766-2.754 1.476-.504 3.104-.518 4.63-.15 2.045.49 4.018 1.697 5.163 3.472 1.138 1.76 1.303 4.01.835 6.005-.33 1.427-.972 2.797-1.958 3.883-2.564 2.84-7.338 3.024-10.499 1.072-.547-.334-1.174-.767-1.72-1.285.02-.028.042-.05.064-.078.778-.923 1.62-2.264.684-3.379-.778-.937-2.124-.475-2.55.54-.431 1.03.217 2.122.887 2.86.007 0 .014.015.021.022-1.404 1.398-5.832 5.494-7.777 7.205-.18.156-.15.433 0 .596.706.745 1.419 1.221 2.125 1.966.158.17.439.15.605 0 .302-.277.597-.553.9-.837 2.117-1.967 4.226-3.933 6.343-5.9.404-.368-.201-.695-.604-.319-.303.277-.598.554-.9.838l-6.028 5.6-1.533-1.618a183 183 0 0 0 3.478-3.166c1.325-1.242 2.671-2.505 3.88-3.861.836.788 1.83 1.427 2.867 1.91 2.686 1.263 5.876 1.298 8.468-.207 2.153-1.249 3.629-3.428 4.097-5.834A9.3 9.3 0 0 0 24 8.589c.007-2.314-.85-4.635-2.592-6.211M7.51 12.046c-.05-.29.015-.61.224-.816.612-.597 1.418-.036 1.368.703-.036.553-.425 1.299-.77 1.725-.418-.483-.728-1.023-.822-1.612'/><path d='M9.239 7.872c.014-1.725 1.166-3.634 2.815-4.294.684-.27 1.426-.362 2.16-.355.094 0 .195 0 .288-.007a.7.7 0 0 0 .26-.093.4.4 0 0 0 .15-.404c-.064-.298-.388-.355-.647-.341-2.938.085-5.307 2.364-5.329 5.225 0 .539.295.809.303.27'/></g><defs><clipPath id='searchblack_svg__a'><path fill='%23fff' d='M0 0h24v24H0z'/></clipPath></defs></svg>");
  
  /* Propiedades recomendadas para controlar el icono */
  background-repeat: no-repeat;
  background-size: 30px 30px; 
  background-position: left 10px center;
}
.jet-smart-filters-search .jet-search-filter__input-clear { display: none!important; }
.jet-filter-items-dropdown__body { z-index: 1!important; }
.jet-filter-items-dropdown.jet-dropdown-open .jet-filter-items-dropdown__body { position: relative; }
.aws-container .aws-show-clear .aws-search-field { padding-right: 10px; }
.aws-container .aws-search-form { padding-bottom: 10px; }

/* ocultando Todos */
.contenedor-filtros:has(.elementor-widget-jet-smart-filters-active-tags:not(.hide-widget)) .titulo-fijo-todos { display: none !important; }
.jet-smart-filters-active-tags .jet-active-tag__label,
.jet-smart-filters-active-tags .jet-active-tag__label-separator,
.jet-smart-filters-active-tags .jet-active-tag__remove { display: none !important; }

/* Banners */
.banner h1 { margin-left: 160px; }

.absolute { position: absolute; }
.cursor-pointer { cursor: pointer; }
.lupa { top: 5px; right: 5px; }
.lista-contacto ul li a .elementor-icon-list-text { word-wrap: break-word; overflow-wrap: break-word;  width: 100%; max-width: 200px; }
.mayusculas { text-transform: uppercase; }
.negro { color: #000000!important; }
.bco { color: #FFFFFF!important; }
.azul { color: #1E73BE!important; }
.gris { color: #999!important; }
.grisc { color: #666!important; }
.f36 { font-size: 36px!important; }
.f24 { font-size: 24px!important; }
.f21 { font-size: 21px!important; }
.f20 { font-size: 20px!important; }
.f16 { font-size: 16px!important; }
.f15 { font-size: 15px!important; }
.f14{ font-size: 14px!important; }
.negrita { font-weight: bold!important; }
.mb0 p { margin-bottom: 0px!important; }
.centro { text-align: center!important; }
.fuente-normal { font-family: "Montserrat", Sans-serif!important; }
.fuente-bold { font-family: "Montserrat", Sans-serif!important; }

/* Home */
.slider .elementor-swiper-button { padding: 10px; border-radius: 100%; background-color: #000000; }

.iconos-menu { position: absolute; left: 0; right: 0; bottom: 1.5rem; z-index: 9999;    margin: 0 auto;}
.iconos-menu .elementor-widget-image-box { display: flex; justify-content: center; align-items: center; width: 250px; height: 60px; background: hsla(0, 0%, 100%, .6); transform: skew(315deg); }
.iconos-menu .elementor-image-box-img, .iconos-menu .elementor-image-box-content { transform: skew(45deg); }
.iconos-menu .elementor-image-box-title { margin: 0px;}
.iconos-menu .elementor-image-box-description { display: none!important; }

/* Estilo del mensaje de MSI */
.msi-notice-shortcode { background-color: var(--color-franja); color: #ffffff; padding: 2px; border-radius: 8px; text-align: center; font-family: 'Montserrat'; font-weight: bold; font-size: 15px; }

/* Detalles de productos */
.woo-descuento { min-width: 50px; padding: 0 5px; background-color: var(--color-franja); font-family: 'Montserrat'; color:#ffffff; font-size: 15px; text-align: center; }
.product-brand-wrapper { font-family: 'Montserrat'; color:#000000; font-size: 24px; font-weight: 600; }
.descuentos { font-family: 'Montserrat'; color: rgb(2 116 204); font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.elementor-widget-woocommerce-product-price p.price ins { text-decoration: none; }

/* ocultado marcas en slider especificos */
.sin-marca .shortcode_marcas { display: none!important; }

/* Oculta tambien el widget que contiene los filtros cuando no hay item, esto para evitar el espacio que deja */
    .elementor-widget-jet-smart-filters-checkboxes:has(.jet-filter-items-empty),
    .elementor-widget-jet-smart-filters-select:has(.jet-filter-items-empty),
    .elementor-widget-jet-smart-filters-checkboxes:has(.jet-filter[style*="display: none"]),
    .elementor-widget-jet-smart-filters-select:has(.jet-filter[style*="display: none"]) { display: none !important; }
    
/* ocultar el widget con ciertos categorias, aun que tengan valor sus items */
    .term-banos .filter-formatos,
    .term-sanitarios-sanitarios .filter-formatos,
    .term-muebles-para-bano .filter-formatos,
    .term-griferia .filter-formatos,
    .term-tinas .filter-formatos,
    .term-lavabos-bowls .filter-formatos,
    .term-espejos .filter-formatos,
    .term-regaderas .filter-formatos,
    .term-complementos .filter-formatos,
    .term-vitroblock .filter-formatos,
    .term-tiratrim-perfiles .filter-formatos { display: none !important; }

/* redondeo flecha slider */
.jet-listing-grid__slider-icon.slick-arrow { border-radius: 100%; }

/* abs-prom-esp */
.abs-prom-esp { position: absolute; top: 3px; left: 23px; }

/* Marcas */
.cover img { object-fit: cover; object-position: 10% 100%; }

/* Apertura de tiendas */
.apertura { display: block; margin-top: -5px; font-size: 18px; font-weight: 600; }

/* Todos los inputs number*/
/* Asegura que las flechas siempre sean visibles */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}
.woocommerce .quantity .qty { width: 4.2em!important; text-align: left!important; }

/* Responsivo */
@media (max-width: 1079px) {
    .abs-prom-esp h1 { font-size: 25px; }    
    .abs-prom-esp { position: static; text-align: center; }
}
@media (max-width: 1024px) {
    .buscador-abosulto { position: static; }
    .movil { display:block!important; }
}
@media (max-width: 767px) {
    .banner h1 { margin-left: 20px; }
    .elementor-widget-n-tabs .e-n-tabs-heading { display: flex!important; }
    .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title { margin: 0px !important; }
    .apertura { margin-top: 0px; }
    /* El contenedor de filtros que ya tenías */
    #filtro-responsivo { position: fixed; top: 0; left: -100%; width: 80%; max-width: 300px; height: 100vh; background-color: #ffffff; padding: 60px 20px 20px 20px; z-index: 99999; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 0 20px rgba(0,0,0,0); }
    
    /* Clase cuando el filtro está activo */
    #filtro-responsivo.abierto { left: 0 !important; box-shadow: 5px 0px 30px rgba(0,0,0,0.2); }
    
    /* La capa oscura de fondo (Overlay) */
    .filtro-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(2px); z-index: 99998;    opacity: 0; visibility: hidden; transition: all 0.4s ease; }
    .filtro-overlay.activo { opacity: 1; visibility: visible; }
}/* End custom CSS */