.elementor-kit-8{--e-global-color-primary:#5A564D;--e-global-color-secondary:#393223;--e-global-color-text:#838079;--e-global-color-accent:#47463F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-decoration:underline;}.elementor-kit-8 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 *//* Puente: aplica variables globales de Elementor a contenido NO-Elementor (WooCommerce, WP) */
body {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family);
  font-weight: var(--e-global-typography-text-font-weight);
  font-size: var(--e-global-typography-text-font-size);
  line-height: var(--e-global-typography-text-line-height);
}

/* Enlaces: usar el color global Accent de Elementor */
a, a:visited {
  color: var(--e-global-color-accent);
}

a:hover, a:focus, a:active {
  color: var(--e-global-color-accent);
}

/* Títulos (opcional): usa la tipografía Primary y el color Primary global */
h1, h2, h3, h4, h5, h6 {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: var(--e-global-typography-primary-font-weight);
}

/* Quita el foco “azul” en iOS al tocar con el dedo, pero lo mantiene con teclado */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Tap highlight (iOS Safari) */
a, button, [role="button"] {
  -webkit-tap-highlight-color: transparent;
}

/* Ejemplo: ajusta el .elementor-kit-8 al enlace real del logo */
.mobile-menu a:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Quitar el estilo global de Elementor SOLO del botón toggle del carrito */
body a#elementor-menu-cart__toggle_button.elementor-menu-cart__toggle_button.elementor-button{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  border-radius: 0 !important;
}

/* Hacer el "card" del producto el contenedor de referencia */
.woocommerce ul.products li.product {
  position: relative;
}

/* Colocar el corazon (TI Wishlist) encima de la imagen, arriba a la derecha */
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 20 !important;

  margin: 0 !important;
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.9);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 999px;
}

/* Ajuste del icono para que quede centrado y sin empujes raros */
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
  display: none !important;
}
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button i,
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button svg {
  margin: 0 !important;
}

/* Hacer el "card" del producto el contenedor de referencia */
.woocommerce ul.products li.product {
  position: relative;
}

/* Colocar el corazon (TI Wishlist) encima de la imagen, arriba a la derecha */
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 20 !important;

  margin: 0 !important;
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.9);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 999px;
}

/* Ajuste del icono para que quede centrado y sin empujes raros */
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
  display: none !important;
}
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button i,
.woocommerce ul.products li.product a.tinvwl_add_to_wishlist_button svg {
  margin: 0 !important;
}

/* Ajustes estilos tinwl */
.tinvwl-to-right button.button{
  font-size: 12px;
  padding: 8px 10px;
}


/* Overlay (fondo oscuro detrás del modal) */
.tin-modal,
.tinvwl-modal {
  background: rgba(0,0,0,.45) !important;
}

/* Caja del modal */
.tin-modal .tin-modal-inner,
.tinvwl-modal .tinvwl-modal-inner,
.tin-modal .tin-modal-content,
.tinvwl-modal .tinvwl-modal-content {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;
  padding: 18px 18px !important;
}

/* Botones WooCommerce (estilo como en Elementor) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;

  padding: 10px 10px !important;
  border-radius: 0 !important;

  border-style: solid !important;
  border-width: 2px !important;
  border-color: #47463F !important;

  color: #47463F !important;
  background-color: #ffffff !important;

  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hover (si quieres el típico invertido: fondo oscuro + texto blanco) */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #47463F !important;
  color: #ffffff !important;
  border-color: #47463F !important;
}

/* Wishlist estilos */
/* TI Wishlist modal: botón "Ver la lista de deseos" (quita rosa #CC3366) */
button.button.tinvwl_button_view.tinvwl-btn-onclick,
button.button.tinvwl_button_close.tinvwl-btn-onclick,
.tinvwl-popup-content button.button,
.tinvwl-popup-content a.button {
  border: 1px solid #47463F !important;
  border-color: #47463F !important;
  color: #47463F !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Hover/Focus del Cerrar */
button.button.tinvwl_button_close.tinvwl-btn-onclick:hover,
button.button.tinvwl_button_close.tinvwl-btn-onclick:focus,
button.button.tinvwl_button_close.tinvwl-btn-onclick:focus-visible,
button.button.tinvwl_button_close.tinvwl-btn-onclick:active,
.tinvwl-popup-content button.button.tinvwl_button_close:hover,
.tinvwl-popup-content button.button.tinvwl_button_close:focus,
.tinvwl-popup-content button.button.tinvwl_button_close:focus-visible,
.tinvwl-popup-content button.button.tinvwl_button_close:active {
  background: #47463F !important;
  border-color: #47463F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* TI Wishlist popup: BOTÓN CERRAR (.elementor-kit-8 exacto) */
#tinvwl_popup_message button.button.tinvwl_button_close,
#tinvwl_popup_message button.tinvwl_button_close,
.tinvwl-popup-content button.button.tinvwl_button_close,
button.button.tinvwl_button_close {
  background: #47463F !important;
  border: 1px solid #47463F !important;
  border-color: #47463F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
/* Hover / Focus / Active (aquí suele reaparecer el rosa) */
button.button.tinvwl_button_view.tinvwl-btn-onclick:hover,
button.button.tinvwl_button_view.tinvwl-btn-onclick:focus,
button.button.tinvwl_button_view.tinvwl-btn-onclick:focus-visible,
button.button.tinvwl_button_view.tinvwl-btn-onclick:active,
button.button.tinvwl_button_close.tinvwl-btn-onclick:hover,
button.button.tinvwl_button_close.tinvwl-btn-onclick:focus,
button.button.tinvwl_button_close.tinvwl-btn-onclick:focus-visible,
button.button.tinvwl_button_close.tinvwl-btn-onclick:active,
.tinvwl-popup-content button.button:hover,
.tinvwl-popup-content button.button:focus,
.tinvwl-popup-content button.button:focus-visible,
.tinvwl-popup-content button.button:active {
  border-color: #47463F !important;
  background: #47463F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* TI Wishlist modal: botón Cerrar (quitar rosa) */
button.button.tinvwl_button_close.tinvwl-btn-onclick,
.tinvwl-popup-content button.button.tinvwl_button_close {
  background: #47463F !important;
  border: 1px solid #47463F !important;
  border-color: #47463F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Boton cerrar */
#tinvwl_popup_message button.button.tinvwl_button_close:hover,
#tinvwl_popup_message button.button.tinvwl_button_close:focus,
#tinvwl_popup_message button.button.tinvwl_button_close:focus-visible,
#tinvwl_popup_message button.button.tinvwl_button_close:active,
.tinvwl-popup-content button.button.tinvwl_button_close:hover,
.tinvwl-popup-content button.button.tinvwl_button_close:focus,
.tinvwl-popup-content button.button.tinvwl_button_close:focus-visible,
.tinvwl-popup-content button.button.tinvwl_button_close:active,
button.button.tinvwl_button_close:hover,
button.button.tinvwl_button_close:focus,
button.button.tinvwl_button_close:focus-visible,
button.button.tinvwl_button_close:active {
  background: #47463F !important;
  border-color: #47463F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}/* End custom CSS */