/*
Theme Name: Proto
Description: Tema para WordPress.
Author: Sr. Prioto
Author URI: https://twitter.com/SrPrioto
version: 1.3
*/

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

*{
    margin:0;
    padding:0;
}

:root{
    --blanco: #fff;
    --plomo: #a0a0a0;
    --plomo2: #b5b5b5;
    --plomo3: #212121;
    --naranja: #ff5927;
    --azul: #0e1932;
    --oscuro: #1c1c1c;
}

body{
    background-color: #f2f2f2;
    font-size: 16px; 
    margin: 0;
    font-family: 'Raleway', sans-serif;
}

img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

.alignleft{float:left;border:none;margin:0 10px 10px 0;}
.alignright{float:right;border:none;margin:0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}

h1, h2, h3, h4, h5, h6, p, a, li{
	font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{ color: var(--plomo); font-size: 20px; }

a{}

/* links */
a{color:#0066cc; text-decoration:none;}
a:hover{color:#000; text-decoration: underline;}

li{list-style: none;}

/* general */

.border-bottom{
    border-bottom: 1px solid #363636;
}

figure {
    margin: 0!important;
}

.btn-principal{
    color: var(--blanco);
    background-color: var(--naranja);
    padding: 15px 25px;
    box-sizing: border-box;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
}

.titulo-categ-home {
    margin-bottom: 10px;
}

.float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 10px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float{
	margin-top:16px;
}

/* container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box; /*Alternar*/
}

/* top */
.header {
    position: absolute;
    width: 100%;
    z-index: 3;
    background: rgb(117,117,117);
    background: linear-gradient(0deg, rgba(117,117,117,0) 0%, rgba(2,0,36,1) 100%);
}

.info_contacto_header{
    text-align: right;
}

.top_header {
    display: grid;
    
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
    padding: 10px 0px;
}

.info_contacto_header div {
    display: inline-block;
}

.info_contacto_header i {
    display: inline-block;
    color: var(--blanco);
    margin-right: 5px;
}

.info_contacto_header p {
    color: var(--blanco);
    margin: 0 0;
    font-weight: 500;
}

.box-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 20px 0;
}

.box-header .logo {
    text-align: center;
}

.box-header .logo img {
    width: 150px;
}



/* redes sociales */

.redes_sociales {
    display: flex;
    align-items: center;
}

.redes_sociales .box-redes-sociales i{
    color: var(--blanco);
    margin: 0 20px 0px 0;
    font-size: 23px;
}

/* cart */

.cart {
    display: flex;
    justify-content: end;
    align-items: center;
}

.cart a{
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.cart a:hover{
    text-decoration: none;
}

.cart a i {
    font-size: 35px;
    margin: 0 9px 0px 0px;
}

.cart a span {
    font-size: 25px;
}

/* buscador */
.box_search {
    position: absolute;
    width: 100%;
    bottom: 20%;
    text-align: center;
}

.box_search .in_search_box {
    width: 60%;
    display: inline-block;
}

.box_search .in_search_box label.wp-block-search__label {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.box_search .in_search_box .wp-block-search__inside-wrapper {
    margin-top: 70px;
}

.box_search .in_search_box .wp-block-search__button {
    margin: 0;
    font-size: 20px;
    border-radius: 0px 20px 20px 0px;
}

.box_search .in_search_box .wp-block-search__input{
    padding: 10px 13px;
    font-size: 20px;
    background-color: #ffffffc4;
    border: 1px solid #cecece;
    border-radius: 20px 0px 0px 20px;
}


/* Primera Parte del Menu*/
#menu{text-align: center;}
.menu-header{
    margin-top: 20px;
}
#menu ul li{display: inline-block;padding: 0px 2%; position:relative}
#menu ul li.current-menu-item a{  } /* item de lista activa */
#menu ul li.menu-item-has-children{  } /*icono para desplecable*/
#menu ul li.menu-item-has-children ul li{  } /*Quitar icono*/
#menu ul li a{
    color: var(--blanco);
    font-size: 18px;
    font-weight: 700;
    -webkit-transition:color .15s;
    -moz-transition:color .15s;
    -o-transition:color .15s;
    transition:color .15s
}
#menu ul li a:hover{color:var(--naranja)}
#menu ul li ul{opacity:0;visibility:hidden;padding:10px;background-color:#F1F1F1;text-align:left;position:absolute;top:55px;left:50%;margin-left:-130px;width:240px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}
#menu ul li:hover ul{opacity:1;top:40px;visibility:visible;}
#menu ul li ul:before{content:"";display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}
#menu ul ul li{position:relative;padding: 0;display: block;}
#menu ul ul li a{color:#323232;font-size:13px;padding: 10px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}
#menu ul ul li a:hover{background-color:#232323;color:var(--blanco)}
/* Segunda PArte*/
#menu ul li:hover ul ul{visibility:hidden}
#menu ul li ul ul:before{top: 0;}
#menu ul ul li ul{position:absolute;top:15px;margin: 0; left:100%;background-color:#fafafa;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4); z-index: 100;}
#menu ul ul li:hover ul{opacity:1;top:0;visibility:visible}


/* banner */
.banner_principal {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    margin-bottom: 70px;
}

.metaslider .flexslider{
    margin: 0 0 0 0!important;
}

.metaslider .flex-control-nav{
    bottom: 25px!important;
}

.banner_principal .ms-layer.ms-hover-active {
    margin: 60px 0px 0 200px!important;
    width: 550px;
}

.banner_principal .ms-layer.ms-hover-active h2 {
    color: var(--blanco);
    font-size: 50px;
}

.banner_principal .ms-layer.ms-hover-active p{
    color: var(--plomo);
    font-size: 16px;
}

.banner_principal .ms-layer.ms-hover-active a {
    color: var(--blanco);
    background-color: var(--naranja);
    padding: 15px 25px;
    box-sizing: border-box;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
}

/* general */
/* añadir el wrap que corresponda */
/* ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2{
    position: absolute;
    color: #fff;
    font-size: 30px;
    bottom: 20%;
}

ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img{
    margin: 0;
    object-fit: cover;
} */

/* precios */
/* .categoriaTres .wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price{

} */

/* .categoriaTres .wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price del span.woocommerce-Price-currencySymbol{
    
} */

/* .categoriaTres .wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price ins span.woocommerce-Price-currencySymbol{

} */

.woocommerce ul.products li.product span.onsale {
    background-color: var(--naranja)!important;
    right: 15px;
}

a.added_to_cart.wc-forward {
    display: none;
}

.price span{
    font-size: 20px;
    margin-right: 10px;
    color: var(--azul);
    font-weight: 700;
}

.price del span{
    /* font-size: 20px;
    margin-right: 10px; */
    color: var(--plomo3);
    text-decoration: line-through;
}

.price ins span{
    font-size: 23px;
    color: var(--azul);
    /* text-decoration-line: none; */
}

a.checkout-button.button.alt.wc-forward.wp-element-button{
    background-color: var(--naranja);
}

.woocommerce-form-coupon-toggle{
    display: none;
}

button#place_order{
    background-color: var(--naranja);
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    font-size: 18px;
    padding: 7px 5px;
    border: 1px solid #ffffff;
}

.input-text.qty.text {
    font-size: 18px;
    padding: 7px 0;
    border: 1px solid #ffffff;
}

/* categoria uno */
.wrap-categoriasUno {
    margin-bottom: 80px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none!important;
    margin: 0!important;
    padding: 0!important;
    /* position: inherit!important; */
    width: auto!important;
    margin-left: 0!important;
}

ul.products{
    margin: 0;
}

.categoriaUno ul.products{
    display: grid; 
    grid-template-columns: 0.9fr 0.9fr 1fr 1fr;
    /* grid-template-rows: 1fr 1fr;  */
    gap: 20px 30px;
    grid-template-areas: 
      "item1 item1 item2 item3"
      "item1 item1 item4 item4"; 
}

.wrap-categoriasUno li.product.product-type-simple:nth-child(1){
    grid-area: item1;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(2){
    grid-area: item2;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(3){
    grid-area: item3;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(4){
    grid-area: item4;
}

.wrap-categoriasUno ul.products li{
    position: relative!important;
}

ul.products li a.button.wp-element-button{
    display: none!important;
    /* position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0;
    background-color: transparent;
    text-align: center;
    margin-bottom: 20px;
    color: var(--naranja);
    text-shadow: 0px 0px #545454;
    text-decoration: underline!important;
    font-weight: 400; */
}

.wrap-categoriasUno ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.wrap-categoriasUno ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2{
    position: absolute;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    bottom: 20%;
    text-shadow: 3px 2px 10px #7c7c7c;
    background-color: #00000061;
    text-align: center;
}

.wrap-categoriasUno ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img{
    margin: 0;
    object-fit: cover;
}

.wrap-categoriasUno li.product.product-type-simple:nth-child(1) a img {
    height: 600px;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(2) a img {
    height: 360px;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(3) a img {
    height: 360px;
}
.wrap-categoriasUno li.product.product-type-simple:nth-child(4) a img {
    height: 220px;
}

.wrap-categoriasUno .woocommerce ul.products li.product .price{
    display: none!important;
}

/* descripcion uno */
/* .descripcion_uno{
    
} */


/* categoria dos */
.wrap-categoriaDos {
    background-color: #000;
    margin-bottom: 70px;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
    display: none!important;
}

.wrap-categoriaDos .categoriaDos ul.products{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    margin: 0;
}

.wrap-categoriaDos .woocommerce ul.products li.product a img{
    height: 300px;
    object-fit: cover;
    margin: 0;
}


.wrap-categoriaDos ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.wrap-categoriaDos ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2 {
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 20px;
    left: 0;
    padding: 10px 20px;
    text-shadow: 3px 2px 10px #7c7c7c;
    background-color: #00000061;
    margin: 0 5px;
}

.wrap-categoriaDos ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img{
    margin: 0;
    object-fit: cover;
}

.wrap-categoriaDos .woocommerce ul.products li.product .price{
    display: none!important;
}

/* proveedores */
.proveedores {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-bottom: 80px;
}

.proveedores img {
    width: 80px;
    filter: grayscale(1);
}

/* categoria 3 */
.categoriaTres{
    margin-bottom: 90px;
}

.categoriaTres .descrip_categoriaTres {
    width: 70%;
    display: table;
    margin: 0 auto 50px auto;
}

.categoriaTres .descrip_categoriaTres h2 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 25px;
}

.categoriaTres .descrip_categoriaTres p{
    text-align: center;
}

.wrap-categoriaTres .categoriaDos ul.products{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin: 0;
}

.wrap-categoriaTres .woocommerce ul.products li.product a img{
    height: 400px;
    object-fit: cover;
    margin: 0;
}

.wrap-categoriaTres .woocommerce ul.products li.product .button{
    display: none;
}


/* .wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
} */

.wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2 {
    margin: 5px 0 0 0;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 23px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

/* .wrap-categoriaTres ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img{
    margin: 0;
    object-fit: cover;
} */




/* banner medio */
.banner_medio{
    position: relative;
}

.banner_medio h2 {
    color: #fff;
    font-size: 80px;
    padding: 0 0 110px 0;
    text-shadow: 3px 3px 9px #000000;
}


/* content */
.content{float: left; width: 46%;padding: 0 2%;}
.content p{text-align: justify; padding-bottom: 15px;}
.content ul, .content ol{margin-left: 30px; padding-bottom: 15px;}
.content li{list-style-type: disc;}
.content ol li{list-style: decimal;}


/* productos */
/* .banner_single{
    margin-bottom: 50px;
} */

.banner_single .banner_single_fill {
    background-color: var(--oscuro);
    /* background-color: #252525; */
    height: 250px;
}

.single .box-title {
    text-align: center;
    padding: 30px 0 40px 0;
    background-color: #fff;
}

.single .box-title h1{
    font-size: 35px;
}

.single .box-title span{
    color: #929292;
    font-size: 14px;
}

.single .box-single{
    background-color: #f5f5f5;
}

.single .box-single .woocommerce {
    box-sizing: border-box;
    padding: 40px 0px;
}


.single .price {
    text-align: center;
    margin: 20px 0px 40px 0;
}

.single .price span{
    font-size: 26px;
}

.single .woocommerce span.onsale{
    background-color: var(--naranja);
}

.single .woocommerce-product-details__short-description {
    box-sizing: border-box;
    padding: 0 0 30px 0px;
}

.single p.stock.in-stock {
    font-size: 20px!important;
    color: #000!important;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
    background-color: var(--naranja);
}

/* .single form.cart .quantity, 
.single form.cart button.single_add_to_cart_button{
    display: none;
} */

.single form.cart .boton-wsp{
    background-color: var(--naranja)!important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 9px 20px;
    font-weight: 700;
    border-radius: 3px;
}


.single form.cart {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
.single form.cart .single_add_to_cart_button{
    background-color: var(--naranja)!important;
} */

.single .product_meta {
    text-align: center;
    margin: 60px 0 0 0;
}

.single .related.products {
    margin-top: 60px;
}

.single .related.products h2{
    margin-bottom: 30px;
}

.single .related.products ul.products.columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.single .woocommerce ul.products li.product a img{
    margin: 0 0 5px 0px;
}

.single .woocommerce ul.products li.product a h2.woocommerce-loop-product__title{
    color: #000;
    font-weight: 600;
}

.single .woocommerce ul.products li.product a .price {
    margin: 0 0 0 0;
    text-align: left;
}

.single .woocommerce ul.products li.product a .price span{
    font-size: 20px!important;
}

.woocommerce-message::before{
    color: var(--naranja)!important;
}

.woocommerce-message{
    border-top-color: var(--naranja)!important;
}


/* pages */
.banner_page .banner_page_fill {
    background-color: var(--oscuro);
    /* background-color: #252525; */
    height: 250px;
}

.page .box-title {
    text-align: center;
    padding: 30px 0 40px 0;
    background-color: #fff;
}

.page .box-title h1{
    font-size: 35px;
}

.page .box-title span{
    color: #929292;
    font-size: 14px;
}

.page .box-page{
    background-color: #f5f5f5;
    padding: 40px 0px 0 0;
}

.page .box-page .woocommerce {
    box-sizing: border-box;
    padding: 40px 0px;
}

.page .coupon{
    display: none;
}

.page .woocommerce #content table.cart img, 
.page .woocommerce table.cart img, 
.page .woocommerce-page #content table.cart img, 
.page .woocommerce-page table.cart img{
    width: 100px;
}

.page td.product-remove{
    font-size: 20px;
}

/* formas de pago */
.woocommerce table.shop_table.woocommerce-checkout-review-order-table::after{
    content: "5% Adicional para pagos con tarjeta de crédito/debito.";
    display: table;
    font-size: 19px;
    color: var(--naranja);
    width: 100%;
    margin: 3px 0px 5px 10px;
}

/* Sidebar Left */
.sidebarLeft{float: left; width: 25%;}

/* Sidebar Right */
.sidebarRight{float: left; width: 25%;}

/* footer */
#footer {
    margin: 80px 0px 0 0;
    background-color: var(--oscuro);
    padding: 70px 0 10px 0;
}

#footer .logo-footer {
    text-align: center;
    margin-bottom: 30px;
}

#footer .logo-footer img {
    width: 160px;
}

#footer .descripcion-footer {
    text-align: center;
    box-sizing: border-box;
    width: 60%;
    margin: 0 auto 70px auto;
}

#footer .descripcion-footer p{
    color: #fff;
}

#footer .wrap-info-footer{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin: 0 0 70px 0;
}

#footer .wrap-info-footer .item-info-footer {
    background-color: #252525;
    box-sizing: border-box;
    padding: 30px 40px 50px 40px;
}

