:root {
	--wd-text-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(13,17,31);
	--wd-text-font-size: 17px;
	--wd-title-font: "Tenor Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(13,17,31);
	--wd-entities-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(13,17,31);
	--wd-entities-title-color-hover: rgb(134,103,42);
	--wd-alternative-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(13,17,31);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(13,17,31);
	--wd-alternative-color: rgb(197,160,78);
	--btn-default-font-family: "Quicksand", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-font-size: 16px;
	--btn-default-bgcolor: rgb(13,17,31);
	--btn-default-bgcolor-hover: rgb(134,103,42);
	--btn-accented-font-family: "Quicksand", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-font-size: 16px;
	--btn-accented-bgcolor: rgb(13,17,31);
	--btn-accented-bgcolor-hover: rgb(134,103,42);
	--btn-font-family: "Quicksand", Arial, Helvetica, sans-serif;
	--btn-font-weight: 700;
	--btn-transform: uppercase;
	--btn-color: rgb(255,255,255);
	--btn-font-size: 14px;
	--btn-bgcolor: rgb(13,17,31);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(134,103,42);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(13,17,31);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(180,35,24);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(134,103,42);
	--wd-link-color-hover: rgb(13,17,31);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(251,241,231);
	background-image: none;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: rgb(13,17,31);
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	text-transform: none;
}
html .wd-product .price, html .product-quick-view .summary-inner > .price, html .product-quick-view .variations_form .woocommerce-variation-price .price {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: rgb(13,17,31);
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: rgb(13,17,31);
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Tenor Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 40px;
	color: rgb(13,17,31);
}
html .wd-nav-mobile > li > a {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 17px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(251,241,231);
	background-image: none;
}
html .quick-shop-form .single_add_to_cart_button, html .quick-shop-form div.quantity :is(input[type],.btn), html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn), html .product-quick-view .entry-summary .single_add_to_cart_button, html .cart-totals-inner .checkout-button, html .woocommerce-mini-cart__buttons .btn-cart, html .woocommerce-mini-cart__buttons .checkout, html #place_order {
	font-size: 14px;
	text-transform: uppercase;
}
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-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 50px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: -20px;
	--wd-arrow-color: rgb(13,17,31);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgba(51,51,51,0.8);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(13,17,31);
	--wd-arrow-bg-dis: rgb(255,255,255);
	--wd-arrow-radius: 300px;
	--wd-arrow-shadow: 2px 2px 12px 0px rgb(232,220,203);
}
.wd-nav-scroll {
	--wd-nscroll-height: 5px;
	--wd-nscroll-width: 25%;
	--wd-nscroll-drag-bg: rgb(197,160,78);
	--wd-nscroll-drag-bg-hover: rgb(13,17,31);
}
.wd .product-label.onsale {
	background-color: rgb(13,17,31);
}
.wd .product-label.new {
	background-color: rgb(13,17,31);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(13,17,31);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(134,103,42);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 17px;
	--btn-default-font-size: 16px;
	--btn-accented-font-size: 16px;
	--wd-sticky-btn-height: 95px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 18px;
	}
	html .wd-product .price, html .product-quick-view .summary-inner > .price, html .product-quick-view .variations_form .woocommerce-variation-price .price {
		font-size: 18px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
		font-size: 26px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 34px;
	}
	html .wd-nav-mobile > li > a {
		font-size: 17px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -45px;
	--wd-arrow-offset-v: 20px;
	}
	.wd-nav-scroll {
		--wd-nscroll-width: 50%;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 17px;
	--btn-default-font-size: 16px;
	--btn-accented-font-size: 16px;
	--wd-sticky-btn-height: 42px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 17px;
	}
	html .wd-product .price, html .product-quick-view .summary-inner > .price, html .product-quick-view .variations_form .woocommerce-variation-price .price {
		font-size: 17px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
		font-size: 24px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 30px;
	}
	html .wd-nav-mobile > li > a {
		font-size: 17px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -45px;
	--wd-arrow-offset-v: 25px;
	}
	.wd-nav-scroll {
		--wd-nscroll-width: 100%;
	}

}
:root{
--wd-container-w: 1400px;
--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;
}

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


.wd-page-title {
background-color: rgb(251,241,231);
}

