/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://mercadearse.com
Template: twentytwentythree
Author: Mercadearse
Author URI: https://mercadearse.com
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,accessibility-ready,blog,portfolio,news
Version: 1.0.2
Updated: 2023-01-10 07:18:32

*/

/*Desktop*/
h1, h2, h3, h4, h5, h6, p, a{
	font-family: sans-serif !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover{
	text-decoration: none !important;
	color: #ed1c24;
}
.prod-a a, a{
	text-decoration: none !important;
}
.prod-a a:hover,
.pro-img:hover + .prod-a a{
	color: #ed1c24;
}
a.wp-block-navigation-item__content{
  padding: 0 1rem;
  border-right: 5px solid #e1e1e1;
}
a.wp-block-navigation-item__content:hover {
  border-right: 5px solid #ed1c24;
}
/*slider productos mas vendidos*/
input.products-swiper{
  opacity: 0;
  margin: 35px auto 35px 0px;
  cursor: pointer;
}
label.products-label{
  display: inline-block;
  width: 70px;
  height: 10px;
  border: solid 5px white;
  border-radius: 50px;
  background-color: #fff;
  z-index: 2;
  cursor: pointer;
  transition-duration: .4s;
  box-shadow: 0 0 0 2px #474747;
}
input.products-swiper:checked + label.products-label{
  background-color: #ed1c24;
}
input.products-swiper + label.products-label::after{
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='100' style='fill:white'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 95%;
  background-size: 100px 100px;
  line-height: 500px;
  transition: background-size 200ms;
  position: absolute;
  filter: invert(41%) sepia(95%) saturate(7303%) hue-rotate(348deg) brightness(127%) contrast(110%);
  color: white;
  height: 600px;
  width: 100px;
  left: 20px;
  z-index: 20;
}
input.products-swiper + label.products-label:hover::after {
  filter: invert(41%) sepia(95%) saturate(7303%) hue-rotate(348deg) brightness(127%) contrast(0%);
}
input.products-swiper:checked + label.products-label::after {
  background-image: none;
  width: 100px;
  left: 0;
  z-index: 10;
}
input.products-swiper:checked + label.products-label + .slide ~ input + label.products-label::after {
  display: none;
}
input.products-swiper:checked + label.products-label + .slide + input + label.products-label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='100' fill='white'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z' /%3E%3C/svg%3E");
  display: block;
  width: 80px;
  right: 20px;
  left: auto;
}
input.products-swiper:focus + label.products-label{
  box-shadow: 0 0 0 2px teal, 0 0 18px white;
}
.slide {
  position: absolute;
  width: 49vw;
  left: 0;
  transform: translateX(100%);
  transition-duration: .4s;
  opacity: 1;
}
input.products-swiper:checked ~ .slide {
  transform: translateX(100%);
}
input.products-swiper:checked + label.products-label + .slide {
  transform: translateX(0);
  opacity: 1;
}
.products-row{
  min-height: 550px;
}
.product{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  padding: 16px;
  margin: 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 25' width='40' height='20'%3E%3Cpath fill='%234f92e2' fill-opacity='0.5' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 0 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
  background-blend-mode: color-dodge;
}
.bg1 .product, .bg2 .product{
  background-color: #ebeff5;
}
.bg3 .product{
  background-color: #e1e1e1;
}
.product img{
  width: 50%;
  height: auto;
}
.product .product-info{
  padding: 10px;
  color: #474747;
  line-height:1.5;
}
.product .product-info .code{
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.product .product-info .title{
  color: #ed1c24;
  font-size: 24px;
  margin-bottom: 15px;
}
.product .product-info .desc{
  font-size: 16px;
  margin-bottom: 15px;
}
.product .product-info .btn{
  color: #ed1c24;
  background-color: #ffffff;
  text-align: center;
  font-size: 16px;
  border: 2px solid #ed1c24;
  padding: 10px 28px 10px 28px;
}
.product .product-info .btn a{
  color: #ed1c24;
  text-decoration: none;
}
.product .product-info .btn:hover a, .product .product-info .btn:hover{
  background-color: #ed1c24;
  color: #fff;
}
/*Single products*/
.skucustom{
  margin-bottom: -3px;
  font-size: 10px !important;
  font-weight:500;
  color: #949494 !important;
  text-transform: uppercase;
}
.price-from{
  margin-bottom:-10px;
  font-size: 10px !important;
  font-weight:500;
  color: #949494 !important;
  text-transform: uppercase;
}
.pricecustom{
    display: inline-block;
    font-size: 2.5rem !important;
  color: #333 !important;
    font-weight: 900 !important;
    align-self: center;
}
.ivacustom{
    display: inline-block;
    margin-right: .4rem !important;
    font-size: 12px !important;
  font-weight:500;
    color: #949494 !important;
}
.stockcustom{
  display: inline-block;
  font-size: 12px !important;
  font-weight:500;
  color: #949494 !important;
}
/* .citacustom{
    display: block;
    margin: 5px auto !important;
    font-size: 15px !important;
    text-align: center;
    font-weight: 900 !important;
    background: gold;
    color: #333 !important;
    padding: 10px 10px;
    border-radius: 6px;
} */
.starscustom{
    display: block;
    margin-top: -35px;
    margin-bottom: 20px;
    margin-left: -5px;
    height: 12px;
    width: 75px;
  }
.marcaimgcustom{
    display: block;
    margin-top: 20px;
    height: 15px;
    width: 60.719px;
  }
  .still{
    display: block;
    margin-top: 20px;
    height: 27.43px;
    width: 60.719px;
  }
.divisorlinecustom{
  margin-top: 10px;
    height: 1px;
    color: #e1e1e1 !important;
    background-color: #e1e1e1;
    border: none;
}
.specprodcustom{
    font-size: .8rem !important;
  font-weight:500 !important;
  letter-spacing:.5px;
  margin-top:-10px;
}
.listadoscustom{
  line-height: .8rem !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  color: #000 !important;
}
/*-------slider-------*/
.containercustom {
    position: relative;
    max-height: 320px;
    max-width: 310px;
    margin: 0 auto;
}
.thumbcustom{
  width: 50px;
  height: 50px;
  border:1px solid #e1e1e1;
}
.containercustom a {
  float: left;
  margin: 0px 0px 10px 5px;
}
.containercustom img{
  border: 1px solid #c8c8c8;
}
.bigcustom {
  width: 350px;
  height:340px;
  position: absolute;
  top: 60px;
  left: 5px;
  opacity: 0;
}
.bigcustom:hover{
  /*-----zoom-----*/
  padding: 2px;
  background-color: #f3f3f3;
  transition: transform .2s; 	
  transform: scale(1.46);
}
.featuredcustom {
    top: 60px;
    left: 5px;
    opacity: 1;
    z-index: 1;
  margin-bottom: 250px;
}
a:hover .bigcustom {
  opacity: 1;
  z-index: 1;
}
a:hover .thumbcustom {
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.divisorlinecustom2{
  margin-top: 330px;
  height: 1px;
  color: #e1e1e1 !important;
  background-color: #e1e1e1;
  border: none;
}
/*Whatsapp button*/
.wa__btn_popup .wa__btn_popup_icon:before, .wa__popup_chat_box .wa__popup_heading:before{
  background: transparent url('https://equipamientojm.com/wp-content/plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo.svg') center center no-repeat !important;
  background-size: 30px auto !important;
}
.wa__btn_popup .wa__btn_popup_icon:after{
  background: transparent url('https://equipamientojm.com/wp-content/plugins/whatsapp-for-wordpress/assets/img/x_icon.svg') center center no-repeat !important;
  background-size: 14px auto !important;
}
.wa__stt_offline.wa__btn_w_img .wa__cs_img:after{
  background: #fff url('https://equipamientojm.com/wp-content/plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_gray.svg') center center no-repeat !important;
  background-size: 17px !important;
  display: block !important;
  width: 27px !important;
  height: 27px !important;
}
.wa__popup_chat_box .wa__stt:after{
  background: url('https://equipamientojm.com/wp-content/plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green.svg') 0 0 no-repeat !important;
  background-size: 100% 100% !important;
}
.wa__popup_powered{
  display: none !important;
}
/*TablasNoResponsive*/
.table2{
  margin: 0 auto;
  width: 100%;
}
.table2 th, .tableh2, .tableh3{
  font-size: .8rem; text-align: center; width: 50%;
}
.table2 td{
  font-size: .9rem; text-align: center;
}

.video-vertical-width{
  max-width: 300px !important;
}

/*Fin desktop*/

/*Media query max-width tablet*/
@media (max-width: 1024px){
  /*single products*/
  .bigcustom:hover{
    /*-----zoom-----*/
    padding: 0px;
    background-color: #f3f3f3;
    transition: none;
    transform: none;
  }
	/*slider productos mas vendidos*/
  .product{
	  flex-direction: column;
	  margin: 20px 0;
	}
  .product img{
	width: 50%;
    height: auto;
  }
	.slide {
		width: 100vw;
		transform: translateX(0%);
		opacity: 0;
		display: none;
	}
	input.products-swiper:checked ~ .slide .bg1 {
		transform: translateX(0%);
		opacity: 1;
		display: block;
	}
		input.products-swiper:checked ~ .slide .bg2 {
			transform: translateX(0%);
			opacity: 1;
			display: block;
	}
		input.products-swiper:checked ~ .slide .bg3 {
			transform: translateX(0%);
			opacity: 1;
			display: block;
	}
	input.products-swiper:checked + label.products-label + .slide {
		margin-left: auto;
		margin-right: auto;
		opacity: 1;
		display: block;
	}
	input.products-swiper + label.products-label::after{
  background-position: center 97%;
  background-size: 60px 60px;
  width: 60px;
	}
	input.products-swiper + label.products-label:hover::after {
  background-size: 60px 60px;
	}
}
/*End media query max-width tablet and mobile*/

/*Media query max-width mobile*/

@media (max-width: 600px) {
  /*menu*/
	  .wp-block-navigation__responsive-container.is-menu-open{
		  justify-content: flex-end;
		  padding-bottom: 10rem;
		  padding-left: 16px;
		  padding-right: 16px;
		  background-color: #545F67 !important;
		  color: #f6f7f8 !important;
	  }
	  ul.wp-block-navigation__container{
		  font-size: 25px;
		  color: #f6f7f8;
	  }
	  ul.wp-block-navigation__container > li {
		  border-left: 5px solid #f6f7f8;
		  padding: 0 0 10px 10px;
		  border-bottom: 1px solid #f6f7f8;
	  }
    a.wp-block-navigation-item__content{
      border-right: none;
    }
    a.wp-block-navigation-item__content:hover {
      border-right: none;
    }
    /*slider productos mas vendidos*/
    /*Products row*/
	  .prod-wrap {		
      width: 100vw;
      overflow-x: scroll;
      overflow-y: hidden;
      position: relative;
    }
    .prod-wrap:after{
      content: "SLIDE PRODUCTS -->";
      font-size: 0.7rem;
      position: absolute;
      color: #cbcbcb;
      bottom: 5px;
    }
    .prod-wrap
    .pro-img img{
      height: 100px;
      width: auto;
    }
    .prod-a a{
      font-size: 1rem;
    }
    .prod-column{
      min-width: 170px;
      border-left: 1px solid #e1e1e1;
    }
    .wp-block-group.wp-container-11{
      gap: 0 !important;
    }
    /*Single product*/
    .skucustom{
      margin-bottom:2px}
    .pricecustom{
      font-size:1.7rem !important;}
    
    .thumbcustom{
        width: 45px;
        height: 45px;}
      
    .bigcustom {
      width: 280px;
      height: 272px;}
    
    .starscustom{
      margin-top:-30px;
      margin-bottom:30px;
    }
    .ivacustom,.stockcustom{
      font-size:.6rem !important;
    }
    .marcaimgcustom{
      display:none;
    }
    .separador{
      margin-top:270px;
    }
    
    .bigcustom:hover{
      /*-----zoom-----*/
      padding: 0px;
      background-color: #f3f3f3;
      transition: none;
      transform: none;
    }
}
/*End media query max-width mobile*/