#footer .wrap-info-footer .item-info-footer h3{
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

#footer .wrap-info-footer .item-info-footer .box-info-footer {
    text-align: center;
    padding: 20px 0px 0 0;
    border-top: 2px solid #364054;
}

#footer .wrap-info-footer .item-info-footer .box-info-footer i{
    color: #fff;
    padding: 5px;
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    margin: 0 8px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2;
}

#footer .wrap-info-footer .item-info-footer .box-info-footer p{
    color: #fff;
}

#footer .barraCreditosUninven {
    text-align: center;
    margin: 20px 0 0px 0;
}

#footer .barraCreditosUninven p{
    font-size: 13px;
    margin: 0 0 0 0;
}

.box-info-footer li a {
    color: #fff;
}

/* pagina categoria */
section.page .woocommerce.columns-4 ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 25px;
}

section.page .woocommerce ul.products li.product a img{
    margin: 0;
}

section.page .woocommerce ul.products li.product a h2 {
    font-weight: 600;
    color: #000;
}

section.page select.orderby,
section.page p.woocommerce-result-count{
    display: none;
}

/* categorias */
.categorias {
    margin-top: 50px;
}

/* Estilos WP Página Navi*/
.wp-pagenavi{font-size:11px !important;text-transform:uppercase;padding:12px 0;margin:12px 0;border-top:1px solid #ddd;}
.wp-pagenavi a, .wp-pagenavi a:link {border: 1px solid #ddd !important;color: #494949 !important;background-color: var(--blanco);}
.wp-pagenavi a:visited {border: 1px solid #ddd !important;color: #494949 !important;background-color: var(--blanco);}
.wp-pagenavi a:hover {border: 1px solid #ddd !important;color: #494949 !important;background-color: #ddd !important;}
.wp-pagenavi a:active {border: 1px solid #ddd !important;color: #494949 !important;background-color: var(--blanco);}
.wp-pagenavi span.pages {color: #494949 !important;border: none !important;background-color:none !important;margin:0 8px 0 0 !important;padding:0 !important;}
.wp-pagenavi span.current {border: 1px solid #ddd !important;color: #494949 !important;font-weight:300 !important;background-color: #dddddd !important;}

/* contact form 7 */

.wpcf7 input{
    width: 100%;
    padding: 6px;
    margin: 3px 0;
    box-sizing: border-box;
}

.wpcf7 textarea{
    width: 100%;
    padding: 6px;
    margin: 3px 0;
    box-sizing: border-box;
}

.wpcf7 select{
    width: 100%;
    padding: 6px;
    margin: 3px 0;
    box-sizing: border-box;
}

.wpcf7 input[type=submit]{
    width: 100%;
    padding: 6px;
    margin: 3px 0;
    box-sizing: border-box;
}

/* search */
#searchform{padding:14px 0 20px;margin:0;}
#searchform input#s{margin:0;border:1px solid #ddd;padding:4px 8px;width:80%;color:#828282;-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
#searchform input#s:focus{color:#333;}

.clear{clear:both;}
.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}

a.woocommerce-product-gallery__trigger {
    display: none;
}

@media(max-width:1366px){
    
}

@media(max-width:768px){
    .container {
        padding: 0 20px;
    }
    p{
        font-size: 16px; 
    }
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
    .none-r{
        display: none;
    }

    .top_header {
        grid-template-columns: 1fr;
    }
    .top_header .info_contacto_header{
        text-align: center;
    }

    .banner_principal{
        margin-bottom: 40px;
    }

    .box-redes-sociales {
        display: none;
    }

    .categoriaUno ul.products{
        grid-template-columns: 1fr;   
    }

    .categoriaUno ul.products {
        display: inherit;
    }

    .wrap-categoriasUno li.product.product-type-simple:nth-child(1) a img,
    .wrap-categoriasUno li.product.product-type-simple:nth-child(2) a img,
    .wrap-categoriasUno li.product.product-type-simple:nth-child(3) a img,
    .wrap-categoriasUno li.product.product-type-simple:nth-child(4) a img {
        height: 360px;
        margin-bottom: 30px;
    }

    .wrap-categoriasUno ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2{
        bottom: 20px;
    }

    .wrap-categoriasUno{
        margin-bottom: 30px;
    }

    .wrap-categoriaDos .categoriaDos ul.products{
        grid-template-columns: 1fr;
    }

    .wrap-categoriaDos ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2{
        top: inherit;
        bottom: 20px;
    }

    .proveedores {
        padding: 0px 50px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .wrap-categoriaTres .categoriaDos ul.products{
        grid-template-columns: 1fr 1fr;
    }

    #footer .wrap-info-footer{
        grid-template-columns: 1fr;
    }

    .banner_medio{
        display: none;
    }

    .banner_page .banner_page_fill,
    .banner_single .banner_single_fill{
        height: 160px
    }

    .single .related.products ul.products.columns-4{
        grid-template-columns: 1fr 1fr;
    }

    section.page .woocommerce.columns-4 ul{
        grid-template-columns: 1fr 1fr;
    }

}
@media(max-width:480px){

    .wrap-categoriaTres .categoriaDos ul.products{
        grid-template-columns: 1fr;
    }

    .page .box-page{
        padding: 10px 0px 0 0;
    }

    .page .box-page .woocommerce{
        padding: 0px 0px 40px 0px;
    }

    section.page .woocommerce.columns-4 ul{
        grid-template-columns: 1fr;   
    }

    .single .related.products ul.products.columns-4{
        grid-template-columns: 1fr;   
    }
    
}