.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(130,36,227);
}
:root{
--wd-alternative-color:rgb(130,36,227);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(136,50,223);
}
:root{
--btn-shop-bgcolor-hover:rgb(136,50,223);
}
:root{
--btn-accent-bgcolor:rgb(136,50,223);
}
:root{
--btn-accent-bgcolor-hover:rgb(136,50,223);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-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-shop-brd-radius: 5px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
					
					
			
			
							--btn-accent-brd-radius: 5px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tokbau.ingeniamas.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.2") format("woff2");
}

/* =========================================================
   TOKBAU — WOODMART CHECKOUT PRO (CENTRADO REAL + 2 COLUMNAS)
   Pegar SOLO esto en: WoodMart > Theme Settings > Custom CSS
   ========================================================= */

body.woocommerce-checkout{
  background:#f6f7fb !important;
}

/* 1) Contenedor centrado SOLO del contenido (no header) */
body.woocommerce-checkout .main-page-wrapper .container,
body.woocommerce-checkout .main-page-wrapper .wd-container{
  max-width: 1240px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

/* 2) WooCommerce ocupa todo el contenedor */
body.woocommerce-checkout .woocommerce{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 28px 0 !important;
  box-sizing: border-box !important;
}

/* 3) RESET: WoodMart a veces mete floats/anchos raros */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout .woocommerce-checkout{
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* 4) Layout PRO: FLEX (más estable que grid en WoodMart) */
@media (min-width: 992px){
  body.woocommerce-checkout form.checkout.woocommerce-checkout{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 28px !important;
  }

  body.woocommerce-checkout #customer_details{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  body.woocommerce-checkout #order_review{
    flex: 0 0 460px !important;
    width: 460px !important;
    max-width: 460px !important;
    margin: 0 !important;   /* <-- evita que se centre solo */
  }
}

/* 5) Si el theme usa .col2-set / .col-1 / .col-2, anulamos floats */
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 6) Cards */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-additional-fields{
  background:#fff !important;
  border:1px solid #ececf3 !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 12px 34px rgba(20,20,43,.08) !important;
  box-sizing: border-box !important;
}

/* Notas como card separada */
body.woocommerce-checkout .woocommerce-additional-fields{
  margin-top: 16px !important;
}

/* 7) Sticky resumen */
@media (min-width: 992px){
  body.woocommerce-checkout #order_review{
    position: sticky !important;
    top: 110px !important;
  }
}

/* 8) Quitar ondas/shape dividers SOLO checkout */
body.woocommerce-checkout .elementor-shape,
body.woocommerce-checkout .elementor-shape-top,
body.woocommerce-checkout .elementor-shape-bottom{
  display:none !important;
}

/* 9) Títulos */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout #order_review_heading{
  font-size: 16px !important;
  font-weight: 900 !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: .3px !important;
}

/* 10) Inputs full width (fix “pastillitas”) */
body.woocommerce-checkout .woocommerce form .form-row{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 0 14px 0 !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout .woocommerce form .form-row .woocommerce-input-wrapper{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #e7e8f1 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus{
  border-color:#7a3df0 !important;
  box-shadow:0 0 0 4px rgba(122,61,240,.12) !important;
}

/* 11) Nombre / Apellidos en 2 columnas (solo si existen esos fields) */
@media (min-width: 768px){
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout #billing_phone_field,
  body.woocommerce-checkout #billing_email_field{
    grid-column: 1 / -1 !important;
  }
}

/* 12) Tabla pedido */
body.woocommerce-checkout #order_review table.shop_table{
  border:0 !important;
  border-collapse: collapse !important;
  width:100% !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td{
  border-top:1px solid #efeff6 !important;
  padding: 12px 0 !important;
  vertical-align: top !important;
}

body.woocommerce-checkout #order_review table.shop_table thead th{
  border-top:0 !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout td.product-name{
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout .order-total strong{
  font-size: 22px !important;
  color: #7a3df0 !important;
}

/* 13) Pago + botón */
body.woocommerce-checkout #payment{
  background:#f9fafb !important;
  border:1px solid #ececf3 !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin-top: 16px !important;
}

body.woocommerce-checkout #place_order{
  width: 100% !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 26px rgba(122,61,240,.22) !important;
}

/* 14) Ocultar “Crear cuenta” */
body.woocommerce-checkout .woocommerce-account-fields{
  display:none !important;
}

/* 15) Mobile */
@media (max-width: 991px){
  body.woocommerce-checkout form.checkout.woocommerce-checkout{
    display:block !important;
  }
  body.woocommerce-checkout #order_review{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 22px !important;
  }
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review{
  transition: box-shadow .25s ease, transform .25s ease;
}

body.woocommerce-checkout #customer_details:hover,
body.woocommerce-checkout #order_review:hover{
  transform: translateY(-2px);
  box-shadow:0 18px 44px rgba(20,20,43,.12);
}
/* ==============================
   CARD PREMIUM PARA TUS DATOS
   ============================== */
body.woocommerce-checkout #customer_details .woocommerce-billing-fields{
  background: #fff !important;
  border: 1px solid #ececf3 !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 12px 34px rgba(20,20,43,.08) !important;
}
/* ==============================
   OCULTAR NOTAS DEL PEDIDO
   ============================== */
body.woocommerce-checkout .woocommerce-additional-fields{
  display: none !important;
}
/* =====================================
   OCULTAR BOLETÍN EN CHECKOUT
   ===================================== */
body.woocommerce-checkout 
.woocommerce-form_label-for-checkbox.woocommerce-form_label-for-checkbox--checkbox{
  display: none !important;
}
/* ==============================
   CARD PREMIUM PARA TUS DATOS
   ============================== */
