/*
Theme Name: TecReal  -  Seo Consulting Perú
Theme URI: Seoconsultingperu.com
Author: Seo Consulting 
Author URI: 
Description: Diseño Premium Seo Consulting

*/

*{padding: 0; margin: 0;}



body{--color1: #f7ba11;--color2: #012535;--color3: #fbe6ff; --font1:"Poppins", sans-serif; --font2: "Jost", sans-serif;}
.container{width: 1290px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 70px 0px;}
.grid_6{display: grid; grid-template-columns: repeat(6, 3fr); grid-column-gap: 10px; grid-row-gap: 10px;}
.grid_5{display: grid; grid-template-columns: repeat(5, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_2{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 0px; grid-row-gap: 0px;}
.row-center{display: flex; align-items: center; justify-content: space-between;}
#icoNav_movil{width: 81px;border-radius: 50%;  box-sizing: border-box; margin-right: 6%; display: none;}
#icoNav_movil ul li {
    width: 100%;
    height: 4px;
    background: #fff;
    display: block;
    margin-bottom: 8px;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}
#icoNav_movil{ width: 31px; height: 51px;  box-sizing: border-box; margin-left: 10px; display: none; padding-top: 20px;}
#icoNav_movil ul li {width: 100%; height: 2px;background: #fff;display: block;margin-bottom: 4px; transition: all 0.5s ease-in-out;}
.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);}
.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);}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: var(--font1);}
p,span,a,li,div{font-family: var(--font2);}
.movil-menu{display: none;}
.container{overflow: hidden;}
.fix-btn{position: fixed; z-index: 200; right: 5%; bottom: 10px; border-radius: 29px; background: var(--color2); color: #fff; font-size: 22px; font-weight: 700; padding: 10px 20px; box-shadow: 0px 0px 10px 0px #000; border: 2px solid #fff; animation: pulse 1s infinite;}
.tag h3{font-size: 12px; margin: 3px; padding: 5px 10px; background: var(--color1); color: #fff; display: inline-block;}
@keyframes pulse{
	0%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
	}
	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);
	}
}

