/*
Theme Name: Repuestos Suarez
Theme URI: https://seoconsultingperu.com/
Author: Seo Consulting Perú
Author URI: https://wordpress.org/
**/

.slider{width: 100%; background-size: cover !important; height: 550px;}
*{margin: 0;	padding: 0;	scroll-behavior: smooth;}
a{text-decoration: none;}

#icoNav_movil{width: 31px; height: 51px; padding: 20px 0px; border-radius: 50%; box-sizing: border-box; display: none;}
#icoNav_movil ul li {
    width: 100%;
    height: 2px;
    background: var(--color1);
    display: block;
    margin-bottom: 4px;
    transition: all 0.5s ease-in-out;
}
.grid_2 br{display: none;}
.closeNav ul li:nth-child(1){opacity:0;}
.closeNav ul li:nth-child(2){transform:rotate(45deg);margin-bottom:-2px !important;}
.closeNav ul li:nth-child(3){transform:rotate(-45deg);}
body::-webkit-scrollbar{background: #f3f3f3;width: 5px;}
body::-webkit-scrollbar-thumb{background: var(--color2);z-index: 300;border-radius: 1px;}
.row{display: flex; justify-content: space-between;}.row-center{display: flex; justify-content: space-between; align-items: center;}
.grid_2{display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px;}
.grid_4{display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
body{ --color1: #fbdd12;--color2: #262626;--color3: #fe0000;--font1: 'Montserrat', sans-serif;--font2: 'Poppins', sans-serif; --font3: "Playfair Display", serif;}
.entry{background: var(--color2);}.entry a{color: #fff;padding: 6px 20px; display: inline-block; font: 13px var(--font1); line-height: 38px; border-left: 1px solid #3c3c3c;}
.entry a i{color: var(--color1); font-size: 19px; line-height: 4px;}.last{border-right: 1px solid #3c3c3c;}.search{background: #3c3c3c;}.search input{font-size: 13px;background: transparent; border: none; height: 34px; outline: none;}
.wpcf7-form input::placeholder, .wpcf7-form input, .wpcf7-form textarea{color: #fff;}
.container{width: 1200px; margin: 0 auto; max-width: 100%;}
.cabecera{width: 100%; background: #fff; padding: 10px 0px;}.cabecera h1{color: var(--color1); font-family: var(--font2); line-height: 83px;}
#menu li{display: inline-block;} #menu li a{color: #000; font: 15px var(--font1); padding: 0px 13px;line-height: 80px;}
.banners article{width: 100%; height: 290px; background-size: cover !important; padding: 30px; box-sizing: border-box;}
.banners h3{font-size: 53px; color: #fff; font-family: var(--font2); line-height: 54px;}
.banners h3 span{font-size: 43px; font-weight: 300; color: var(--color1); font-family: var(--font2); display: block;}.banners p{font: 14px var(--font1); width: 53%; color: #fff;}.banners a.btn{display: inline-block;}
.banners a.btn{padding: 0 28px; margin-top: 15px; background: var(--color1); color: #000; font: 21px var(--font2); line-height: 50px;}
.movil{display: none;}
.nosotros{font: 15px var(--font1); color: #666; font-size: 17px; line-height: 25px;}
.nosotros p{padding-bottom: 20px;}
.nosotros #btn a{background: var(--color1); color: #000; padding: 8px 25px; display: inline-block;}

.wpcf7-not-valid-tip{color: #fff !important; font: 14px var(--font1);}

.marcaImg img{width: 100%;}
.marcaImg{width: 120px; padding: 10px 0px;}

h3.tit::after{content: ""; display: block; background: var(--color1); width: 100px; height: 2px; margin: 10px auto 40px;}
.wp-container-core-columns-is-layout-2{padding: 40px 10%; box-sizing: border-box;}


.fix-btn {
    background: rgb(1, 172, 7);
    color: #fff;
    display: inline-block;
    width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
    position: fixed;
   right: 5%;
    bottom: 60px;
    border-radius: 50%;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
	z-index: 1023;
	animation: pulse5 1s infinite;
}
@keyframes pulse5{
	0%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
	}
	70%{
		transform: scale(1);
		box-shadow: 0 0 0 25px rgba(0,0,0,0.0);
	}
	100%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
	}
}



.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit, .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{color: #fff;}
.dgwt-wcas-search-form, .dgwt-wcas-suggestions-wrapp a, .dgwt-wcas-suggestions-wrapp p{font: 12px var(--font1);}

.tag{height: 87px; display: flex; align-items: center; overflow: hidden; padding: 20px;}

#icoNav_movil{display: none;}


.onsale{display: none;}
.thumb{width: 100%; overflow: hidden; height: 281px; background: #fff; display: flex; align-items: center; justify-content: center;}
.owl-carousel_1 .thumb img{height: 100% !important; width: auto !important;}
.thumb img{height: 100%;}
#productos{padding: 60px 0px;}

#productos article, .products .product{border: 1px solid #ccc;background: #f4f4f4;box-sizing: border-box;}
.txt-prod{padding: 20px; border-top: 1px solid #ccc; background: #f4f4f4;}.txt-prod h2, .woocommerce-loop-product__title{font: 14px var(--font1) !important; color: #000 !important; background: transparent !important; font-weight: 400;}
.price{font: 16px var(--font2) !important; color: #000 !important; display: block !important; padding-bottom: 20px !important;}.snippet-dto-porcentaje{background: var(--color1); color: #fff; padding: 3px 10px;position: absolute; left: 10px; top: 10px;font-size: 11px;}
a.add_cart{background: var(--color1); display: inline-block; color: #000; text-align: center; transition: all .2s linear; padding: 8px 14px 7px; line-height: 24px; font-size: 23px;}
a.view-more{margin-left: 10px;display: inline-block; padding: 8px 14px 7px; color: #fff; background: #262626; line-height: 21px; font: 14px var(--font1);}
a.view-more i{font-size: 22px; color: var(--color1);}
.woocommerce ul.products li.product a img{border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.more{display: flex; justify-content: center;}
.title h3, .related h2{padding: 20px; background: #000; color: var(--color1); width: 100%; font-family: var(--font1); margin-bottom: 20px; box-sizing: border-box; font-size: 23px;}

ul.sub-menu{display: block !important; background: var(--color1) !important;}
.nav-menu li{position: relative;}
.nav-menu li ul.sub-menu{position: absolute;max-height: 0px;overflow: hidden;transition: all 0.4s ease-in-out;background: var(--color1);min-width: 300px;z-index: 55555; border-radius: 20px; margin-top: 10px;}
.nav-menu li ul.sub-menu li::before{display: none;}
.nav-menu li ul.sub-menu li{display: block !important; text-align: left;}
.nav-menu li ul.sub-menu li a{width: 100%; color: #000 !important;line-height: 33px !important; display: block;padding: 0px 30px !important; box-sizing: border-box;}
.nav-menu li ul.sub-menu li a:hover{background: #fff; color: var(--color3);}
.nav-menu li:hover > ul.sub-menu{max-height: 600px;}


.formulario .grid_2{grid-column-gap: 20px;grid-row-gap: 10px;}


#headerPopup{width:75%;margin:0 auto; }
#headerPopup iframe{width:100%;margin:0 auto;}
#headerVideoLink{position: relative;}
.video{padding: 70px 0px 70px; background: url(img/banner.webp);background-size: cover; background-attachment: fixed;}
.vi-nos{padding: 70px 0px 70px;}
#headerVideoLink{background: #fff;	width: 70px;height: 70px;line-height: 70px;text-align: center;color: var(--color1);font-size: 30px;position: relative;cursor: pointer;border-radius: 50%;display: block;}
#headerVideoLink::before, #headerVideoLink::after{content: ""; display: block;width: 70px;height: 70px;background: rgba(255, 255, 255, 0.5);animation: ring2 1.5s infinite;border: 1px solid #fff;}
#headerVideoLink::after{animation: ring2 1.6s infinite;}
.g-video::before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 3px solid var(--color1);
    background: var(--color1);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
} 
.number::after, .g-video::after{
    content: '';
    display: inline-block;
    width: 30px; height: 30px;
    border-radius: 100%;
    background: var(--color2);
    border: 1px solid var(--color2);
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
}
h6.title{font-size: 20px; color: var(--color1);font-family: var(--font1); text-shadow: 0px 0px 2px #000;}
@keyframes ring2 {
    0% {width: 70px; height: 70px; opacity: 0.5;}
    100% {width: 160px;height: 160px;opacity: 0;}
}
.video h3.title{color: #fff;font-size: 25px; font-family: var(--font1);}
.envios{padding: 60px 0px;}
.envios h5{font: 13px var(--font2); font-weight: 900;}.envios i{font-size: 54px; color: var(--color1); padding-right: 20px;}.envios p{font: 15px var(--font2);}
.envios .row{justify-content: start;}
h3.title{ text-align: center; font: 700 37px var(--font2); color: var(--color2); padding-bottom: 50px;}
h3.title::after{content: "";display: block; width: 120px; height: 4px; background: var(--color1); margin: 0 auto;}
.marcas{ padding: 60px 0px;}
p.subtitle{font: 15px var(--font1); text-align: center; color: var(--color3);}
.title strong{font-family: var(--font3); color: var(--color3); font-style: italic;}
.banners .row-center p{text-align: right; width: 100%;}.cl{width: 73%;}

.formulario{
    background: url(img/contact.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0px;
}
.form-repuestos{
    width: 900px;
    margin: 0 auto;
}



/**WOOCOMMERCE SINGLE**/
.woocommerce div.product{display: inline-block; width: 100%;}
.woocommerce div.product .product_title{font-weight: 400; font-size: 26px; color: #232323;}
.summary .price bdi{color: #232323; font: 500 24px var(--font1);}
.str{color: #ccc; letter-spacing: -2px; font-size: 19px;}
.product_meta>span{display: block;}.product_meta{padding-top: 10px; font-weight: 500; color: #666; margin-bottom: 10px; font-size: 14px;}
.product_meta a{font-weight: 400;}

.woocommerce-breadcrumb{padding: 30px 0px !important; text-align: center;}

.n-stock{animation: blink-animation 1s steps(5, start) infinite;}
.product_meta a{color: var(--color3);}
.barra-stock{background: #f2f2f2; border-radius: 20px; overflow: hidden; height: 12px; width: 399px; max-width: 100%;}
.bar-stock{background: -webkit-linear-gradient(left,var(--color1) 0%,var(--color3) 100%); height: 100%; width: 80%;}
.in-stock{display: none;}
.stock p{color: #000; font-weight: 500; line-height: 2.0; font-size: 15px;}.n-stock{color: var(--color3); }

.woocommerce div.product form.cart div.quantity{float: none;}div.quantity .row{justify-content: start;}
.qty_button, .input-text.qty{width: 45px; height: 45px; border: 1px solid #ccc; background: #fff;}
.input-text.qty{height: 43px; border-left: 1px solid #fff;  border-right: 1px solid #fff}
.quantity .screen-reader-text{display: block; overflow: inherit; clip-path: initial;clip: inherit; position: relative !important;
font: 500 14px var(--font1); color: #666; height: 26px; margin-top: 15px;}
.quantity{padding-bottom: 15px;}
.woocommerce div.product form.cart .button{width: 261px; height: 50px; background: var(--color4); border-radius: 0px;}
.woocommerce div.product form.cart{margin-bottom: 0px;}

.entry-summary .cart{display: none;}
.slingle{background: #f2f2f2; padding: 40px 0px; box-sizing: border-box; width: 100% !important; text-align: center; border-bottom: 1px solid #ccc;
margin-bottom:70px; font: 14px var(--font1); color: #666;}.slingle a{color: #000;}


.woocommerce-product-details__short-description p{display: none;}
.summary .yith-wcwl-wishlistexistsbrowse, .yith-wcwl-add-to-wishlist a{font-size: 14px; color: #666;}

.info-prod .txt-ind{padding: 10px; border: 1px solid #ccc; font-size: 14px; text-align: center; color: #666;}
.info-prod.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 15px;}

.variations tr, .variations td{display: block;}
.select_option{border: 2px solid #ccc;}.reset_variations{display: none !important;}
.variations td.label label{font: 500 14px var(--font1) !important; color: #666;}
.woocommerce div.product form.cart .variations{margin-bottom: 0px !important;}
.single_variation_wrap{margin-top: -10px;}
.woocommerce-variation-price{padding: 2px 15px; background: #f2f2f2; display: inline-block;border-radius: 3px;}

.woocommerce div.product .woocommerce-tabs ul.tabs{text-align: center;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background: var(--color1);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #000; font-weight: 400;}

.woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom: 0px;}
.woocommerce-Tabs-panel{padding: 25px 3% 20px !important; color: #666; font-size: 17px; border: 1px solid #ccc; border-top: 1px solid transparent;}
.woocommerce-Tabs-panel h2{font-size: 20px; color: var(--color5); font-weight: 500; margin-top: 15px; margin-bottom: 5px; font-family: RP;}
.woocommerce-product-gallery{max-height: 828px; overflow: hidden;}
.woocommerce-Tabs-panel ul{padding-left: 5%; box-sizing: border-box;}
.woocommerce-Tabs-panel ul.list1 li:nth-child(2n+1){background: #f2f2f2;}
.woocommerce-Tabs-panel ul.list1{padding-left: 0px !important;}
.woocommerce-Tabs-panel ul.list1 li{list-style: none; padding: 3px 15px;}
.woocommerce div.product .woocommerce-tabs .panel{overflow: hidden;}

ul.sub-menu{display: block !important;}
.nav-menu li{position: relative;}
.nav-menu li ul.sub-menu{position: absolute;max-height: 0px;overflow: hidden;transition: all 0.4s ease-in-out;background: var(--color4);min-width: 300px;z-index: 55555; border-radius: 20px; margin-top: 10px;}
.nav-menu li ul.sub-menu li::before{display: none;}
.nav-menu li ul.sub-menu li{display: block; text-align: left;}
.nav-menu li ul.sub-menu li{display: block; box-sizing: border-box;}
.nav-menu li ul.sub-menu li a{width: 100%; color: #fff;line-height: 43px; display: block;padding: 0px 30px !important; box-sizing: border-box;}
.nav-menu li ul.sub-menu li a:hover{background: #fff; color: var(--color4);}
.nav-menu li:hover > ul.sub-menu{max-height: 500px;}



.related.products h2{text-align: center; font-weight: 400; margin-bottom: 40px;}
.products li .thumb-product{max-height: 260px; background: #f2f2f2; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
h2.woocommerce-loop-product__title{font-size: 15px; color: #1b1b1b; font-weight: 400;}
.products li.type-product .price{color: #000 !important; text-align: center; font-size: 15px !important; font-weight: 500 !important;}
.products li.type-product .add_to_cart_button{display: none !important;}
.products li.type-product .yith-wcwl-add-button{text-align: center;}

.direction{flex-direction: row-reverse;}
.woocommerce img{width: auto !important; float: none !important;}
.owl-instagram img, .woocommerce div.product div.images .flex-control-thumbs li img, .thumb-product img{display: block; width: 100% !important; height: auto !important;}
.thumb-product{ overflow: hidden;}.woocommerce ul.products li.product a img{margin-bottom: 0px !important;}
.check-btn{background: var(--color1) !important; color: #000 !important; width: 70%; display: block; padding: 15px 5%; text-align: center;
border-radius: 10px; margin-top: 20px;}

.entry-summary{font: 15px var(--font2);}
.woocommerce-Tabs-panel p{font-size: 14px;}


.woocommerce div.product .woocommerce-tabs ul.tabs li{background: transparent !important; color: #fff !important; 
border: 1px solid #ccc !important; margin: 0 -3px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #000 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:  var(--color1) !important;}
 .woocommerce-Tabs-panel{border: 1px solid #ccc;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{border-color: #ccc !important;}
.woocommerce-Tabs-panel{border-top: 0px solid transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom: 0px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: var(--color2) !important; color: var(--color5) !important;}
.woocommerce-Tabs-panel{color: #666;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .products li.type-product .price{text-align: left;
padding: 0px 20px; box-sizing: border-box;}
.woocommerce-tabs{margin-top: 20px;}

.quantity{display: none !important;}
.related.products{display: inline-block; float: none; width: 100%;}

.chatBot{position: fixed; right: 10px; bottom: 10px; z-index: 999; box-shadow: 0px 0px 5px 0px #000; max-height: 0px; overflow: hidden; opacity: 0; transition: all 0.7s ease-in-out;}
.chatBot iframe{border: none;}

.formulario .container{width: 700px;}
.formulario input{width: 100%; height: 50px; padding: 10px; background: rgba(0,0,0,0.5);border: none; margin-bottom: 15px; box-sizing: border-box;border-radius: 3px;}
::placeholder{ color: #fff; font-family: var(--font2); font-size: 13px;}
.formulario textarea{width: 100%; padding: 10px; height: 130px; background: rgba(0,0,0,0.5);border: none; margin-bottom: 15px; box-sizing: border-box; border-radius: 3px;}
#enviar{background: var(--color1); width: 300px; color: #000; font-size: 16px; border: none;}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit, .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{background: transparent; border: none !important;}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{background: transparent;}

.txt-nosotros{width: 640px; font: 15px var(--font2); max-width: 100%;}
.txt-nosotros h3.title{text-align: left; padding-bottom: 15px;}
.nosotros{padding: 70px 0px;}



@media only screen and (max-width: 960px){
    .container{max-width: 98%;}
	.banners .grid_2{display: block; }
    .grid_4{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 646px){
    .entry a{display: none;}.entry .search, .entry .row{display: block; width: 100%; box-sizing: border-box;}.txt-prod{padding: 10px; text-align: center;}.price{padding-bottom: 10px !important;}
    .search input,.banners p{width: 90%;}a.view-more{margin-left: 0px;}.addproductlist::after{content: "Añadir al carrito";font-size: 14px;}.txt-prod a{display: block; width: 100%; text-align: center; box-sizing: border-box;}
    #icoNav_movil{display: block;}
   .nav-menu{position: fixed; display: block; left: -150%; top: 0px; background: #fff; width: 80%; height: 100vh; padding: 30px 0px; z-index: 2222;}#menu li{display: block; padding: 10px 0px;}#menu li a{line-height: 40px;}
    /**CART**/
	.more a{box-sizing: border-box;}
	.txt-prod{padding: 10px 0px 0px;}
	.txt-prod h2, .woocommerce-loop-product__title{padding: 0px 5px;}
	.thumb{height: 184px;}
	.nav-menu li ul.sub-menu{position: relative; width: 100%;}
    .woocommerce table.shop_table td{width: 100%;}.shop_table tbody{padding: 0px; }.product-name{width: 100% !important;}.product-quantity .row{justify-content: end;}
    .more{display: block;}.more a{display: block; width: 100%;}
    .banners article{height: 230px; margin-bottom: 10px;}
    .grid_4 {        grid-template-columns: repeat(1, 1fr);}    
    .banners a.btn{line-height: 34px;}
.movil{display:flex;justify-content: center;}
    .banners h3{font-size: 36px;}.banners h2{font-size: 28px;}.cabecera{padding: 10px 2%; box-sizing: border-box;}
    footer .entry a{display: block;}footer .entry .row-center{display: block;}
    .nosotros .row-center{display: block;}.thumb-nos{margin-bottom: 40px;}
.thumb-nos img{width: 100%; max-width: 100%;}.tag{padding: 0px;}
}
