@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//easymac.co/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//easymac.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(67,67,67);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(67,67,67);
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: 434343;
	--wd-entities-title-color-hover: rgb(67, 67, 67);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(67,67,67);
	--wd-widget-title-font-size: 17px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: lowercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(38,148,209);
	--wd-alternative-color: rgb(255,155,35);
	--wd-link-color: #3c3c3b;
	--wd-link-color-hover: rgb(10,10,10);
	--btn-default-bgcolor: rgb(37,145,207);
	--btn-default-bgcolor-hover: rgb(5,95,143);
	--btn-accented-bgcolor: rgb(237,237,237);
	--btn-accented-bgcolor-hover: rgb(5,95,143);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(255,139,0);
	--notices-success-color: #fff;
	--notices-warning-bg: #ff8b00;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 100px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(60,60,59);
	background-image: none;
	background-repeat: no-repeat;
	--wd-popup-width: 840px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(38,149,209);
	background-image: none;
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: left center;
}
.wd-footer {
	background-color: rgb(247,247,247);
	background-image: none;
}
html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 800;
	font-size: 20px;
	color: rgb(38,149,209);
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #434343;
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: rgb(38,149,209);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: rgb(67,67,67);
}
html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: rgb(67,67,67);
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	text-transform: inherit;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 17px;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button {
	font-weight: 800;
	font-size: 15px;
	color: rgb(255,255,255);
	background: rgb(16,196,96);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover {
	color: rgb(16,196,96);
	background: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 25px;
	--wd-arrow-icon-size: 30px;
	--wd-arrow-offset-h: 5px;
	--wd-arrow-offset-v: -5px;
	--wd-arrow-radius: 0px;
	--wd-arrow-brd: 0px groove;
}
.product-labels .product-label.onsale {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 400px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 50px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 10px;
	--wd-arrow-icon-size: 18px;
	--wd-arrow-offset-h: -8px;
	--wd-arrow-offset-v: -5px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 12px;
	}
	.woocommerce-product-gallery.thumbs-position-left {
		--wd-thumbs-width: 0px;
	}

}
:root{
--wd-container-w: 1350px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--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: 0px;
--wd-cat-brd-radius: 5px;
}

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


@font-face {
	font-family: "Metropolis";
	src: url("//easymac.co/wp-content/uploads/2021/10/Metropolis-Regular.woff2") format("woff2"), 
url("//easymac.co/wp-content/uploads/2021/10/Metropolis-Regular.woff") format("woff");
	font-weight: 400;
	font-display:block;
	font-style: normal;
}

@font-face {
	font-family: "Metropolis";
	src: url("//easymac.co/wp-content/uploads/2021/10/Metropolis-Bold.woff2") format("woff2"), 
url("//easymac.co/wp-content/uploads/2021/10/Metropolis-Bold.woff") format("woff");
	font-weight: 600;
	font-display:block;
	font-style: normal;
}

.product-label.onsale{
background: #11C45F !important;
}

.product-label.new {
    background-color: #2694d1 !important;
}

.wd-fbt-products br {
  display: none;
}

.elementor-column-gap-default{
    margin-right: 0; 
    margin-left: 0; 
}
.orderby {
	display:block;
	}

/* ocultar Captcha  */ 
.grecaptcha-badge{
	 display:none !important;
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

.viñeta-redondeada {
  background-color: #ECECEC; /* Color de fondo */
  border-radius: 7px; /* Ajuste del borde redondeado */
  padding: 2px 10px; /* Padding ajustado */
  display: inline-block;
  margin-left: 1px; /* Separación del precio original */
  margin-top:-20px; /* Subir la viñeta */
  font-size: 11px; /* Tamaño de fuente */
  font-family: 'Montserrat', sans-serif; /* Tipografía Montserrat */
  font-weight: 600; /* Semi-bold */
  color: white; /* Color del texto */
  vertical-align: middle; /* Alineación vertical */
  line-height: 1.5; /* Ajusta la altura de línea para centrar verticalmente */
}

.precio-descuento {
  color: #2695D1; /* Color del texto */
  font-family: 'Montserrat', sans-serif; /* Asegura la tipografía Montserrat */
  font-weight: 700; /* Semi-bold */
}

  }
