:root {
	--wd-text-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(21,112,239);
	--wd-alternative-color: rgb(234,242,255);
	--btn-default-bgcolor: rgb(21,112,239);
	--btn-default-bgcolor-hover: rgb(21,112,239);
	--btn-accented-bgcolor: rgb(21,112,239);
	--btn-accented-bgcolor-hover: rgb(21,112,239);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(21,112,239);
	--wd-link-color-hover: rgb(20,93,229);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 210px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(1,75,143);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(21,112,239);
	--wd-form-placeholder-color: rgb(107,114,128);
	--wd-form-brd-color: rgb(21,112,239);
	--wd-form-brd-color-focus: rgb(21,112,239);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 15px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 14px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}



.wd-page-title {
background-color: rgb(71,164,250);
}

@media (min-width: 1025px) {
	/* Quita el padding que separa el contenido del header en INICIO */
body.page-id-7113 main#main-content.wd-content-layout{
  padding-top: 0 !important;
}

/* ============ HEADER LAYOUT FIX (WoodMart) ============ */

/* 1) Alinear verticalmente todo el header */
.whb-main-header .whb-general-header-inner{
  align-items: center !important;
}

/* 2) Que el centro SI crezca y no se comprima */
.whb-main-header .whb-col-center{
  flex: 1 1 0% !important;
  min-width: 0 !important;
}

/* 3) Que izquierda/derecha no empujen raro */
.whb-main-header .whb-col-left,
.whb-main-header .whb-col-right{
  flex: 0 0 auto !important;
}

/* 4) El HTML block del centro debe ocupar todo el ancho */
.whb-main-header .whb-col-center .wd-header-html,
.whb-main-header .whb-col-center .whb-el-html-block,
.whb-main-header .whb-col-center .whb-column,
.whb-main-header .whb-col-center .whb-column-item{
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* 5) El buscador al 100% del centro, con max-width “pro” */
.whb-main-header .whb-col-center #ajaxsearchlite1{
  width: 100% !important;
  max-width: 820px !important;   /* ajusta: 720/820/920 */
  margin: 0 auto !important;
}

/* 6) Logo: alinear y quitar offsets típicos */
.whb-main-header .whb-col-left .wd-logo,
.whb-main-header .whb-col-left .site-logo{
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Si el logo sigue “caído” 1-3px, activa este ajuste fino */
/*
.whb-main-header .whb-col-left .wd-logo{
  transform: translateY(-2px) !important;
}
*/


/* Menú principal: hover y activo a altura completa */
.whb-header-bottom .whb-col-center,
.whb-header-bottom .wd-header-nav,
#menu-navegacion-principal{
  height:100% !important;
}
.whb-header-bottom .wd-header-nav{
  align-self:stretch !important;
}
#menu-navegacion-principal{
  align-items:stretch !important;
  gap:0 !important;
}
#menu-navegacion-principal > li{
  display:flex !important;
  align-items:stretch !important;
  height:100% !important;
}
#menu-navegacion-principal.wd-style-bg > li > a{
  box-sizing:border-box;
  height:100% !important;
  padding-inline:20px !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Botones Cuenta y Carrito - header desktop */