/* ==========================================================================
   PEARLS — CSS PERSONALIZADO GLOBAL · ES y FR (idéntico)
   Valores: claude/PES_MARCA_Manual.md §B2–B4 · Auditoría: claude/PES_WEB_Store-Mapeo-WoodMart.md §5
   Aquí solo va lo que Theme Settings y Elementor no alcanzan. Colores y fuentes, en Theme Settings.
   ========================================================================== */

/* ---------- 1. SISTEMA DE MARCA ---------- */

/* [GLOBAL] Radios (B4): botones y campos a 6 px. WoodMart fija la píldora en cada widget */
:root {
  --btn-default-brd-radius: 6px;
  --btn-accented-brd-radius: 6px;
  --wd-form-brd-radius: 6px;
  --wd-star-color: #C5A04E;
  /* Theme Settings solo expone el tamano de los botones "default" y "shop" (ya en 16 px).
     Los botones de WooCommerce sin clase .btn del tema (anadir al carrito, - / +) caen a
     este token, que WoodMart fija en 14 px. Publico adulto: lo igualamos a 16 px. */
  --btn-font-size: 16px;
}
.btn.btn-shape-round, .btn.btn-style-round,
.btn.btn-shape-semi-round, .btn.btn-style-semi-round { --btn-brd-radius: 6px; }
.wd-search-form, .whb-header .searchform { --wd-form-brd-radius: 6px; }

/* [GLOBAL] Botones (B4): interletrado 0,16 em y área de toque para público adulto */
.btn, .button, .single_add_to_cart_button, .checkout-button, #place_order { letter-spacing: .16em; }

/* [GLOBAL] Botones clave de compra. WoodMart los deja clavados en 14 px por codigo
   (no hay ajuste en Theme Settings) mientras el resto ya va a 16 px. Se igualan. */
html :is(.entry-summary, .wd-single-add-cart, .wd-sticky-btn-cart, .cart-totals-inner, .woocommerce-mini-cart__buttons)
  :is(.single_add_to_cart_button, .wd-sticky-add-to-cart, .checkout-button, .btn-cart, .checkout),
html #place_order { font-size: 16px; }
.single_add_to_cart_button, .cart-totals-inner .checkout-button, #place_order,
.woocommerce-mini-cart__buttons .btn { min-height: 48px; }
.products .product .button, .products .product .added_to_cart { min-height: 44px; padding: 0 12px !important; }

/* [GLOBAL] Campos a 16 px (el iPhone deja de ampliar la página) y − / + tocables */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
input[type="number"], input[type="password"], select, textarea { font-size: 16px; }
.quantity input.minus, .quantity input.plus { min-width: 44px; min-height: 44px; }

/* ---------- 2. ETIQUETAS ---------- */

/* [GLOBAL] Descuento de Flycart: píldora tinta con texto oro (7,6:1) */
.product-grid-item .mx-sale-badge,
.single-product div.product .mx-sale-badge {
  position: absolute; z-index: 10;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 28px; padding: 0 12px; border-radius: 999px;
  background-color: #0D111F; color: #C5A04E;
  font-family: 'Quicksand', sans-serif; font-size: 13px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
}
.product-grid-item .mx-sale-badge { top: 10px; left: 10px; }
.single-product div.product .mx-sale-badge { top: 20px; left: 20px; }
@media (max-width: 767px) {
  .product-grid-item .mx-sale-badge { top: 8px; left: 8px; min-height: 24px; padding: 0 10px; font-size: 12px; }
  .single-product div.product .mx-sale-badge { top: 12px; left: 12px; }
}

/* [GLOBAL] Una sola etiqueta de oferta: fuera la SALE nativa y la PROMO genérica de Flycart */
.product-grid-item .onsale,
.single-product div.product .onsale,
.mx-sale-badge--generic { display: none !important; }

/* ---------- 3. FICHA DE PRODUCTO ---------- */