/* Más especificidad para Woodmart */
body.woocommerce-page .product .onsale {
    display: inline-block;
    background-color: #11C45F;
    color: white;
    padding: 10px 15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
}


/* Importar la fuente Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* Barra superior fija */
.custom-top-bar {
  position: fixed; /* Fija la barra en la parte superior */
  top: 0;
  left: 0;
  width: 100%; /* Asegura que ocupe todo el ancho de la ventana */
  background-color: #434343; /* Fondo negro */
  color: #ffffff; /* Texto blanco */
  padding: 10px 0; /* Espaciado superior e inferior */
  z-index: 1000; /* Coloca la barra por encima de otros elementos */
  font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */
  font-weight: 700; /* Negrita */
  font-size: 12px; /* Tamaño de fuente */
  display: flex; /* Uso de flexbox para centrar */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  text-align: center; /* Centrado del texto */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra opcional para más estilo */
  line-height: 1.4; /* Asegura el espaciado vertical */
}

/* Ajustar el margen del contenido para compensar la barra fija */
body {
  margin-top: 20px; /* Ajusta según la altura real de la barra */
  padding: 0;
}

/* Contenido estático */
.marquee-content {
  display: inline-block;
  white-space: nowrap; /* Evita el salto de línea */
}

/* Media query para dispositivos móviles */
@media (max-width: 768px) {
  .custom-top-bar {
    font-size: 12px; /* Reduce el tamaño de la fuente */
		  font-weight: 300; /* Negrita */
    padding: 8px 0; /* Ajusta el padding */
  }

  .marquee-content {
    white-space: normal; /* Permite el salto de línea */
    text-align: center; /* Centra el texto */
  }

  body {
    margin-top: 13px; /* Ajusta el margen si la barra es más alta en móviles */
  }
}
.wd-accordion-title:is(.wd-active,:hover) .wd-accordion-title-text {
    color: #000000;
}
.elementor-24883 .elementor-element.elementor-element-754bbda .wd-accordion-title-text {
	color: #ffffff;
}
.wd-notice, div.wpcf7-response-output, .mc4wp-alert, :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
    border-radius: 55px !important;
    
}
@media (min-width: 1025px) {
	.product-label.onsale{
background: #11C45F !important;
}

.product-label.new {
    background-color: #2694d1 !important;
}
/* Espacio entre productos */
.wd-products-element .product-grid-item {
    margin: 15px; /* Ajusta este valor para más o menos espacio entre los productos */
    border-radius: 10px; /* Mantén el radio si deseas el borde redondeado */
    overflow: hidden;
    border: 1px solid #ddd; /* Opcional */
}

/* Ajustar margen inferior del precio */
.wd-products-element .product-grid-item .price {
    margin-bottom: 10px; /* Ajusta este valor para dar más espacio entre el precio y el borde inferior */
}

/*
 * 
 * 
/* Ajustar el ancho y centrar el contenedor principal */
.woocommerce-page .content-layout-wrapper {
    max-width: 1400px; /* Ajusta este valor según el ancho que prefieras */
    margin: 0 auto; /* Centra el contenedor */
    padding: 0 15px; /* Agrega un margen interno opcional */
}

/* Asegurar que la fila ocupe el 100% del ancho del contenedor */
.woocommerce-page .row.content-layout-wrapper.align-items-start {
    width: 100%;
    justify-content: center; /* Centra los elementos dentro de la fila */
}

/* Ajustar el tamaño del botón "Añadir al carrito" */
.woocommerce-page .wd-add-btn .button {
    padding: 8px 15px; /* Ajusta el tamaño del botón */
    font-size: 14px; /* Tamaño de fuente del texto del botón */
}


.wd-product {
    padding: 10px !important; /* Ajusta este valor según necesites */
    margin: 5px !important;   /* Añade espacio entre los productos */
    box-sizing: border-box;   /* Asegura que el padding no altere el tamaño total */
}
.woocommerce-variation-price .price,
.single-product .product_meta .price {
    display: none;
}


.container, .container-fluid {
    width: auto; /* Alternativamente, puedes usar un porcentaje menor */
    max-width: 1200px; /* Ajusta según lo necesario */
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}




body > div.website-wrapper > div.main-page-wrapper > div.container > div > div > div.wd-products-element > div.products.wd-products,
body > div.website-wrapper > div.main-page-wrapper > div.container > div > div > div.shop-loop-head > div:nth-child(1) > div > nav {
    margin-left: 65px !important; /* Fuerza la alineación */
}

.wd-page-title {
    margin-bottom: 30px;
}
.wd-grid-col {
	margin-left: 20px
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.product-label.onsale{
background: #11C45F !important;
}

.product-label.new {
    background-color: #2694d1 !important;
}


}

@media (min-width: 577px) and (max-width: 767px) {
	.product-label.onsale{
background: #11C45F !important;
}

.product-label.new {
    background-color: #2694d1 !important;
}
}

@media (max-width: 576px) {
	.product-label.onsale{
background: #11C45F !important;
}

.product-label.new {
    background-color: #2694d1 !important;
}
/* Asegúrate de que el contenedor esté configurado con grid */
.contenedor {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
    gap: 20px; /* Espacio entre columnas y filas */
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Estilos para cada columna */
.wd-product.wd-hover-buttons-on-hover {
    border: 2px solid #f7f5f5;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 768px) {
    .contenedor {
        grid-template-columns: 1fr; /* Cambia a una columna en pantallas pequeñas */
    }
}
/*
 * 
 */
.wd-product-footer .add_to_cart_button {
    font-weight: 800;
    font-size: 10px; /* Tamaño de fuente más pequeño */
    color: #fff !important; /* Texto en blanco */
    background-color: #2695D1 !important; /* Fondo azul */
    border: none;
    padding: 2px 8px; /* Relleno reducido para que el botón sea más compacto */
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    max-width: 100%;
    display: inline-block; /* Ajusta el ancho al contenido */
}

.wd-product-footer .add_to_cart_button:hover {
    background-color: #fff !important; /* Fondo blanco al pasar el cursor */
    color: #2695D1 !important; /* Texto azul al pasar el cursor carrito */
    cursor: pointer;
}

.wd-product.wd-hover-fw-button .wd-add-btn > a {
    width: 100%; /* Mantener ancho completo */
    border-radius: 5px !important;
    color: #ffffff !important;
    background-color: #2695d1 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: clamp(12px, 2.5vw, 24px); /* Tamaño adaptable */
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
}



/* Para el efecto hover */
.wd-product.wd-hover-fw-button .wd-add-btn > a:hover {
    background-color: #fff; /* Color de fondo al pasar el mouse */
    color: #2695d1; /* Asegúrate de que el texto siga visible */
}


.wd-entities-title {
  white-space: normal !important; /* Permite que el texto ocupe varias líneas */
  overflow: visible !important; /* Asegura que el texto no se recorte */
  text-overflow: unset !important; /* Elimina los puntos suspensivos */
  word-wrap: break-word !important; /* Divide palabras largas si es necesario */
  line-height: 1.4 !important; /* Ajusta el espacio entre líneas para mejorar legibilidad */
  max-height: none !important; /* Elimina cualquier límite de altura */
	display: block !important; /* Asegura que el título se muestre como un bloque completo */
}

.wd-entities-title br {
  display: none !important; /* Oculta los saltos de línea en los títulos */
}

.woocommerce-result-count {
    display: none !important; /* Oculta completamente el elemento */
}

}