.whb-main-header .wd-header-my-account{margin-inline-end:8px !important;}
.whb-main-header .wd-header-my-account>a,
.whb-main-header .wd-header-cart>a{
  box-sizing:border-box; height:38px !important; min-height:38px !important;
  padding:0 12px; gap:7px; border-radius:6px;
  font-size:13px; font-weight:600; line-height:1;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.whb-main-header .wd-header-my-account>a{background:#f8fafc; color:#334155; border:1px solid #d7dee8;}
.whb-main-header .wd-header-my-account>a::after{content:"Mi cuenta";}
.whb-main-header .wd-header-cart>a{background:#1570ef; color:#fff; border:1px solid #1570ef;}
.whb-main-header .wd-header-cart>a::after{content:"Carrito";}
.whb-main-header .wd-header-my-account .wd-tools-icon,
.whb-main-header .wd-header-cart .wd-tools-icon{
  flex:0 0 18px; width:18px !important; height:18px !important;
  background:none !important; border:0 !important; border-radius:0 !important; color:inherit !important;
}
.whb-main-header .wd-header-my-account .wd-tools-icon::before,
.whb-main-header .wd-header-cart .wd-tools-icon::before{
  content:"" !important; display:block; width:18px; height:18px;
  background-color:currentColor !important; font-size:0 !important;
}
.whb-main-header .wd-header-my-account .wd-tools-icon::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm-7%208a7%207%200%200%201%2014%200'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm-7%208a7%207%200%200%201%2014%200'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.whb-main-header .wd-header-cart .wd-tools-icon::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%204h2l2.2%209.4a2%202%200%200%200%202%201.6h7.9a2%202%200%200%200%201.9-1.4L21%207H6'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='10'%20cy='20'%20r='1.2'%20fill='black'/%3E%3Ccircle%20cx='18'%20cy='20'%20r='1.2'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%204h2l2.2%209.4a2%202%200%200%200%202%201.6h7.9a2%202%200%200%200%201.9-1.4L21%207H6'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='10'%20cy='20'%20r='1.2'%20fill='black'/%3E%3Ccircle%20cx='18'%20cy='20'%20r='1.2'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.whb-main-header .wd-header-cart .wd-tools-text{display:none !important;}
.whb-main-header .wd-header-my-account:hover>a{background:#eef5ff; color:#0f5fd1; border-color:#9ec5ff; box-shadow:0 2px 8px rgba(15,95,209,.12);}
.whb-main-header .wd-header-cart:hover>a{background:#0e5dcc; border-color:#0e5dcc; box-shadow:0 3px 10px rgba(14,93,204,.20);}
.whb-main-header .wd-header-my-account>a:focus-visible,
.whb-main-header .wd-header-cart>a:focus-visible{outline:3px solid rgba(21,112,239,.28); outline-offset:2px;}

/* Color explicito del icono del carrito */
.whb-main-header .wd-header-cart .wd-tools-icon::before{color:#fff !important; background-color:#fff !important;}

/* ============ BUSCADOR DEL HEADER · ASL #1 ============ */
/* Presentación desacoplada de la lógica; facilita migrar después al buscador nativo de WoodMart. */
.whb-main-header #ajaxsearchlite1,
.whb-main-header #ajaxsearchlite1 .probox{
  box-sizing:border-box !important;
  height:46px !important;
  min-height:46px !important;
  border-radius:6px !important;
}

.whb-main-header #ajaxsearchlite1 .probox{
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #1570ef !important;
  box-shadow:0 2px 8px rgba(21,112,239,.10) !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
}

.whb-main-header #ajaxsearchlite1 .probox:focus-within{
  border-color:#0e5dcc !important;
  box-shadow:0 0 0 3px rgba(21,112,239,.16), 0 4px 12px rgba(21,112,239,.12) !important;
}

/* Elimina el doble desplazamiento izquierdo del tema del plugin. */
.whb-main-header #ajaxsearchlite1 .proinput{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
}

.whb-main-header #ajaxsearchlite1 .proinput form{
  width:100% !important;
  height:44px !important;
  margin:0 !important;
}

.whb-main-header #ajaxsearchlite1 .proinput input.orig{
  box-sizing:border-box !important;
  width:100% !important;
  height:44px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#172033 !important;
  font-size:14px !important;
  line-height:44px !important;
}

.whb-main-header #ajaxsearchlite1 .proinput input.orig::placeholder{
  color:#718096 !important;
  opacity:1 !important;
}

/* Botón azul integrado y lupa centrada. */
.whb-main-header #ajaxsearchlite1 .promagnifier{
  flex:0 0 52px !important;
  width:52px !important;
  min-width:52px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-left:1px solid #1570ef !important;
  border-radius:0 !important;
  background:#1570ef !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background-color .18s ease, border-color .18s ease !important;
}

.whb-main-header #ajaxsearchlite1 .promagnifier:hover{
  background:#0e5dcc !important;
  border-left-color:#0e5dcc !important;
}

.whb-main-header #ajaxsearchlite1 .promagnifier .innericon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.whb-main-header #ajaxsearchlite1 .promagnifier svg{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  transform:none !important;
  fill:#fff !important;
}

.whb-main-header #ajaxsearchlite1 .promagnifier svg path{
  fill:#fff !important;
}

.whb-main-header #ajaxsearchlite1 .promagnifier:focus-visible{
  outline:3px solid rgba(21,112,239,.28) !important;
  outline-offset:-3px !important;
}
/* ========== FIN BUSCADOR DEL HEADER · ASL #1 ========== */	
}