body.woocommerce-checkout #customer_details .woocommerce-billing-fields{
  background: #fff !important;
  border: 1px solid #ececf3 !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 12px 34px rgba(20,20,43,.08) !important;
}
/* =========================================================
   FIX FINAL — CARD “TUS DATOS” + OCULTAR BOLETÍN
   Pegar AL FINAL del Custom CSS
   ========================================================= */

/* 1) CARD DIFUMINADA PARA “TUS DATOS” (todo el bloque izquierdo) */
body.woocommerce-checkout #customer_details{
  background: #ffffff !important;
  border: 1px solid #ececf3 !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 14px 40px rgba(20,20,43,.10) !important;
  box-sizing: border-box !important;
}

/* Quita márgenes internos raros para que el card se vea “limpio” */
body.woocommerce-checkout #customer_details .woocommerce-billing-fields,
body.woocommerce-checkout #customer_details .woocommerce-additional-fields{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2) OCULTAR “NOTAS (OPCIONAL)” COMPLETO (si llegara a reaparecer) */
body.woocommerce-checkout .woocommerce-additional-fields{
  display: none !important;
}

/* 3) OCULTAR BOLETÍN (cubriendo varios plugins/variantes) */
body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox--checkbox,
body.woocommerce-checkout .mailchimp-newsletter,
body.woocommerce-checkout .mc4wp-checkbox,
body.woocommerce-checkout .newsletter,
body.woocommerce-checkout .wc-block-components-newsletter{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Si el boletín viene como un form-row específico */
body.woocommerce-checkout p[id*="newsletter"],
body.woocommerce-checkout p[class*="newsletter"],
body.woocommerce-checkout p[id*="mailchimp"],
body.woocommerce-checkout p[class*="mailchimp"]{
  display: none !important;
}
/* =========================================
   FIX REAL: CARD EN "TUS DATOS" (Billing)
   ========================================= */

/* Card en el bloque real que contiene los inputs */
body.woocommerce-checkout .woocommerce-billing-fields{
  background:#fff !important;
  border:1px solid #ececf3 !important;
  border-radius:18px !important;
  padding:24px !important;
  box-shadow:0 14px 40px rgba(20,20,43,.10) !important;
  box-sizing:border-box !important;
  margin-bottom: 16px !important;
}

/* Asegura que el wrapper no rompa el card */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details .col2-set,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================
   OCULTAR "NOTAS (OPCIONAL)" COMPLETO
   ========================================= */
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_comments_field,
body.woocommerce-checkout textarea#order_comments{
  display:none !important;
}

/* =========================================
   OCULTAR "SUSCRÍBETE A NUESTRO BOLETÍN"
   (cubre plugins distintos)
   ========================================= */

/* Si viene como input/checkbox típico */
body.woocommerce-checkout input[name*="newsletter"],
body.woocommerce-checkout input[id*="newsletter"],
body.woocommerce-checkout input[name*="mailchimp"],
body.woocommerce-checkout input[id*="mailchimp"],
body.woocommerce-checkout input[name*="mc4wp"],
body.woocommerce-checkout input[id*="mc4wp"]{
  display:none !important;
}

/* Oculta el contenedor (normalmente p.form-row / label) */
body.woocommerce-checkout p[class*="newsletter"],
body.woocommerce-checkout p[id*="newsletter"],
body.woocommerce-checkout p[class*="mailchimp"],
body.woocommerce-checkout p[id*="mailchimp"],
body.woocommerce-checkout label[for*="newsletter"],
body.woocommerce-checkout label[for*="mailchimp"],
body.woocommerce-checkout .mc4wp-checkbox,
body.woocommerce-checkout .mailchimp-newsletter{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}
/* OCULTAR SOLO "VER CARRITO" EN EL MINI-CARRITO (WoodMart) */
.wd-side-hidden .woocommerce-mini-cart__buttons a:not(.checkout),
.wd-side-hidden .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:not(.checkout),
.cart-widget-side .woocommerce-mini-cart__buttons a:not(.checkout),
.cart-widget-side .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:not(.checkout){
  display: none !important;
}

/* Por si el texto viene como enlace a /carrito o /cart */
.wd-side-hidden a[href*="/carrito"],
.wd-side-hidden a[href*="/cart"],
.cart-widget-side a[href*="/carrito"],
.cart-widget-side a[href*="/cart"]{
  display: none !important;
}
/* =========================================
   OCULTAR TEXTO DE PRIVACIDAD + BOLETÍN
   SOLO EN CHECKOUT
   ========================================= */

/* Texto: "Tus datos personales se utilizarán..." */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-privacy-policy-link,
body.woocommerce-checkout .woocommerce-privacy-policy-text p{
  display: none !important;
}

/* Checkbox + texto del boletín */
body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox--checkbox,
body.woocommerce-checkout .wc-block-components-newsletter,
body.woocommerce-checkout .mc4wp-checkbox,
body.woocommerce-checkout .mailchimp-newsletter,
body.woocommerce-checkout input[name*="newsletter"],
body.woocommerce-checkout label[for*="newsletter"]{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Limpia espacio vacío debajo del botón */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================
   OCULTAR "Suscríbete a nuestro boletín"
   CHECKOUT – FIX DEFINITIVO
   ========================================= */

/* Checkbox visible */
body.woocommerce-checkout label:has(input[type="checkbox"]) {
  display: none !important;
}

/* Variantes comunes (plugins newsletter) */
body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox--checkbox,
body.woocommerce-checkout .wc-block-components-checkbox,
body.woocommerce-checkout .wc-block-components-newsletter,
body.woocommerce-checkout .mc4wp-checkbox,
body.woocommerce-checkout .mailchimp-newsletter,
body.woocommerce-checkout p[class*="newsletter"],
body.woocommerce-checkout p[id*="newsletter"]{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}