/* [GLOBAL] Cantidad y Añadir al carrito en una fila; el botón ocupa el resto */
.single-product .cart { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.single-product .cart .quantity { margin-bottom: 0; }
.single-product .cart .single_add_to_cart_button { flex: 1; min-width: 200px; }

/* [GLOBAL] Ocultar los campos vacíos de Flexible Product Fields */
.single-product .cart .fpf-fields:not(:has(input:not([type="hidden"]))) { display: none !important; }

/* [GLOBAL] Selectores de formato en las tarjetas. En la ficha el tamano sale del
   atributo Formato (XL, 70 px); en la rejilla el tema lo fija en 35 px y no hay
   ajuste nativo, asi que se sube su propia variable. Publico adulto: importa. */
.wd-swatches-grid { --wd-swatch-size: 52px !important; --wd-swatch-text-size: 18px !important; }
@media (max-width: 767px) {
  .wd-swatches-grid { --wd-swatch-size: 48px !important; }
}

/* [GLOBAL] Aro de la variante seleccionada. El estilo 3 del atributo ya pega el aro
   al circulo (antes el estilo 2 dejaba 4 px de aire y parecia desplazado), pero el
   tema solo lo pinta en gris 1 px y no expone control de color. Tinta + 2 px. */
[class*="wd-swatches"].wd-bg-style-3 .wd-swatch.wd-bg.wd-active,
[class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text.wd-active {
  --wd-swatch-brd-color: #0D111F !important;
  border-width: 2px !important;
}

/* ---------- 4. PÁGINA DE GRACIAS ---------- */

/* [GLOBAL] Botón Crear cuenta (sistema B4) */
.thankyou-custom-button a {
  display: inline-flex; align-items: center; min-height: 48px;
  padding: 12px 24px; border-radius: 6px;
  background-color: #0D111F; color: #FFFFFF !important;
  font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .16em; text-decoration: none;
  transition: background-color .2s ease;
}
.thankyou-custom-button a:hover { background-color: #86672A; }

/* ---------- 5. NAVEGACIÓN ---------- */

/* [GLOBAL] Anclas de la home: desplazamiento suave y hueco para la cabecera fija */
html { scroll-behavior: smooth; }
#planes, #lomasvendido, #momentos, #regalos { scroll-margin-top: 100px; }
@media (max-width: 1024px) { #planes, #lomasvendido, #momentos, #regalos { scroll-margin-top: 80px; } }
@media (max-width: 767px)  { #planes, #lomasvendido, #momentos, #regalos { scroll-margin-top: 60px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* [MÓVIL Y TABLETA ≤1024] Selector de idioma: alinear el submenú */
@media (max-width: 1024px) {
  .wd-dropdown-menu.wd-design-default { --wd-dropdown-width: 90px; left: -25%; right: auto; }
}


/* [GLOBAL] Boton CATEGORIAS de la cabecera: el tema lo fuerza a pildora (radio x100). Radio del sistema y hover oro texto */
.wd-sticky-nav .wd-sticky-nav-title { border-radius: 6px; }
.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title,
.wd-sticky-nav-title:hover { background-color: #86672A; color: #FFFFFF; }

/* ---------- 6. INTEGRACIONES ---------- */

/* [GLOBAL] Pie y carga diferida de WP Rocket. No quitar: sin esto desaparece el pie */
.wd-footer.footer-container[data-wpr-lazyrender] { content-visibility: visible !important; contain-intrinsic-size: auto !important; }
.wd-footer.footer-container[data-wpr-lazyrender] .main-footer { opacity: 1 !important; visibility: visible !important; }

/* [GLOBAL] reCAPTCHA: se oculta el sello. Requiere el aviso de reCAPTCHA visible en el formulario */
.grecaptcha-badge { visibility: hidden !important; }

/* [MÓVIL ≤768] Brevo Conversations: el globo por encima de la barra inferior */
@media (max-width: 768px) { #brevo-conversations { bottom: 60px !important; } }



/* [GLOBAL] Opiniones: la banda va en blanco y las tarjetas en crema (manual B5.1).
   El tema las pinta en gris y no tiene ajuste para el color. */
.elementor-widget-wd_testimonials .testimon-style-boxed .testimonial-inner { background-color: #FBF1E7; }

/* [GLOBAL] Aviso de cookies: hover. Complianz no trae colores de hover */
.cmplz-cookiebanner .cmplz-btn { transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover { background-color: #86672A; border-color: #86672A; color: #FFFFFF; }
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { background-color: #FBF1E7; border-color: #0D111F; color: #0D111F; }

/* [GLOBAL] Aviso de cookies (Complianz): radios del sistema y texto legible. Los colores se ajustan en el plugin */
.cmplz-cookiebanner.cmplz-cookiebanner {
  --cmplz_button_border_radius: 6px 6px 6px 6px;
  --cmplz_banner_border_radius: 16px 16px 16px 16px;
  --cmplz_text_font_size: 14px;
  --cmplz_text_line_height: calc(14px * 1.5);
  --cmplz_link_font_size: 13px;
}

/* [MOVIL 767] Aviso de cookies: Aceptar y Denegar en la misma fila. Ocupa menos pantalla */
@media (max-width: 767px) {
  .cmplz-cookiebanner { padding: 16px !important; }
  .cmplz-cookiebanner .cmplz-logo img { max-height: 28px; width: auto; }
  .cmplz-cookiebanner .cmplz-message { margin-bottom: 10px; }
  .cmplz-cookiebanner .cmplz-buttons { flex-direction: row !important; flex-wrap: wrap; gap: 8px; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 0 !important; width: auto !important; min-height: 48px !important; margin: 0 !important; padding: 10px 4px !important; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { flex: 1 1 100% !important; }
  .cmplz-cookiebanner .cmplz-documents { margin-top: 8px; }
}

/* ---------- 6. INTERFAZ: FORMULARIOS, FILTROS Y ETIQUETAS (23-09) ---------- */

/* [GLOBAL] Campos a la misma altura que los botones (48 px). Escala de publico adulto (D5) */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
input[type="number"], input[type="password"], input[type="url"], select {
  min-height: 48px;
}

/* [GLOBAL] Adjuntar archivos: el control nativo del navegador solo deja maquetar su boton */
input[type="file"] {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #E8DCCB;
  border-radius: 6px;
  background-color: #FFFFFF;
  font-size: 15px;
  color: #5A5F66;
}
input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 9px 16px;
  border: 0;
  border-radius: 6px;
  background-color: #0D111F;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  cursor: pointer;
}
input[type="file"]::file-selector-button:hover { background-color: #86672A; }

/* [GLOBAL] Panel de filtros: WoodMart usa #767676, que sobre crema da 4,08:1.
   El gris de marca #5A5F66 da 5,77:1. No hay ajuste nativo para estos enlaces */
.wd-page-content .widget a:not(.btn):not(.button),
.wd-page-content .widget .count { color: #5A5F66; }
.wd-page-content .widget a:not(.btn):not(.button):hover { color: #86672A; }
.wd-page-content .widget .count { font-size: 13px; }

/* [GLOBAL] Momentos de uso: el tema los clava en 12 px con !important (widget-tag-cloud.css)
   y no expone control nativo. Se repite su selector para poder ganarle */
.wd-page-content .widget[class*="_tag_cloud"] .tagcloud a {
  font-size: 14px !important;
  line-height: 1.35;
  padding: 8px 14px;
  border-color: #E8DCCB;
  border-radius: 999px;
  background-color: #FFFFFF;
  color: #0D111F;
}
.wd-page-content .widget[class*="_tag_cloud"] .tagcloud a:hover {
  background-color: #FBF1E7;
  border-color: #86672A;
  color: #86672A;
}

/* [GLOBAL] Contadores del panel de filtros */
.wd-page-content .widget .product-categories .count { color: #5A5F66; font-size: 13px; }

/* [GLOBAL] Etiquetas de producto una al lado de otra. El tema las apila en columna
   con la misma especificidad y se carga despues, asi que se repite la clase */
.product-labels.product-labels { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }

/* [GLOBAL] Pie: gris de marca. El #767676 del tema sobre el filete da 3,36:1 */
.footer-container, .footer-container p,
.footer-container .wd-list-content { color: #5A5F66; }

/* ---------- 7. FICHA DE PRODUCTO: BANDAS A SANGRE (23-09) ---------- */
/* En la ficha el contenido vive dentro de main.container (max-width 1400),
   asi que wd_section_stretch no llega al borde de la pantalla. En vez de
   calcular el desplazamiento con 50vw (la barra lateral de iconos de 60 px
   lo descuadra), la banda pinta su fondo con una sombra solida y recorta
   solo en vertical: sale independiente de margenes y de la barra de scroll. */
.pearls-banda { clip-path: inset(0 -100vmax); }
.pearls-banda--blanca { background-color: #FFFFFF; box-shadow: 0 0 0 100vmax #FFFFFF; }
.pearls-banda--crema  { background-color: #FBF1E7; box-shadow: 0 0 0 100vmax #FBF1E7; }
.pearls-banda--tinta  { background-color: #0D111F; box-shadow: 0 0 0 100vmax #0D111F; }

/* Imagenes servidas por [pearls_slide] */
.pearls-slide { display: block; width: 100%; height: auto; border-radius: 16px; }

/* Texto sobre tinta */
.pearls-banda--tinta .pearls-desc,
.pearls-banda--tinta .pearls-desc strong,
.pearls-banda--tinta .pearls-desc li { color: #FFFFFF; }
.pearls-banda--tinta .pearls-desc a { color: #C5A04E; }

/* Piezas sin contenido: se oculta el widget; si falta lo imprescindible, la banda entera */
.elementor-widget:has(.pearls-vacio),
.elementor-widget:has(.pearls-vacio-opt) { display: none; }
.pearls-banda:has(.pearls-vacio) { display: none; }

/* ---------- 7.1 FICHA: COMPONENTES (23-09) ---------- */
.pearls-desc > :first-child { margin-top: 0; }
.pearls-desc > :last-child { margin-bottom: 0; }

/* Abrir · Servir · Wow */
ol.pearls-pasos { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 22px; counter-reset: paso; }
ol.pearls-pasos li { counter-increment: paso; display: grid; grid-template-columns: 46px 1fr; column-gap: 14px; row-gap: 2px; align-items: start; }
ol.pearls-pasos li::before { content: counter(paso); grid-column: 1; grid-row: 1 / span 2; font-family: 'Tenor Sans', serif; font-size: 34px; line-height: 1; color: #86672A; }
ol.pearls-pasos b, ol.pearls-pasos p { grid-column: 2; }
ol.pearls-pasos b { display: block; font-family: 'Tenor Sans', serif; font-weight: 400; font-size: 22px; line-height: 1.2; color: #0D111F; margin-bottom: 4px; }
ol.pearls-pasos p { margin: 0; color: #5A5F66; }

/* Perfil de sabor */
.pearls-perfil { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; margin-top: 8px; }
.pearls-perfil__item { border-top: 1px solid #2A2F40; padding-top: 14px; }
.pearls-perfil__item small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #C5A04E; margin-bottom: 8px; }
.pearls-perfil__item b { font-family: 'Tenor Sans', serif; font-weight: 400; font-size: 26px; line-height: 1.1; color: #FFFFFF; }
.pearls-medidor { display: flex; gap: 4px; margin-top: 10px; }
.pearls-medidor i { width: 26px; height: 4px; border-radius: 2px; background: #2A2F40; }
.pearls-medidor i.on { background: #C5A04E; }
.pearls-maridajes { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 28px; color: #E7E3DC; font-size: 15px; }
.pearls-maridajes span::before { content: "— "; color: #C5A04E; }
@media (max-width: 767px) { .pearls-perfil { grid-template-columns: 1fr; gap: 20px; } }

/* Ideas para disfrutarla */
.pearls-ideas { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin-top: 8px; }
@media (max-width: 767px) { .pearls-ideas { grid-template-columns: 1fr; } }
.pearls-idea { background: #FFFFFF; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.pearls-idea__img img { display: block; width: 100%; height: auto; }
.pearls-idea__txt { padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.pearls-idea__min { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #86672A; background: #FBF1E7; border-radius: 999px; padding: 5px 12px; }
.pearls-idea b { font-family: 'Tenor Sans', serif; font-weight: 400; font-size: 24px; line-height: 1.2; color: #0D111F; }
.pearls-idea ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pearls-idea li { position: relative; padding-left: 18px; color: #5A5F66; font-size: 16px; line-height: 1.45; }
.pearls-idea li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: #C5A04E; }
.pearls-idea a { align-self: flex-start; font-weight: 700; font-size: 15px; color: #0D111F; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #E8DCCB; }
.pearls-idea a:hover { color: #86672A; }

/* Acordeones de consulta */
.pearls-tab > :first-child { margin-top: 0; }

/* ---------- 7.2 FICHA: AJUSTES DE LA PASADA DE ALBERT (23-09) ---------- */
/* Eslogan de marca al cierre de los pasos */
.pearls-eslogan { font-family:'Tenor Sans',serif; font-size:24px; line-height:1.3; color:#0D111F; margin:28px 0 0; padding-top:22px; border-top:1px solid #E8DCCB; }
.pearls-eslogan::before { content:"«"; color:#C5A04E; }
.pearls-eslogan::after { content:"»"; color:#C5A04E; }
@media (max-width:767px){ .pearls-eslogan{ font-size:21px; } }

/* Cita destacada de la banda generica */
.pearls-cita p { font-family:'Tenor Sans',serif; font-size:30px; line-height:1.3; color:#0D111F; margin:0; }
.pearls-cita p::before { content:"«"; color:#C5A04E; }
.pearls-cita p::after { content:"»"; color:#C5A04E; }
@media (max-width:767px){ .pearls-cita p{ font-size:23px; } }

/* Claims de la descripcion corta, en etiqueta */
ul.pearls-claims { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding:0; }
ul.pearls-claims li { font-size:13px; font-weight:600; color:#0D111F; background:#FFFFFF; border:1px solid #E8DCCB; border-radius:999px; padding:6px 14px; }
ul.pearls-claims li::before { content:none; }

/* Maridajes con el peso que les toca */
.pearls-maridajes { gap:10px; margin-top:32px; }
.pearls-maridajes span { display:inline-block; font-size:16px; font-weight:600; color:#FFFFFF; border:1px solid #2A2F40; border-radius:999px; padding:9px 18px; }
.pearls-maridajes span::before { content:none; }

/* Recetas: foto redonda pisando la tarjeta */
.pearls-ideas { margin-top:86px; }
.pearls-idea { position:relative; padding-top:88px; text-align:center; }
.pearls-idea__foto { position:absolute; top:-70px; left:50%; transform:translateX(-50%); width:140px; height:140px; border-radius:50%; overflow:hidden; border:6px solid #FBF1E7; background:#FFFFFF; }
.pearls-idea__foto img { width:100%; height:100%; object-fit:cover; display:block; }
.pearls-idea__txt { align-items:center; }
.pearls-idea ul { display:inline-grid; }
.pearls-idea li { text-align:left; }
.pearls-ideas:not(:has(.pearls-idea__foto)) { margin-top:8px; }
.pearls-idea:not(:has(.pearls-idea__foto)) { padding-top:0; }

/* Franja de ventajas del cierre */
.pearls-ventajas { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:24px; }
.pearls-ventaja svg { width:24px; height:24px; color:#86672A; display:block; margin-bottom:8px; }
.pearls-ventaja b { display:block; font-size:16px; color:#0D111F; }
.pearls-ventaja span { font-size:14px; color:#5A5F66; line-height:1.45; }

/* Acordeones de consulta */
.pearls-tab ul { margin:0 0 18px; padding-left:20px; }
.pearls-tab li { margin-bottom:7px; }
.pearls-tab h3 { font-size:19px; margin-top:26px; }
.pearls-tab > h3:first-child { margin-top:0; }
.pearls-video { margin-top:20px; }
.pearls-video video { width:100%; height:auto; border-radius:12px; }
/* El circulo sobresale de la tarjeta: sin overflow oculto */
.pearls-idea { overflow: visible; }
/* El tema pone margin-bottom a los li del resumen con mas especificidad que la regla de arriba */
.wd-page-content ul.pearls-claims li, .entry-summary ul.pearls-claims li { margin: 0; }

/* ---------- 7.4 FICHA: TARJETA DE RECETA (23-09) ---------- */
/* Circulo mas grande y contenido alineado a la izquierda, como estaba */
.pearls-ideas { margin-top: 112px; }
.pearls-idea { padding-top: 112px; text-align: left; }
.pearls-idea__foto { width: 184px; height: 184px; top: -92px; border-width: 7px; }
.pearls-idea__txt { align-items: flex-start; }
.pearls-idea ul { display: grid; }
.pearls-idea li { text-align: left; }@media (min-width: 1025px) {
	/* ==========================================================================
   PEARLS — CSS DE ESCRITORIO · ES
   Solo lo que WoodMart no resuelve de serie. Todo lo demás, en Theme Settings.
   ========================================================================== */

/* [ESCRITORIO] Menú de la cabecera en una sola línea.
   PROVISIONAL: a 1200 px el menú salta a dos filas porque el buscador ocupa
   310 px. Cuando se rehaga la cabecera (mapeo §10.2: fuera «Inicio» y buscador
   plegado) sobra sitio y esta regla se borra. */
.whb-main-header .wd-header-nav .wd-nav-header { flex-wrap: nowrap; }
.whb-main-header .wd-nav-header > li > a { white-space: nowrap; }

}