.elementor-kit-4035{--e-global-color-primary:#000000;--e-global-color-secondary:RGBA(0, 0, 0, 0.95);--e-global-color-text:#000000;--e-global-color-accent:#484848;--e-global-color-6eb5e13f:#1569AE;--e-global-color-16f62e61:#B6C9DB;--e-global-color-3b9ac676:#545454;--e-global-color-3b6eefc8:#FDD247;--e-global-color-3b0c6d70:#154D80;--e-global-color-6b1b586b:#8C8C8C;--e-global-color-285c8a95:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4035 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4035 p{margin-block-end:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#170E0E;--lightbox-ui-color:#000000;--lightbox-ui-color-hover:#000000;--lightbox-text-color:#000000;--lightbox-header-icons-size:0px;}@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:740px;}.e-con{--container-max-width:740px;}}/* Start custom CSS *//* ==========================================================================
   Capa de compatibilidad visual: Easy Store Pro -> Hello Elementor
   Replica el aspecto de https://todobosqueyjardin.com sin el tema antiguo.

   DONDE VIVE ESTE CSS EN PRODUCCION
   ---------------------------------
   nuevo.todobosqueyjardin.com -> Elementor -> Ajustes del sitio ->
   CSS personalizado  (post del kit: 4035)

   Se guarda ahi a proposito, y no en el tema, para que sobreviva a cambios
   de tema y actualizaciones de Hello Elementor.

   DE DONDE SALE CADA BLOQUE
   -------------------------
   1-2  CSS inline del Customizer de Easy Store Pro (easy-store-style-inline-css)
   3    Reconstruccion del content-product.php del tema sobre el marcado
        por defecto de WooCommerce
   4-6  easy-store-pro/style.css + easy-store-pro/woocommerce.css
   7    "CSS adicional" del Customizer (post custom_css #88). WordPress lo
        guarda por tema, por eso se perdio al pasar a Hello Elementor.

   TOKENS DE DISENO ORIGINALES
   ---------------------------
   Fuente:        Hind (body 14px/1.8, titulares 700/1.3)
   Texto:         #3d3d3d
   Color primario:#000000   (enlaces, fondos de boton del tema)
   Acento:        #DD1F26   (hover, insignia de oferta, precios)
   Barra carrito: #333333 con texto #A6A6A6
   ========================================================================== */

/* Nota: aqui hubo un bloque @font-face declarando Hind contra fonts.gstatic.com,
   como parche mientras Elementor arrastraba el registro obsoleto
   _elementor_local_google_fonts. Esa fila ya se borro de la base de datos y
   Elementor vuelve a encolar las fuentes desde fonts.googleapis.com, asi que
   el parche se ha retirado por innecesario. */

/* --- 1. Tipografia base (Customizer de Easy Store Pro) --- */
body {
	font-family: "Hind", sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: #3d3d3d;
}
h1, h2, h3, h4, h5, h6,
.search-results .entry-title,
.archive .entry-title,
.single .entry-title,
.entry-title a {
	font-family: "Hind", sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	color: #3d3d3d;
	clear: both;
	margin-bottom: 15px;
}
h1, .search-results .entry-title, .archive .entry-title, .single .entry-title, .entry-title a { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* --- 2. Enlaces --- */
a { color: #000000; }
a:hover, a:focus, a:active { color: #DD1F26; }

/* --- 3. Tarjeta de producto en listados ---
   Easy Store Pro sustituia content-product.php y envolvia la tarjeta en
   .es-product-thumb-wrapper / .es-product-title-wrap / .es-product-buttons-wrap.
   Ese marcado ya no existe: aqui se reproduce el mismo resultado visual
   sobre el marcado por defecto de WooCommerce. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
	border: 0;
	padding: 10px;
	text-align: center;
}
.woocommerce ul.products li.product > a.woocommerce-loop-product__link {
	display: block;
	text-decoration: none;
}
.woocommerce ul.products li.product a img { margin: 0; }

/* Insignia Oferta: rectangulo rojo arriba a la izquierda */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	width: auto;
	min-width: auto;
	min-height: auto;
	margin: 0;
	/* 10px en escritorio. El tema bajaba a 5px solo por debajo de 1024px;
	   yo lo tenia a 5px en todos los anchos y la insignia salia mas estrecha
	   que en la web actual. */
	padding: 0 10px;
	background: #DD1F26;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	border-radius: 0;
	z-index: 1;
}
@media (max-width: 1024px) {
	.woocommerce span.onsale,
	.woocommerce ul.products li.product .onsale {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

/* Titulo con altura fija: alinea las tarjetas en rejilla.
   14px x 1.3 x 2 lineas = 36.4px, entra en los 40px sin recortar. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	font-family: "Hind", sans-serif;
	font-size: 14px;
	font-weight: 500;
	/* Altura de linea fija en px y caja de 46px (dos lineas de 20px + 6px de
	   holgura). El tema original usaba 40px justos, pero con la fuente que
	   esta cargando ahora los glifos sobresalen ~3px de su caja de linea y la
	   segunda linea salia cortada por abajo. La altura fija mantiene todas las
	   tarjetas alineadas en la rejilla. */
	line-height: 20px;
	text-align: center;
	color: #3d3d3d;
	margin: 30px 0 8px;
	height: 46px;
	overflow: hidden;
}

/* Precio centrado, sin subrayado heredado del enlace envolvente */
/* El !important es el del tema (easy-store-pro/woocommerce.css). Sin el manda
   la regla .price{font-size:200% !important} del Customizer, que sobre los
   14px del body da 28px y deja los precios de los listados mas grandes que en
   la web actual. El peso lo decide Elementor en cada bloque; no se fija aqui
   para no meter negritas que el original no tiene. */
.woocommerce ul.products li.product .price {
	display: block;
	text-align: center;
	margin-top: 15px;
	font-size: 25px !important;
	text-decoration: none;
}
.woocommerce ul.products li.product .price del {
	display: inline-block;
	margin-right: 10px;
}
.woocommerce ul.products li.product .price ins {
	text-decoration: none;
}
/* Peso normal en los precios de los listados.
   Elementor pide 600 para estos bloques. En la web actual solo esta cargada
   la Hind normal, asi que el navegador usa esa y el precio se ve regular.
   Aqui, al fallar la carga de fuentes, se cae a una tipografia del sistema
   que si tiene negrita real y el precio salia mucho mas marcado que en el
   original. El !important es necesario porque la regla de Elementor tiene
   mas especificidad. Se puede quitar cuando las fuentes carguen bien. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price .amount {
	font-weight: 400 !important;
}

/* Barra oscura de Anadir al carrito (equivale a .es-product-buttons-wrap) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	display: block;
	width: 100%;
	height: auto;
	margin: 10px auto 0;
	padding: 8px 15px;
	background: #333333;
	color: #A6A6A6;
	font-family: "Hind", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	transition: color .3s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
	background: #333333;
	color: #ffffff;
}
.woocommerce ul.products li.product .button.add_to_cart_button::before,
.woocommerce ul.products li.product .button.product_type_variable::before,
.woocommerce ul.products li.product .button.product_type_grouped::before {
	content: "\f07a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	margin-right: 8px;
}

/* --- 4. Botones de WooCommerce --- */
.woocommerce .quantity .qty {
	border: 1px solid #cccccc;
	border-radius: 0;
	padding: 4px 2px;
	width: 60px;
	height: 35px;
}

/* Hover en rojo de marca. Sin esta regla asoma el morado #7f54b3 que trae
   WooCommerce por defecto en los botones .alt (Anadir al carrito, Finalizar
   compra, Realizar el pedido...). */
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .added_to_cart.wc-forward:hover {
	background: #DD1F26;
	color: #ffffff;
}
/* Estados deshabilitados: tambien salen morados de serie */
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt[disabled]:disabled {
	background: #333333;
	color: #ffffff;
}

/* --- 5. Ficha de producto --- */
.woocommerce.single-product div.product .price { text-align: left; color: #dd1f26; }
.woocommerce div.product p.price del { float: left; margin-right: 15px; }
.woocommerce div.product .woocommerce-product-rating,
.woocommerce div.product p.price { margin-bottom: 10px; }
.woocommerce .price_label { position: relative; top: 5px; color: #DD1F26; font-size: 15px; }
/* El precio rebajado no debe salir subrayado */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product .price ins { text-decoration: none; }

/* Tachado del precio anterior centrado.
   El line-through del navegador se dibuja segun la metrica de la fuente y en
   este caso queda alto. Se sustituye por una linea propia al 50% de altura.
   El grosor va en em para que acompane al tamano del precio. */
.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	position: relative;
	text-decoration: none;
}
.woocommerce div.product p.price del::after,
.woocommerce ul.products li.product .price del::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 0.06em;
	background: currentColor;
	/* El centro de la caja de linea queda por encima del centro optico de las
	   cifras (la caja reserva espacio para ascendentes y descendentes que los
	   numeros no usan). Medido: 3,5px de desvio con el precio a 40px, o sea
	   0,09em. Se compensa aqui para que la raya cruce justo por el medio. */
	/* 0.09em = centro optico medido sobre las cifras. Bajado a peticion:
	   primero a 0.05em y ahora a 0.02em, para que la raya quede algo por
	   encima del centro. Subir mas = bajar este valor (0 = 1,5px mas alto
	   todavia en las tarjetas, 3px en la ficha). */
	transform: translateY(calc(-50% + 0.02em));
	pointer-events: none;
}

/* SKU y Categoria salian pegados: separarlos un poco */
.woocommerce div.product .product_meta > span {
	display: inline-block;
	margin-right: 14px;
}
.woocommerce div.product .product_meta > span:last-child { margin-right: 0; }

/* Insignia Oferta de la ficha: en la web actual ocupa el 21% de la columna
   de la galeria, no el ancho del texto como en los listados. La insignia
   cuelga del widget "Imagenes del producto" de Elementor, no de div.product. */
.single-product .elementor-widget-woocommerce-product-images .elementor-widget-container {
	position: relative;
}
.single-product .elementor-widget-woocommerce-product-images .elementor-widget-container > span.onsale {
	top: 10px;
	left: 10px;
	right: auto;
	width: 21%;
	line-height: 25px;
	text-align: center;
}

/* Caja "Envio GRATIS a partir de 90 EUR".
   El marcado lo genera hello-elementor-child/woocommerce/single-product/price.php
   Origen del estilo: easy-store-pro/style.css.
   El clearfix es imprescindible: .left-transp y .envio-rig son floats y en el
   tema antiguo los cerraba la regla generica .row:after, que no existe aqui. */
.camion {
	border: 2px solid black;
	padding: 8px;
	max-width: 340px;
	margin-top: -10px;
	margin-bottom: 20px;
}
.camion::before,
.camion::after {
	content: "";
	display: table;
}
.camion::after { clear: both; }
.left-transp {
	float: left;
	display: inline-block;
}
.envio-rig {
	width: 70%;
	margin-left: 15px;
	float: left;
	font-size: 17px;
	display: inline-block;
	line-height: 25px;
}
body.single-product p.price { clear: both; }

/* --- 5b. Galeria del producto: tira de miniaturas ---
   Origen: easy-store-pro/woocommerce.css + style.css. Sin estas reglas las
   miniaturas de FlexSlider se solapan y salen a tamano natural. */
.single-product div.product .woocommerce-product-gallery { position: relative; }
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 1em;
	right: 1em;
	display: block;
	z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; }
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	content: "";
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; }
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.7966666667%; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 22.15%; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; }
ol.flex-control-thumbs li { margin-right: 5px !important; border: 1px solid gray; }

/* --- 6. Carrito, finalizar compra y mi cuenta --- */
.woocommerce table.shop_table { border: 1px solid #eee; border-radius: 0; }
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
	border: 1px solid #eee;
	border-top: none;
	border-right: none;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 600; }
.woocommerce .shop_table tbody tr td:first-child,
.woocommerce .shop_table thead tr th.product-remove,
.woocommerce table.shop_table tfoot td:first-child,
.woocommerce table.shop_table tfoot th:first-child { border-left: medium none; }
.woocommerce .shop_table tbody tr td.actions { border-bottom: none; }
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th { border-bottom: none; }
.woocommerce-cart .actions .button { float: right; }
.woocommerce-cart .actions .coupon .button { margin-left: 10px; }
.woocommerce-cart .checkout-button.button.alt.wc-forward {
	float: left;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
}
/* Globales (asi estaban en el tema, fuera de cualquier media query) */
.coupon .button { margin-left: 0 !important; }
body.woocommerce-checkout li.payment_method_aplazame img,
body.woocommerce-checkout li.payment_method_paypal img,
body.woocommerce-checkout li.payment_method_paypal a { display: none; }
body.woocommerce-checkout .woocommerce form .form-row textarea { height: auto !important; }

/* A partir de 769px. En el tema estaban dentro de @media(min-width: 769px):
   aplicarlas en todos los anchos descuadraba el carrito y el checkout en movil. */
@media (min-width: 769px) {
	form.woocommerce-cart-form table.shop_table_responsive { max-width: 50%; float: left; }
	.cart-collaterals h2 { margin-top: 0; }
	h3#ship-to-different-address label { font-size: 16px; }
	h3#order_review_heading { margin-top: 20px; }
}

/* Hasta 1024px. Todo este bloque estaba en @media (max-width: 1024px) del tema:
   son ajustes de tablet/movil para el mini carrito, el carrito y el checkout. */
@media (max-width: 1024px) {
	.widget_shopping_cart_content span.quantity { color: gray; }
	.widget_shopping_cart_content a.elementor-button--checkout { background: black; }
	.woocommerce-cart-form__cart-item,
	.woocommerce-cart-form__cart-item bdi { font-size: 16px !important; }
	div.wc-proceed-to-checkout a.checkout-button {
		width: 100%;
		font-size: 20px !important;
		padding: 5px !important;
		height: auto !important;
	}
	.coupon .button { margin-left: 0 !important; }
	body.woocommerce-checkout ul.wc_payment_methods li { margin-bottom: 3px !important; font-size: 15px; }
	body.woocommerce-checkout #place_order { margin-left: 0; font-size: 18px; padding: 6px; height: auto !important; }
	body.woocommerce-checkout h3#order_review_heading { margin-top: 13px; }
	body.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; }
	body.woocommerce-checkout .order-total bdi { font-size: 23px; }
	body.woocommerce-checkout #billing_state_field,
	body.woocommerce-checkout #billing_postcode_field,
	body.woocommerce-checkout #billing_phone_field,
	body.woocommerce-checkout #billing_email_field { width: 47%; clear: none; }
	body.woocommerce-checkout #billing_state_field,
	body.woocommerce-checkout #billing_phone_field { float: left; }
	body.woocommerce-checkout #billing_postcode_field,
	body.woocommerce-checkout #billing_email_field { float: right; }
	body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-form__label span { font-size: 14px; font-weight: normal; }
	body.woocommerce-checkout li.payment_method_aplazame img,
	body.woocommerce-checkout li.payment_method_paypal img,
	body.woocommerce-checkout li.payment_method_paypal a { display: none; }
	body.woocommerce-checkout .woocommerce form .form-row textarea { height: auto !important; }
	.woocommerce .elementor-5107 .elementor-element.elementor-element-5c4ed91 .woocommerce-tabs .woocommerce-Tabs-panel h2 { margin-top: 30px; }
	.producto-especificacion h3 { font-size: 21px; }
	.woocommerce div.product.elementor .quantity + .button { width: 100%; }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul a {
	display: block;
	padding: 6px 30px;
	color: #666;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul a:hover,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover { color: #000000; }
.woocommerce-account .woocommerce-MyAccount-content { padding: 20px 10px; }

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
	border: none;
	background: #f7f7f7;
	color: #333;
	display: block;
	padding: 15px 20px 15px 50px;
	margin: 20px 0;
	font-size: 15px;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product p.price del { color: #000000; }
.woocommerce .star-rating span::before { color: #000000; }

/* ==========================================================================
   7. CSS adicional del Customizer del tema anterior (custom_css post #88).
   Se perdio al cambiar de tema porque WordPress lo guarda por tema.
   Omitidas las reglas que apuntaban a marcado exclusivo de Easy Store Pro
   (.es-product-*, #primary, .content-area, .es-slide-*), que ya no existe.
   ========================================================================== */
.datosContacto * {
	font-size: 14px !important;
	margin: 0%;
	padding: 0%;
}
#taller { text-align: center; width: 75%; }
.price { font-size: 200% !important; font-weight: bold; }
.grecaptcha-badge { opacity: 0; }

.single-product div.product {
	content: "";
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
}
.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
	border: 0 solid #e1e1e1;
	padding: 10px;
}
.woocommerce .elementor-5107 .elementor-element.elementor-element-b3e237f .price {
	color: #000 !important;
	font-family: "Hind";
	font-size: 40px !important;
}
.page-numbers { color: #333; }

.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #27B6D4;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	line-height: 13px;
	height: 33px;
	padding: 10px 15px;
	font-weight: 400;
	display: inline-block;
	position: relative;
	text-shadow: none;
	border: 1px solid #27b6d4;
}
.navigation .nav-links a:hover,
.bttn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #16d8e9;
	color: #ffffff !important;
	border-color: #16d8e9 !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .added_to_cart.wc-forward {
	background: #333;
	border-radius: 0;
	color: #ffffff;
	font-weight: 400;
	height: 35px;
	line-height: 32px;
	padding: 0 15px;
	transition: background 0.3s ease;
	border: none;
	margin-left: 10px;
}
.wfg-no-thanks { background-color: #CCC !important; }
.onsale { z-index: 1 !important; }

.elementor-lightbox {
	--lightbox-ui-color: #FFF !important;
	--lightbox-ui-color-hover: #FFF !important;
	--lightbox-text-color: #FFF !important;
	--lightbox-header-icons-size: 0px;
}

.elementor-5143 .elementor-element.elementor-element-45a2f915.elementor-wc-products ul.products li.product .price ins .amount {
	color: #EF2B2D !important;
	font-size: 20px;
}
.archive .woocommerce-Price-amount { font-size: 20px; color: #000 !important; }
.elementor-5143 .elementor-element.elementor-element-45a2f915.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-5143 .elementor-element.elementor-element-45a2f915.elementor-wc-products ul.products li.product .woocommerce-loop-category__title {
	font-family: "Hind" !important;
	font-size: 15px !important;
	font-weight: 500;
	text-transform: uppercase !important;
}
.yith-wcqv-button { display: none !important; }
.tabs.wc-tabs { display: flex; }

@media (max-width: 600px) {
	.woocommerce .elementor-5107 .elementor-element.elementor-element-0a8b3d5 .price {
		display: flex;
		margin: auto;
		padding-right: 10px;
	}
	body.single-product p.price,
	body.single-product p.price del { width: 80%; }
	.zoid-context-iframe { margin-bottom: 20px; }
	.elementor-375 .elementor-element.elementor-element-867beb6.elementor-wc-products ul.products li.product .price {
		font-size: 17px !important;
	}
}

header { z-index: 5000 !important; }
.current-cat > a { font-weight: 800 !important; }
.descuentoProducto { width: 100%; }

/* ==========================================================================
   8. Cabecera en movil / tablet.
   Estaban al final del style.css de Easy Store Pro, dentro de
   @media (max-width: 1024px). Ajustan el menu hamburguesa, el logo y los
   iconos de la cabecera de Elementor (plantilla 4975).
   La URL del logo se ha reapuntado al dominio de este sitio.
   ========================================================================== */
@media (max-width: 1024px) {
	header.elementor-element-505797b6 {
		display: block !important;
		padding: 10px !important;
	}
	/* Menu hamburguesa a la derecha */
	.elementor-element-5a836ffa {
		position: absolute !important;
		right: 0 !important;
		top: 16px;
	}
	/* Menu hamburguesa en blanco */
	.elementor-4975 .elementor-element.elementor-element-51079335 div.elementor-menu-toggle,
	.elementor-4975 .elementor-element.elementor-element-51079335 div.elementor-menu-toggle:hover {
		color: white !important;
		padding: 0;
	}
	.elementor-element-c43733d,
	.elementor-element-9fd0f90 { max-width: 60px; }
	/* Logo blanco en movil */
	.elementor-element-d3ed692 a img {
		content: url("https://nuevo.todobosqueyjardin.com/wp-content/uploads/2020/04/nuevo-logo-todo-bosque-blanco-768x251.png") !important;
	}
	.elementor-4975 .elementor-element.elementor-element-6b2fca7 .elementor-menu-cart__toggle .elementor-button-icon {
		font-size: 20px !important;
	}
	.elementor-4975 .elementor-element.elementor-element-374d5682 .elementor-search-form__toggle i {
		font-size: 36px !important;
	}
	.elementor-4975 .elementor-element.elementor-element-6e7f273 .elementor-button { padding: 13px; }
	.elementor-4975 .elementor-element.elementor-element-3a204dde {
		width: 13% !important;
		margin-right: 20px;
	}
}

/* ==========================================================================
   9. Mini carrito: botones del pie.
   "Finalizar compra" partia en dos lineas porque el texto es mas largo que
   "Ver carrito" y la celda del grid se quedaba corta. Se aprovecha el margen
   lateral sobrante del contenedor y se fuerza una sola linea.
   ========================================================================== */
.elementor-menu-cart__footer-buttons {
	padding-left: 0 !important;
	padding-right: 0 !important;
	column-gap: 10px;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
	white-space: nowrap;
	padding-left: 8px !important;
	padding-right: 8px !important;
	min-width: 0;
	text-align: center;
}

/* ==========================================================================
   10. Listado de categorias de la columna lateral del archivo de productos.

   Marcado: widget de WordPress "Categorias de productos" de WooCommerce,
   colocado en la plantilla PRODUCTOS ARCHIVE (5143). Ocupa el sitio del
   widget "Sidebar" que apuntaba a easy_store_shop_sidebar, una barra lateral
   que registraba Easy Store Pro y que ya no existe.

   El widget imprime:
     div.woocommerce.widget_product_categories > h5 + ul.product-categories
   y, al entrar en una categoria, un ul.children con las subcategorias.

   Aqui se reproduce el aspecto del tema antiguo: sin vinetas, marcador "»"
   y separacion holgada. El resaltado de la categoria activa ya lo pone la
   regla .current-cat > a del bloque 7.
   ========================================================================== */
.widget_product_categories { margin-bottom: 30px; }
.widget_product_categories > h5 {
	font-family: "Hind", sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #3d3d3d;
	margin-bottom: 15px;
}
.widget_product_categories ul.product-categories,
.widget_product_categories ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_product_categories ul.product-categories li {
	position: relative;
	padding: 6px 0 6px 20px;
	line-height: 1.5;
}
.widget_product_categories ul.product-categories li::before {
	/* » (comilla angular doble). Es el marcador que usaba easy-store-pro. */
	content: "\00bb";
	position: absolute;
	left: 0;
	top: 6px;
	color: #3d3d3d;
	font-size: 16px;
	line-height: 1.5;
}
.widget_product_categories ul.product-categories a {
	color: #3d3d3d;
	text-decoration: none;
}
.widget_product_categories ul.product-categories a:hover { color: #DD1F26; }
/* Subcategorias: solo aparecen dentro de una categoria (show_children_only) */
.widget_product_categories ul.children { padding-left: 18px; }/* End custom CSS */