.elementor-kit-24308{--e-global-typography-primary-font-family:"Century Gothic Bold";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Century Gothic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Century Gothic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Century Gothic Bold";--e-global-typography-accent-font-weight:700;}.elementor-kit-24308 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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; }

/* 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: "Century Gothic", Sans-serif;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.9;
}

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

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

/* Estilo específico para la palabra Acceder / Nombre */
.user-login-wrapper .user-login-link {
    color: #3498db !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: "Century Gothic Bold", 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;
    margin-right: 12px;
    font-size: 18px;
    color: #3182ce; /* 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-24308 .jet-search-filter__input {
    padding-right: 40px !important; /* Espacio para que el texto no toque la lupa */
    padding-left: 15px !important;
    height: 45px;
    border: 1px solid #1C355E;
    border-radius: 8px;
    
    /* Insertamos la lupa como imagen de fondo */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23004a99'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center; /* Posición de la lupa */
    background-size: 30px; /* Tamaño de la lupa */
}
.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; }
.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: "Century Gothic", Sans-serif!important; }
.fuente-bold { font-family: "Century Gothic Bold", Sans-serif!important; }

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

.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: "Century Gothic Bold", Sans-serif; font-weight: bold; font-size: 16px; }

/* Detalles de productos */
.woo-descuento { min-width: 50px; padding: 0 5px; border-radius: 5px; background-color: var(--color-franja); font-family: "Century Gothic", Sans-serif; color:#ffffff; font-size: 12px; text-align: center; }
.woo-msi { min-width: 50px; padding: 0 5px; border-radius: 5px; background-color: var(--color-franja); font-family: "Century Gothic", Sans-serif; color:#ffffff; font-size: 12px; text-align: center; }
.product-brand-wrapper { font-family: "Century Gothic Bold", Sans-serif; color:#0071CE; font-size: 12px; }
.descuentos { font-family: "Century Gothic Bold", Sans-serif; 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-medidas,
    .term-sanitarios-sanitarios .filter-medidas,
    .term-muebles-para-bano .filter-medidas,
    .term-griferia .filter-medidas,
    .term-tinas .filter-medidas,
    .term-lavabos-bowls .filter-medidas,
    .term-espejos .filter-medidas,
    .term-regaderas .filter-medidas,
    .term-complementos .filter-medidas,
    .term-vitroblock .filter-medidas,
    .term-tiratrim-perfiles .filter-medidas { 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; }
}
@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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic Bold';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://sanimex-new.axiskgdesarrollos.com/wp-content/uploads/2026/04/centurygothic_bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://sanimex-new.axiskgdesarrollos.com/wp-content/uploads/2026/02/CenturyGothic.ttf') format('truetype');
}
/* End Custom Fonts CSS */