:root {
	--wd-text-font: "Public Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #555555;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #3A3A3A;
	--wd-entities-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #3A3A3A;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "IBM Plex Mono", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "IBM Plex Mono", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #3A3A3A;
	--wd-widget-title-font-size: 12px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #6B9C87;
	--wd-alternative-color: #3A3A3A;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #6B9C87;
	--btn-accented-bgcolor-hover: #557E6C;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #6B9C87;
	--wd-link-color-hover: #557E6C;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #2C2C2C;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #FBF7F0;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ============================================================
   Funeraria Henriquez - Comportamiento global de botones
   Vive aca (WoodMart > Custom CSS) y no en cada widget, para que
   aplique a todos los botones de Elementor y de WooCommerce del
   sitio, incluidas las paginas y carruseles que se agreguen despues.
   ============================================================ */

/* 1. Transicion pareja en todos los botones */
.elementor-button,
.wd-button-wrapper .btn,
.woocommerce a.button,
.woocommerce button.button,
.wd-buy-now-btn,
.single_add_to_cart_button{
  transition: background-color .22s ease, color .22s ease, border-color .22s ease,
              transform .18s ease, box-shadow .28s ease !important;
  will-change: transform;
}

/* 2. Espacio para que la sombra no quede cortada por el borde del contenedor.
      El padding y el margen negativo se anulan, asi que no mueve el layout. */
.elementor-widget-button .elementor-button-wrapper{
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.elementor-widget-button,
.elementor-widget-button .elementor-widget-container{ overflow: visible !important; }

/* 3. Elevacion al pasar el mouse */
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover{
  transform: translateY(-2px);
}
.elementor-button:active,
.woocommerce a.button:active{ transform: translateY(0); }

/* 4. Respaldo de color por si Elementor aun no regenera su CSS.
      Cada regla toma el color de fondo declarado en el widget. */
.elementor-button[style*="6B9C87"]:hover,
.elementor-button[style*="6B9C87"]:hover{ background-color:#557E6C !important; color:#FFFFFF !important; }
.elementor-button[style*="3A3A3A"]:hover,
.elementor-button[style*="3A3A3A"]:hover{ background-color:#262626 !important; color:#FFFFFF !important; }
.elementor-button[style*="E3F0EA"]:hover,
.elementor-button[style*="E3F0EA"]:hover{ background-color:#CFE4D8 !important; color:#2E2E2E !important; }

/* 5. Foco visible por teclado, que Elementor no trae por defecto */
.elementor-button:focus-visible,
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible{
  outline: 2px solid #6B9C87;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  .elementor-button, .woocommerce a.button, .woocommerce button.button{ transition:none !important; }
  .elementor-button:hover, .woocommerce a.button:hover{ transform:none; }
}


/* Carruseles de productos (Elementor + WoodMart): columnas responsivas.
   El widget wd_products solo aplica columns_tablet/columns_mobile en modo grid,
   por eso el carrusel se ajusta aqui. */
@media (max-width: 768.98px){
  .elementor-widget-wd_products .wd-carousel{ --wd-col: 1 !important; }
}
@media (min-width: 769px) and (max-width: 1024.98px){
  .elementor-widget-wd_products .wd-carousel{ --wd-col: 2 !important; }
}