.entry{padding: 13px 5%; text-align: center;  background: #f2f2f2;}
.entry h4{font-size: 14px; font-weight: 300;}
.cabecera{background: #fff; color: #fff; padding: 20px 0px;}


.slider{overflow: hidden; display: flex; align-items: center;}

.vidiox{display: flex; align-items: center; justify-content: center; position: relative;}
.vidiox i{color: #fff; font-size: 80px; cursor: pointer; animation: pulse 2s infinite ease-in-out; border-radius: 50%; position: absolute; transition: all 0.3s linear;}
.vidiox:hover>i{font-size: 90px;}
.vidiox img{opacity: 0.8;}

#sidebar{display: none;}

/**Search**/

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius: 50px; height: 52px;}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit, .dgwt-wcas-om-bar .dgwt-wcas-om-return{border-radius: 50px;
line-height: 30px;}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before{display: none !important;}
.dgwt-wcas-search-wrapp{max-width: 216px;}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{padding: 0px 25px; font: 15px var(--font1);}
.dgwt-wcas-search-wrapp{min-width: 217px;}

.cart-txt .woocommerce-Price-amount, .cart-txt .woocommerce-Price-amount span{padding-left: 0px;}

.is_cart{background: var(--color2); width: 52px; height: 52px; border-radius: 50%; line-height: 52px; text-align: center; transition: all 0.5s ease-in-out;
cursor: pointer;}
.is_cart:hover{background: #fff; color: var(--color2);}
.is_cart i{font-size: 20px;}
.cart-txt p{font-size: 13px; color: #ffc684;  font-weight: 600;}
.cart-txt span{display: inline-block; padding-left: 15px;}
.favorite{margin-left: 30px;}

/**Menú**/
.nav-menu ul li{display: inline-block; list-style: none; position: relative;}
.nav-menu ul li a{color: var(--color2); font: 16px var(--font1); padding: 0px 20px; line-height: 50px;}
.nav-menu{padding: 15px 0px;}
.menu-cat{position: relative; background: #f2f2f2;}
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{background: #f2f2f2;}
.cabecera h5{color: var(--color2);}

ul.sub-menu{
    display: block !important;
}
.nav-menu li ul.sub-menu{
    position: absolute;
	max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    background: var(--color2);
    min-width: 300px;
	z-index: 2222; margin-top: 30px;border-radius: 10px; overflow: hidden;
}
.nav-menu li ul.sub-menu li::before{
	display: none;
}
.nav-menu li ul.sub-menu li{display: block;}

.nav-menu li ul.sub-menu li a{
    width: 100%; color: #fff;
	line-height: 43px; display: block;
	padding: 0px 30px !important;
}
.nav-menu li ul.sub-menu li a:hover{
	background: #fff; color: var(--color1);
}
.nav-menu li:hover > ul.sub-menu{
	max-height: 500px;}


.dropdown {
	flex-direction: column;
	background-color: var(--color2);
	border-radius: 6px;
	margin-top: 5px;
	padding: 0px 0;
	    left: 2%;
    bottom: -260%;
	position: absolute;
	width: 350px;
	z-index: 10;

	/* Inicialmente oculto con transición */
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

.dropdown.show {
	max-height: 500px; /* suficiente para mostrar todos los ítems */
	opacity: 1;
}

.dropdown-item {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	gap: 10px; color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.dropdown-item:hover {
	background-color: #ddd;
}

.dropdown-item i {
	font-size: 18px;
}

.thumb-prod1{height: 267px;}
.thumb-prod1 img{width: 100%; height: 100%; object-fit: cover; object-position: center;}



.single-slide h3.title{color: #fff !important}

.page-serv{
    padding: 70px 0px;
}
.page-serv article{
    width: 780px;
    max-width: 100%;
}
.page-serv article img{
    width: 100%;
}
.thumb-page{
    width: 100%;
    max-height: 424px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.thumb-page .owl-stage{padding: 0px !important;}
.image{width: 100%; height: 424px; background-size: cover !important; background-position: center; display: block; border-radius: 20px;}
.page-serv article h1{
    margin: 35px 0px 25px;
    font: 40px var(--font1);
    font-weight: 400;
    color: #242424;
}
.page-serv article p, .page-serv article li{
    font: 16px var(--font2);
    line-height: 34px;
    margin-bottom: 20px;
    color: #686a6f;
    list-style: none;
}
.page-serv article li{
	margin-bottom: 0px !important;	
	line-height: 30px;
}
.page-serv article li::before{
	    content: "\F0054";
    font-family: "Material Design Icons";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
   	margin-right: 5px;
    line-height: 30px;
    color: var(--color2);
}
li.blocks-gallery-item::before{
	display: none !important;
}
li.blocks-gallery-item figure{
	margin-bottom: 20px !important;
}
.page-serv h2, .page-serv h3, .page-serv h4, .page-serv h5, .page-serv h6{
    font-family: var(--font1);
    color: #000;
}
.page-serv .blocks-gallery-item figure{
    overflow: hidden;
    border-radius: 7px;
}


.page-serv aside{
    width: 370px;
    max-width: 100%;
    margin-left: 30px;
}
.serv-list{
    padding: 45px;
    box-sizing: border-box;
    background: #f4f5f8;
    border-radius: 7px;
    margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
    box-sizing: border-box;
}
.dark{
    background: #222429;
}
.serv-list .current_page_item a{
    background: #fff;
    border-radius: 7px;
}
.serv-list h4{
    margin-bottom: 2px;
    font: 24px var(--font1)
}
.dark h4{
    color: #fff;
}
.serv-list a{
    line-height: 48px;
    display: block;
    padding: 0px 20px;
    margin-left: -20px;
    color: #686a6f;
    box-sizing: border-box;
    position: relative;
    transition: all 0.4s ease-in-out;
    margin-bottom: 5px;
}
.serv-list a::before{
    content: "";
    display: inline-block;
    width: 2px;
    background: var(--color1);
    height: 0px;
    left: 0px;
    top: 12px;
    position: absolute;
    transition: all 0.4s ease-in-out;
}
.serv-list .current_page_item a::before{
    height: 25px;
}
.serv-list a::after{
    content: "\ea6e";
   font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    position: absolute;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    right: 20px;
    line-height: 48px;
    color: var(--color2);
}
.serv-list a:hover{
    border-radius: 7px;
    background: #fff;
    color: #000;
}
.serv-list a:hover::before{
    display: inline-block;
    height: 25px;
    transition: all 0.4s ease-in-out;
}
.serv-list p{
    font: 14px var(--font2);
    line-height: 29px;
    color: #666;
    margin: 20px 0px;
}
.serv-list.dark a{
    color: #fff;
    background: transparent;
    padding: 0px;
    margin-left: 0px;
    font: 20px var(--font1);
}
.serv-list.dark a::before, .serv-list.dark a::after{
    display: none !important;
}

.serv-list.dark a i{
    color: var(--color2);
}
form br{
	display: none;
}

.single-slide{
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background: url(https://rohusadperu.com/wp-content/uploads/2024/05/single.jpg);
    background-size: cover;
    background-position: center;
}


.product-images-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.product-image-item {
    position: relative;
    overflow: hidden; /* Evita que la imagen se salga del recuadro */
    border-radius: 6px; /* Opcional, esquinas redondeadas */
}

.product-image-item img {
    transition: transform 0.4s ease, filter 0.3s ease;
    width: 100%;
    height: auto;
    display: block;
}

.product-image-item:hover img {
    transform: scale(1.2); /* Hace zoom */
    filter: brightness(1.05); /* Un pequeño brillo extra */
}


.categories{background: var(--color2); color: #fff; display: flex; align-items: center; padding: 13px 20px; border-radius: 10px; transition: all 0.3s linear;}
.categories:hover{background: #f2f2f2; color: var(--color2); cursor: pointer;}
.categories i{padding-right: 10px;} .categories p{text-transform: uppercase; font-size: 14px;}


.contact-wp{display: flex; justify-content: space-between; align-items: center;}
.contact-wp p{font: 13px var(--font2); color: #666; line-height: 15px;}
.contact-wp a{font: 600 18px var(--font1); color: var(--color2); line-height: 10px;}




/****VARICIONES PRODUCTOS***/

#yith-wapo-option-2-0{margin: 0 auto; float: none; margin-top: 10px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background: #f9f9f9; border: none; font-family: var(--font5); }
#yith-wapo-block-1 .product-image{background: #f2f2f2; border-radius: 10px; margin-bottom: 10px;}
#yith-wapo-block-1 .product-name{margin-bottom: -10px;}
.yith-wapo-block .yith-wapo-addon .options.grid.per-row-6 .yith-wapo-option{width: 200px;}
#yith-wapo-block-3 .options{display: flex; justify-content: flex-start;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option img{float: none; height: auto; margin-right: 0px; width: 100%;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option{width: auto !important; float: none !important; min-width: auto;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label{border: 1px solid #fff; display: block; padding: 0px;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label img + div{padding: 5px 10px; font-family: var(--font1); font-size: 12px;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label{min-width: 130px;}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container{padding: 0px; border: inherit;}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container, .per-row-6{display: block !important;}
.product-info .product-name{font-size: 10px !important; color: #666;  text-transform: lowercase; line-height: 10px; text-transform: lowercase;  display: block;}
.product-info .product-name::first-letter {text-transform: uppercase;}

.wapo-addon-title{width: 100%; display: block; text-align: center;}
.per-row-6 .owl-nav .owl-prev{display: none;}
.option-price, .woocommerce-Price-currencySymbol, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container small.option-price{font-size: 13px !important; font-weight: 800;}
.per-row-6 .owl-nav button{width: 25px;
    height: 100%;
    text-align: center;
    background: #f2f2f2 !important;
    color: #000 !important;
    opacity: 0.6;
    font-family: var(--font2) !important;
    font-size: 25px !important;
    padding-top: -10px !important;
    transition: all 256ms cubic-bezier(.33, .975, .245, .91);}
.per-row-6 .owl-nav .owl-next{right: 0;
    top: 0;
    border-radius: 0px 4px 4px 0px;
    position: absolute;}

#yith-wapo-container{padding: 20px 0px !important;}
#yith-wapo-container .product-container{padding: 0px !important;}







.prod1{background: #f3f3f3; border-radius: 20px; padding: 20px; transition:  all 0.3s linear; position: relative}
.prod1 .snippet-dto-precio{position: absolute; right: 10px; top: 10px;}
.price del bdi, .price del{font-size: 16px; color: #5b5b5b; font-weight: 600;}
.prod1 .cat{letter-spacing: 2px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #BEBEBE;}
.prod1 h1{font: 500 17px var(--font1); color: #1E1E1E;  width: 90%;}
.prod1 .price{font:700 18px  var(--font2); color: #1E1E1E; padding-top: 10px;}
.prod1 .link{color: var(--color1); transition: all 0.3s linear;}

.link{background: #fff; width: 40px; height: 40px; border-radius: 50%;line-height: 40px; text-align: center; font-size: 18px;}

.productos{padding: 50px 0px;}
.title h3{font: 700 30px var(--font1); color: #1E1E1E;}
.title{padding: 0px 0px 20px 0px;}

.prod1:hover{box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.2);}
.prod1:hover .link{background: var(--color1); color: #fff;}
.owl-productos .owl-stage{padding: 30px 0px;}

.banner img{border-radius: 20px; overflow: hidden;}

.box-info{padding: 0px 0px 80px 0px;}
.box-info span{display: inline-block; padding-left: 25px;}
.box-info span span{font: 10px var(--font1); letter-spacing: 1px; text-transform: uppercase; padding-left: 0px;}
.box-info span p{font: 13px var(--font1); color: #1E1E1E; padding-top: 15px;}
.box-info span h4{font: 700 17.2px var(--font1); color: #1E1E1E;}
.box-info .grid_3{ grid-column-gap: 50px; grid-row-gap: 50px;}
.box-info img{width: 70px;}
.gallery{padding-top: 50px;}


.services{padding-bottom: 60px;}
.serv{height: 400px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 20px;}
.serv img{ width: auto !important; height: 100%;}
.txt-services{position: fixed; width: 100%; bottom: 0; left: 0; padding: 230px 20px 20px 20px; background:linear-gradient(180deg,rgba(1, 37, 53, 0.05) 0%, rgba(1, 37, 53, 0.76) 44%, rgba(1, 37, 53, 1) 100%);
height: 100%; box-sizing: border-box;}
.txt-services h5{color: var(--color1); font: 300 15px var(--font1);}
.txt-services h2{color: #fff;}
.txt-services p{color: #fff; font-size: 13px;}



/**WOOCOMMERCE**/
.product-images-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;width: 67%; float: left;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width: 30%;}

.product-image-item img {
    width: 100%;
    height: auto;
    background: #f3f3f3;
    border-radius: 4px;
}
.site-main{width: 1290px; max-width: 96%; margin: 0 auto;}
.woocommerce-breadcrumb{background: #f2f2f2;padding: 10px 20px !important;text-align: center; display: block;border-radius: 29px;margin: 40px 0px !important;
text-transform: uppercase; color: #202447; font: 500 15px var(--font1);}

.woocommerce div.product .product_title{font: 600 31px var(--font1); color: var(--color2); line-height: 35px;}
.woocommerce div.product .price{color: var(--color2) !important; font-family: var(--font2) !important; padding: 15px 0px;}
.woocommerce div.product .price bdi{font: 600 25px var(--font1);}
.snippet-dto-precio{background: var(--color1); color: #fff; padding: 3px 7px; font-size: 10px; border-radius: 8px;
font-weight: 700; float: right; transform: translateY(12px);}

.woocommerce-product-details__short-description p{color: #555555; font: 15px var(--font1); line-height: 24px;}
.woocommerce-product-details__short-description{padding-bottom: 30px;}

.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: 100%;
    height: 50px;
    background: var(--color1);
    border-radius: 25px;display: block;
}
.check-btn {
    background: var(--color2) !important;
    color: #fff;
    height: 50px;
    padding: 14px !important;
    margin-top: 0px !important;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
    width: 100%;
	display: inline-block;
	border-radius: 25px;
    font-weight: 700 !important;
}
.posted_in{font: 16px var(--font1); color: #353535;}
.posted_in a{background: var(--color2); font-size: 13px; padding: 3px 6px; color: #fff; border-radius: 12px;}
.posted_in a:hover{background: var(--color1);}


/* Estilos del popup */
#popup-carga {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #FFF;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	z-index: 9999;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#popup-carga.oculto {
	opacity: 0;
	pointer-events: none;
}

.owl-entry .owl-dots{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -8px;}
.owl-entry .owl-dot{width: 5px; height: 5px; background: var(--color1) !important; border-radius: 50%; margin: 0px 5px;}
.owl-entry .owl-dot.active{background: var(--color2) !important;}
.entry h4 strong{color: var(--color2); font-weight: 700;}


.tabs_links{ width: 800px; margin: 0 auto; max-width: 92%; margin-bottom: 15px;}
.tabs_item{ width:100%;     background: #f2f2f2;
    color: #353535;
    cursor: pointer;
    display: inline-block;
    transition: all 0.8s;
    padding: 17px 19px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    font-family: var(--font1);
    border-radius: 9px;}
.tabs_item img{width: 80px; filter: opacity(66%);}
.tabs_item h2{font-size: 13px; font-weight: 700;}.tabs_item.active img{filter: opacity(100%);}
.panels{position: relative; width: 100%;min-height: 400px;margin: 0 auto; }
.tabs-container{margin-top: 30px; height: auto !important;}
.panel-item{position: absolute; top: 0;left: 0; width: 100%; height: 100%;opacity: 0.0; transition: all 0.8s; }
.active{z-index: 2222;  opacity: 1; position:relative;}
a.active{ background: var(--color1);  color: #fff; position: relative; box-shadow: 0px 0px 0px transparent;}
a.active::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f2f2f2;}

.phone-btn{background: var(--color1); color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 19px; border-radius: 10px;
margin-right: 15px; position: relative;}

.phone-btn::before{
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
	right: 0;
	margin: 0 auto;
    width:70%;
    height: 70%;
    border-radius: 10px;
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    box-shadow: 0 0 0 2px var(--color1);
}
@keyframes ripple{
    70% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
		border-radius: 50%;
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		border-radius: 50%;
    }
}


/**WHATSAPP**/

.wapp{position: fixed; right: 10px; bottom: 90px; z-index: 12200; box-shadow: 0px 0px 16px 0px #666; display:none; transition: all 0.9s ease-in-out;}
.wapp i{color: #fff; font-size: 20px;}.wapp #hora{position: absolute; right: 5px; bottom: 5px; font-size: 10px; color: #666;}.msg-wpp{position: relative;}
.wapp{width: 287px; border-radius: 5px; overflow: hidden;}.img-wpp{display: none}
.wapp .user{background: #158c00; padding: 10px 10px;}.wapp .user h2{font-size: 13px; color: #fff;}
.wapp .user p{color: #fff; font-size: 10px;}.user .row-center{justify-content: start;}.img-wpp{margin-left: 10px; margin-right: 5px;}
.msg-wpp{width: 100%; margin: 0px 20px 0px 0px; background: #f2f2f2; padding: 5px; border-radius: 8px; font-size: 12px; z-index: 3; line-height: 1.7}
.wapp .message{padding: 10px 10px; width: 100%; background-color: #fff;  box-sizing: border-box;  position: relative; margin: 5px 0px; border-radius: 7px}
.wapp .message::before{ content: ""; display: block; position: absolute;width: 100%; height: 100%; background-image: url(img/wpp.png); z-index: 0; left: 0; top: 0; background-size: cover; background-position: bottom; opacity: 0.1;}
.send{background: #fff; padding: 5px 10px; width: 100%; box-sizing: border-box;}
.send input{background: #fff; border-radius: 8px; height: 40px; color: #666; border: none; width: 80%; padding: 0px 12px; font-size: 11px;}
.send a{border-radius: 50%; height: 40px; width: 40px; margin-left: 10px; color: #8696a0; display: flex; justify-content: center; align-items: center;}
.send input{outline: none;}

.woocommerce-tabs{padding: 50px 10%;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{    border: 1px solid #202447 !important;
    background-color: #202447;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border: 1px solid #f2f2f2 !important; background: #f2f2f2 !important; color: var(--color2);}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom: 2px solid #f2f2f2 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #fff; font: 400 16px var(--font1);}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{border: 2px solid #f2f2f2 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{box-shadow: 2px 2px 0 #f2f2f2;}
.woocommerce div.product .woocommerce-tabs .panel{font: 400 17px var(--font1); color: #666; line-height: 25px; padding: 0px 2%; transition: all 0.4s linear;}
.woocommerce div.product .woocommerce-tabs .panel h2{padding-bottom: 15px;}

.btnOpen{background: #158c00; width: auto; padding: 10px 20px; color: #fff; font-size: 18px; border-radius: 29px; text-align: center; line-height: 20px; display: flex; cursor: pointer;
position: fixed; bottom: 10px; right: 10px; z-index: 22000;}


.products .product.type-product{background: #f3f3f3; border-radius: 10px; padding: 20px !important; box-sizing: border-box !important;}
.products .product.type-product h2.woocommerce-loop-product__title{font: 500 17px var(--font1);color: #1E1E1E; width: 90%; padding: 0px !important; width: 100%;}
.woocommerce ul.products li.product a img{margin-bottom: 0px !important;}
.products .product .price bdi{font-size: 16px !important;}
.products .product .price{padding: 15px 0px 0px !important;}
.products .product{position: relative;}
.products .product .snippet-dto-precio{position: absolute; top: 0px; right: 10px;}.onsale{opacity:0;}
.woocommerce ul.products li.product .button{margin-top: 5px; background: var(--color2); color: #fff; width: 100%; text-align: center; box-sizing: border-box; border-radius: 20px;}

.prod1 h1{height: 52px;}

.prod2{width: 70%;}
.vidio{width: 30%; border-radius: 20px; overflow: hidden;}


footer{background: var(--color1); padding: 60px 0px 0px; overflow: hidden;}
footer p{text-align: justify;}
footer p, footer a{color: #fff;line-height: 24px; font: 14px var(--font1);}
footer li a{padding-bottom: 15px; display: block;}
iframe{display: block;}
.foot-item2{padding-left: 7%;}
.redes a{font-size: 30px; margin-top: 15px; display: inline-block;}
footer .grid_4 h3{font:700 21px var(--font1); color: var(--color2); padding-bottom: 29px;}
footer li{list-style: none;}
footer .copy{background: var(--color2); padding: 20px; text-align: center; margin-top: 77px; color: #fff;}
footer .copy h6{font: 16px var(--font1); color: #fff;}

.desktop{display: block;}
.movil{display: none;}
.menu-cat .container{overflow: inherit;}

@media only screen and (max-width: 1295px){
	.container{width: 950px; max-width: 100%; box-sizing: border-box;}
	.menu-cat .nav-menu{display: none;}
	.menu-cat{padding: 15px 0px;}
}
@media only screen and (max-width: 955px){
	.container{width: 600px; padding: 0px 3%;}
	.box-info .grid_3{display: grid; grid-template-columns: repeat(1, 3fr); }

	footer .grid_4{display: grid; grid-template-columns: repeat(2, 3fr);}
	.banner .row-center{display: block;}.banner img{width: 100%;}
	.cart-txt span{display: none;}
	svg.dgwt-wcas-ico-magnifier-handler{fill: #fff;}
	.dgwt-wcas-search-icon{ background: var(--color2);     width: 52px;
    height: 52px;
    border-radius: 50%;
    line-height: 52px;
    text-align: center;}
	.productos2 .row-center.loc1{display: block;}
	.prod2{width: 100%;}
	.vidio{width: 30%; border-radius: 20px; overflow: hidden; margin: 0 auto; padding: 81.44% 0 0 0 !important;}
	.desktop{display: none;}
	.movil{display: block;}
	.favorite{margin: 0px 10px;}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{max-width: 52px !important;}
	.product-images-grid, .woocommerce div.product div.summary{width: 100%; display: block; position: static;}
}

@media only screen and (max-width: 650px){
	.container{width: 450px;}
	.is_cart, .dgwt-wcas-search-icon{width: 35px; height: 35px; line-height: 35px;}
	.is_cart i {font-size: 16px;}.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler{max-width: 16px;}
	.logo img{height: 35px; width: auto !important;}.favorite{margin: 0px 5px;}

	.contact-wp a{font-size: 14px;}
	.phone-btn{width: 42px; height: 42px; line-height: 42px; font-size: 16px;}
	.categories p{font-size: 10px;}.categories{padding: 10px 15px;}.phone-btn{margin-right: 7px;}
	.entry h4{font-size: 12px;}
	@keyframes ripple{
		70% {
			box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
			border-radius: 50%;
		}
		100% {
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
			border-radius: 50%;
		}
	}
	.prod1{padding: 10px;}
	.prod1 h1{font-size: 14px;}.prod1 .price{font-size: 16px; width: 37%;}
	.owl-productos .owl-dots{display: none !important;}
	.owl-productos .owl-stage{padding: 5px 0px;}
	.prod1 .cat{font-size: 9px; letter-spacing: 0px;}
	.prod1 h1{height: 42px;}
	.box-info{padding: 0px 0px 50px 0px;}
	.tabs_links{grid-template-columns: repeat(2, 3fr); max-width: 100%;}
	footer .grid_4{grid-template-columns: repeat(1, 3fr);}
	.foot-item2{padding-left: 0px;}.title h3{font-size: 24px;}
	.woocommerce-breadcrumb{font-size: 9px !important; margin: 10px 0px 15px !important;}
	.vidio{width: 100%; padding:124.44% 0 0 0 !important;}
	#popup-carga img{width: 70%;}
	.movil .owl-entry .owl-dots{position: relative; text-align: center; bottom: 0px;}
	.woocommerce-tabs{padding: 30px 2%;}.posted_in{display: block; padding: 7px 0px;}
	.product_meta{padding-top: 20px; border-top: 1px solid #f3f3f3;}
	.products .product.type-product h2.woocommerce-loop-product__title{height: 50px;}
	.products .product.type-product{padding: 10px !important;}
	.woocommerce ul.products li.product .button{font-size: 15px;}
.thumb-prod1{height: 181px;}
	.productos{padding: 10px 0px;}
	.movil{display:none;}
	.page-serv .row{display: block;}.page-serv article, .page-serv aside{width: 100%; margin-left: 0px; padding-bottom: 30px;}
}