/*
CTC Separate Stylesheet
Updated: 2025-10-03 19:34:41
Theme Name: Electronics Market Child
Theme URI: https://www.ovationthemes.com/products/electronics-market
Template: electronics-market
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Electronics Market Theme is a robust and versatile solution designed specifically for electronics retailers and online stores. Ideal for selling a wide range of products, from mobile electronics, home appliances, and smart devices to gaming gear, IoT products, mobile accessories, and electronic components, this theme helps create a dynamic, professional online presence. Whether you’re running an electronics store, online gadget shop, tech store, digital marketplace, or offering electronics repair services, it provides all the tools needed to build an engaging and user-friendly store. Packed with eCommerce features such as customizable product pages, product search filters, secure payment gateways, and an intuitive shopping cart, it makes it easy for customers to browse and purchase their favorite electronic gadgets. The clean, modern design ensures your store looks professional and easy to navigate, while the responsive structure guarantees a seamless shopping experience across devices. With options for product categories like smart electronics, wearables, and gaming accessories, as well as powerful SEO optimization, this theme is perfect for showcasing the latest gadgets, upcoming tech, special deals, and discounts. It also supports customer reviews, secure checkout, and promotions, boosting engagement and increasing sales. Its user-friendly interface, customizable layouts, and advanced features make it a top choice for retailers looking to grow their business and enhance the customer experience. that also include electronics store, online gadget shop, smart devices, tech store, home appliances, gaming gear, electronic components, IoT products, mobile accessories, and digital marketplace. For advanced shop management and scalability, integration with the WooCommerce plugin delivers a complete eCommerce solution for inventory, payments, and customer handling. https://trial.ovationthemes.com/electronics-market/
Tags: e-commerce,portfolio,blog,one-column,two-columns,custom-colors,custom-menu,custom-logo,sticky-post,threaded-comments,right-sidebar,left-sidebar,grid-layout,custom-background,rtl-language-support,featured-images,wide-blocks,editor-style,full-site-editing,block-patterns,block-styles,style-variations,template-editing,translation-ready
Version: 1.7.1759520081
*/



#wpadminbar{
	display:none;
	
}




/* Ocultar añadir al carrito wocommerce*/
/* Ocultar botón estándar en listado de productos */

.wp-block-button.wc-block-components-product-button {
    display: none !important;
}
a:focus{
	outline:none !important;
}


/*TIPOGRAFÍAS DEL SITIO*/





body {
    font-family: "Inter", sans-serif !important;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.product-title,
.woocommerce-loop-product__title,
.button,
.btn {
    font-family: "Inter",Roboto, Bebas Neue, sans-serif !important;
    font-weight: 700 !important;
	
    
}
 .store-view-block .product-info .product-name{
	margin-top:auto !important;
}

#product-block{

width:100%;
margin: auto;
padding-top: 5px;
display: flex;
justify-content: center;
}

#product-block .recent-product-loop{

max-width: 1100px;
padding: 10px;
gap:15px;
display: grid;
grid-template-columns: repeat(5, 1fr);
}

#product-block .recent-product-card{

position: relative;
background-color: white;
width:auto;
display: grid;
padding: 5px;
border-radius: 10px;
border:1px solid #f0f0f0;
}


#product-block .recent-product-card br{
	display:none;
}
#product-block .recent-product-img, .product-pic{
width:210px;
height: 210px !important;
object-fit: contain;
object-position: center;
}

 #product-block .product-info{
display: grid;
}

#product-block .offer-tag, .new, .summary-offer-tag{
padding: 10px;
background-color: red;
color: white;
width: fit-content;
font-size: 12px;
font-weight: 600;
}

#product-block .product-cat{
font-size: 12px;
font-weight: 600;
color:grey;
margin-top: 5px;
}

#product-block .product-name{
font-size:15px;
margin-top:-15px;	

}

#product-block .price-discount-price{
display: flex;

}
#product-block .real-price{
color: #3e444a;
    font-weight: 800;
    font-size: 14px;
    line-height: 21px;
    font-family: quicksand, Roboto, serif;
    margin-right: 15px;
}

#product-block .old-price{

text-decoration: line-through;
font-size: 14px;
	display:none;
}

#product-block .on-sale{
color: #db380f;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    margin-right: 8px;
}

#product-block .shop-options{
display: flex;
justify-content: space-evenly;
margin-top:15px;
align-items: center;
}

#product-block .selector{
border: solid 1px #a9a9a9;
width:35%;
text-align: center;
display: inline-flex;
justify-content: space-between;
border-radius: 5px;
background: #f5f5f5;
	padding:2px;
}

#product-block  .btn-increase{
display: flex;
  align-items: center;
  border: none;
  background: #fff !important;
  padding: 6px;
  border-radius: 4px;
  width:25px;
  font-size: 18px;
color:black;

}

#product-block .btn-decrease{
display: flex;
  align-items: center;
  border: none;
  background: #fff !important;
  padding: 6px;
  border-radius: 4px;
  width:25px;
  font-size: 18px;
color:black;

}



#product-block .quantity-label{
border: none;
  min-width: 30px;
  width: 30px;
  max-width: 40px;
  box-sizing: content-box;
  background: transparent;
  justify-content: center;
  display: contents;
  align-items: center;
}
.fa-shopping-cart, .fa-eye{
font-size: 28px;
  color: #a9a9a9;
}

#product-block .new{
position: absolute;
background-color: green;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
top:0;
left:0;	
}



/* Notificación al añadir al carrito */
.cart-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    display: none;
    opacity: 1;
    transition: opacity 0.3s ease;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    pointer-events: none;
}



/**ESTILOS MOVILES DEL BLOQUE DE PRODUCTOS*/

@media(max-width:767px){


#product-block{
padding: 0 !important;

}

#product-block .recent-product-loop{


width:100%;
padding: 0 !important;
grid-template-columns: repeat(1, auto) !important;
justify-content: center;
}

#product-block .recent-product-card{

width:100%;
display: inline-flex;
}

#product-block .recent-product-img{

width: 40%;
margin-right: 10px;

}

#product-block .product-pic{
object-fit:contain;
width:100%;
object-position: center;

}
#product-block .product-info{
position: relative;
width:60%;
}

#product-block .offer-tag{

position: absolute;
left: 0;
bottom: 30%;

}

#product-block .product-cat{

display: none;
}
#product-block .product-name{
color: #00529e;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 95%;
	font-size:14px;
}
#product-block .price-discount-price{
height: fit-content;
    margin-top: -20px;
}

#product-block .shop-options{

justify-content: normal;
}
#product-block .selector{
width:45%;
margin-right: 15px;
}
}


@media(min-width:768px) and (max-width:1024px){
	#product-block .recent-product-loop{
		width:100%;
		grid-template-columns:repeat(4, auto);
	}
	
	#product-block .recent-product-card{
		
		width:auto;
	}
	#product-block .recent-product-img{
		
		width:auto;
	}
	#product-block .product-pic{
object-fit:contain;
width:100%;
object-position: center;

}
}








/* Promo de vendedor*/

.promo{

width:100%;
background: linear-gradient(309deg, #184d69 41%, rgb(247, 247, 247) 41%);
display: flex;
justify-content: space-around;
align-items: center;
}

.promo-title-sub h2{
font-size:32px;
color: #35383f;
font-weight: 600;
text-shadow: 0 0 black;
}

.promo-title-sub h5{
font-size:18px;
font-weight: 600;
text-align: justify;
}

.vendor-link{
text-decoration: none;
color:white;
font-weight: 700;
font-size: 20px;
padding: 15px;
border-radius: 20px;
background-color: #f1b51e;
box-shadow:rgb(20,38,91)0px 0px 6px 0px;
width:fit-content;
margin-bottom: 5px;
}


@media (max-width:768px){

.promo{
display: grid;
background: linear-gradient(153deg, rgb(247, 247, 247) 77%, rgb(24, 77, 105) 77%);
}

.promo-title-sub h2{
font-size:20px;

}

.promo-title-sub h5{
font-size:16px;

}

.vendor-link{
font-size: 12px;
padding: 10px;
}

}






/* Producto unico*/

#single-product-page{

margin: auto;
max-width:1140px;
display: flex;
justify-content: center;
align-items: start;
gap:10px;
}

.image-column{
display: flex;
background-color: #fff;
border-radius: 6px;
gap:15px;	
}

.thumbs-img{
justify-content: center;
align-items: center;
gap:5px;
}

.thumbs-img .thumbs{
width:60px;
height: 60px;
object-fit: cover;
border-radius: 15px;
border:solid 1px black;
cursor:pointer;	
}

.main-img-container{
width: 400px;
padding: 5px;

}

.main-img{
width:100%;
height: 400px !important;
object-fit: cover;
object-position: center;
	border:solid 1px #0000000d;
}

.single-product-info{
background-color: #fff;
padding: 5px;
border-radius: 6px;
max-width:50%;
flex: 0 0 50%;

}

.single-product-name{

font-size: 24px;
font-weight: normal;
color:#4d4d91;
}

.real-price{
	color: #3e444a;
    font-weight: 800;
    font-size: 18px;
    line-height: 21px;
    font-family: quicksand, Roboto, serif;
}

.metas{
display: grid;
margin-top: 20px;
}

.metas span{
margin-bottom: 5px;
font-weight: bold;
color:black;
}

.metas span a{

font-weight: normal;
color: grey;

}


.single-product-description{

font-size: 18px;
text-align: justify;
max-width: 90%;
font-weight: 500;
margin-bottom: 10px;
color:black;
font-family: lato, sans-serif, barlow-condensed;	
	
}

.add-buttons{
display: flex;
align-items: center;
margin-top: 30px;
}

.single-add{
text-decoration: none;
padding: 10px;
background-color: #ffd54b;
display: inline-flex;
justify-content: center;
border-radius:5px;
color:black;
font-weight: 500;
transition: ease-in-out 0.3s;
margin-left:20px;	
}

.single-add:hover{

background-color: #232f3f;
color:#fff;
transition: ease-in-out 0.3s;
}

.selector{
border: solid 1px #a9a9a9;
width:25%;
text-align: center;
display: inline-flex;
justify-content: space-between;
border-radius: 5px;
background: #f5f5f5;
	padding:2px;
	height:40px;
	align-items:center;
}




.btn-decrease, .btn-increase{
display: flex;
  align-items: center;
  border: none;
  background: #fff !important;
  padding: 6px;
  border-radius: 4px;
  width:25px;
  font-size: 18px;
color:black;

}

.quantity-label{
	display:contents;
}



.soldby{

margin-top: 25px;

}


/* Estilos moviles*/

/* Vista de categorías pagina principal*/

@media (max-width:767px){
	
	.categorie-header{
		display:block;
		padding:5px;
	}
	
	.title-sub h2{
		font-size:20px;
	}
	.title-sub h5{
		font-size:16px;
	}
	.title-button{
		margin-bottom:15px;
		
	}
	.title-button-link{
		font-size:14px;
	}
	.categories-wrapper{
		grid-template-columns:repeat(1, auto);
	}
	.categories-card{
		max-width:300px;
	}
	.categorie-name{
		font-size:14px !important;
	}
	.categories-pic{
		height:auto;
		object-fit:contain;
		vertical-align:middle;
		
	}
}


/* Boton añadir al carrito pagina de producto*/
.woocommerce div.product form.cart{
	display:flex;
}
.woocommerce .quantity .qty{
	width:90px;
}
.woocommerce div.product form.cart div.quantity{
	display:flex;
	align-items:center;
}

.woocommerce div.product form.cart .button{
	border-radius: 6px;
    background-color: #ffd54b;
	text-transform:none;
}
.woocommerce div.product form.cart .button:hover{
	background-color: #232f3f;
color:#fff;
transition: ease-in-out 0.3s;
}





/*Header del sitio*/

   /* Estilos del header */
    header {
      background-color: #35383f;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
    }

    .container {
      max-width: 85%;
      margin: 0 auto;
      padding: 0 20px;
    }

    .navbar {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      height: 70px;
    }

    .logo {
      font-size: 24px;
      font-weight: 700;
      color: #f0f1f5;
      text-decoration: none;
		flex-basis:35%;
    }

    .nav-links {
      display: flex;
      list-style: none;
      gap: 30px;
    }

    .nav-links a {
      text-decoration: none;
      color: #fff;
      font-weight: 500;
      transition: color 0.3s;
    }

    .nav-links a:hover {
      color: #2563eb;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }
.logo-slogan{
	 display: grid;
}
.logo-slogan span{
 color: #fff;
    font-weight: 600;
    font-family: "Inter", sans-serif, 'Lato';
    font-size: 14px;
	}
    .hamburger span {
      width: 25px;
      height: 3px;
      background-color: #fff;
      margin: 3px 0;
      transition: 0.3s;
    }

.fkcart-shortcode-container .fkcart-shortcode-price{
	
	display:none;
}

.cart-icon-count{
	display:flex;
	align-items:center;
}

.card{
	margin-right:15px;
	color: #fff;
    width: 30px;
    height: 30px;
}

.fkcart-shortcode-container .fkcart-shortcode-icon-wrap svg{
	
	color:#fff;
}
.fkcart-shortcode-container .fkcart-shortcode-icon-wrap {
	margin-right:15px;
}
.cart-icon-pay{
	display:flex;
	align-items:anchor-center;
}
    /* Responsive: para pantallas pequeñas */
    @media (max-width: 768px) {
      .nav-links {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transform: translateX(-150%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
      }
		.container {
    max-width: 100%;
  
}
		.logo{
			font-size:20px;
		}
		
		.nav-links a{
			color:#333;
		}

      .nav-links.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
      }

      .hamburger {
        display: flex;
		  margin-left:10px;
      }
    }

/*Slider de la cabecera*/

.slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    height: 400px; /* Ajusta según la altura de tus imágenes */
}

.slider-wrapper .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    display: block;
}

.slider-wrapper .slide.active {
    opacity: 1;
}

.slider-wrapper .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

/* Estilo opcional para botones */
.slider-wrapper .prev,
.slider-wrapper .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper .prev {
    left: 15px;
}

.slider-wrapper .next {
    right: 15px;
}

.slider-wrapper .prev:hover,
.slider-wrapper .next:hover {
    background: rgba(0, 0, 0, 0.8);
}




/* Destacados de la cabecera*/
#promo-dest{
    width:100%;
    margin:auto;
    

    
    
}

.featured-product{
    width:auto;
    padding: 10px;
    
}

.featured-container{
    max-width:1140px;
    display: flex;
    justify-content: center;
    padding: 20px;
    align-items: center;
    gap:10px;
    background-color: #fff;
}

.product-feat-img{
    width:90px;
    height: 90px;
    object-fit: contain;
    background-color: #fff;
    display: flex;
    align-items: center;
    
}

.featured-product-info{
    display: block;
    align-self: flex-start;
    max-width:70%;
    margin-left: 10px;
}

.featured-product-info h3{

    font-size: 1.75rem ;
    color: #21313c ;
    font-weight: 600;
    line-height: 0;
    
}
.featured-product-info p{
text-align: left;
font-weight: 600;
margin-top: -5px;
font-family: "Inter", sans-serif;
font-size: 14px;
color:#363636;
padding-right: 15px;
}

.featured-link{
    text-decoration: none;
    color: #fff;
    padding: 10px;
    background-color:#21313c;
    border-radius:8px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}



/* Estilos para la promocion de productos
y columna de categorias*/

.promo-columns{

    max-width: 1200px;
    display: flex;
    justify-content: center;
    margin: auto;
    gap:20px;

}

.product-slider{
    max-width:600px;
    flex-basis: 60%;
    background-color: grey;
    height: 400px;
    position: relative;
  overflow: hidden;
    
}

.slider-content{

    display: flex;
    overflow: hidden;
    max-height: 400px;
    transition: transform 0.5s ease-in-out;
}

.slider-column-content{

    min-width:100%;
    height: 400px;
    background-position: center;
    position: relative;
}

 .content1{

    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/3-1.png");
}
.content2{
    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/Diseno-sin-titulo.png");
}
.content3{
    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/Promocion-panel-solar.png");
}
.content4{
    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/4.png");
}


.column-info{

    position: absolute;
    top: 20%;
    display: grid;
    left: 30px;
    max-width: 60%;
}
}

.column-info span{
    margin-bottom: 20px;
	font-size:14px;
}


.column-info h2{
    color:black !important;
}

.publi-price strong{
color:red;
font-size: 18px;

}


.fas{
    margin-left: 5px;
}

.categories-promo-columns{
    width: 100%;
  flex-basis: 42%;
  display: grid;
  justify-content: flex-start;
  gap: 10px;

}
.promo-cat-container{

  width: 500px;
  max-width: 500px;
  border-radius: 6px;
  background-position: center;
  background-size: cover;
  position: relative;
  height:200px;
    
}
.promo1{
    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/electrodomesticos.webp");
}

.promo2{
    background-image: url("https://rutainnovadora.com/iplus/wp-content/uploads/2025/11/paneles.webp");
}

.promo-cat-info{
    position: absolute;
  height: 100%;
  top: 40%;
  left: 15px;
}
.promo-cat-info h2, .column-info h2{
    font-size:20px;
	color:#fff;
}

.promo-cat-link, .publi-link{
    text-decoration: none;
  color: black;
  padding: 10px;
    background-color: #ddbd22 !important;
  border-radius: 6px;
  display: flex;
  width: fit-content;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  font-size: .7em;
	align-items:center;
	margin-top:15px;
}

.publi{
	color:black;
}

/* Boton de whatsapp*/

.wa-button{
   position: fixed;
    bottom: 80px;
    right: 23px;
}
     
}

.wa-button .wame{
width:60px;
height: 60px;
transition: ease-in-out 0.3s;

}

.wame:hover{
    transform: scale(1.3);
    transition: ease-in-out 0.3s;
}

 /* Pagina de administración de la tienda*/

#header, #footer{
	display:none;
}
#page hr{
	display:none;
}




/* Estilos del carrito*/

.xoo-wsc-sc-bki{
	font-size:30px;
	color:#ffff;
}

.xoo-wsc-sc-count {
    background-color: #d91e1e;
    color: #ffffff;
}






/* EStilos del sluider de tiendas*/


#store-slider {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  overflow: hidden; /* Esencial: oculta lo que se desplaza fuera */
}

.store-slider-container {
  display: flex;           /* ✅ Una sola fila horizontal */
  flex-wrap: nowrap;       /* ✅ Impide que las tarjetas se envuelvan */
  gap: 10px;               /* Espacio entre tarjetas */
  /* No uses max-width ni grid */
}

.store-card {
  min-width: 300px;        /* ✅ Ancho fijo como solicitas */
  width: 300px;            /* ✅ Asegura que no varíe */
  flex-shrink: 0;          /* ✅ Impide compresión al desplazar */
  background-color: rgb(250, 250, 250);
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
	border: solid 1px #8080803b;
    box-shadow: rgb(150, 150, 150) 0px 0px 8px 0px;
}

.store-img {
  position: relative;
  height: 200px;           /* ✅ Altura fija para evitar expansión */
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

.store-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
	border-bottom-left-radius: 15px;
}

.store-card-logo {
  position: absolute;
  bottom: -10px;
  left: 3px;
  width: 60px;
  height: 60px;
  border: solid 4px black;
  border-radius: 100%;
  box-shadow: rgb(233, 230, 230) 0 0 8px 0;
  background: white;       /* Evita transparencia sobre la imagen */
  z-index: 2;
}

.store-logo {
  
    width: 100%x;
    height: 100%;
    border-radius: 100%;
    
}

.store-card-info {
  padding: 5px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.store-name {
  font-size: 20px;
  margin: 10px 0 8px 0;
}

.other-info {
  
  font-weight: 600;
  margin: 2px 0;
 
}
.info-section{
	margin-top:10px;
}
.other-info strong{
  margin: 0 0 0 10px;
  font-weight: normal;
font-size:14px;	
}

.store-link {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 10px;
  color: white;
  background-color:#ddbd22;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}

.store-card:hover .store-link {
  opacity: 1;
}




/* Promoción de Productos y servicios*/

.promo-table{

    width:auto;
    margin: auto;
    max-width: 1200px;
    
    
}

.promo-wrapper{

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "first second fourth" "first third fourth";
    gap:20px 20px;
    max-width: 1200px;
    margin: auto;

}

.promo-link{
    position: relative;
}

.promo-img{
    position: absolute;
    width:100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

.element1{

    grid-area: first;
    aspect-ratio: 488/400;
}

.element2{

    grid-area: second;
    aspect-ratio: 488/190;
}

.element3{

    grid-area: third;
    aspect-ratio: 488/190;
}

.element4{

    grid-area: fourth;
    aspect-ratio: 488/400;
}


@media(max-width:767px){
    .promo-table{
        width:100%
    }

    .promo-wrapper{

    display: grid;
    grid-template-columns:1fr;
    gap:15px;
    max-width: 95%;
    margin: auto;
    grid-template-rows: 2fr auto auto;
    grid-template-areas: 
    "first"
    "second"
    "third"
    "fourth";

}

}



/* CAtegorías Pagina Principal*/

.categories{
    max-width:1200px;
    width:auto;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap:10px 10px ;
    grid-auto-flow: row;
    grid-template-areas: "first second third fourth";
}

.categorie-link{

    aspect-ratio: 387/151;
    position: relative;
}

.categorie-img{
    width:100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    inset: 0;
	border-radius:10px;
	object-fit:cover;

}

.link1{
    grid-area: first;
}
.link2{
    grid-area: second;
}
.link3{
    grid-area: third;
}
.link4{
    grid-area: fourth;
}

@media (max-width:767px){

    .categories {
    max-width: 95%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr auto auto;
    gap: 10px 10px;
    grid-template-areas:
        "first second"
        "third fourth";
}
 }




/*********************************
 pagina de producto unico moviles
**************************************/

/* Moviles*/

@media(max-width:767px){
    #single-product-page{
        flex-direction: column;
    }
    .image-column{
        display: grid;
    max-width: 100%;
    }

    .thumbs-img{
        display: flex;
        max-width: 100%;
        overflow: hidden;
        order: 1;
    }
    .thumbs{
            max-width: 30px;
        max-height: 30px;
        border-radius: 0px !important;
    }
    .main-img-container{
        width: 100% !important;
    height: fit-content;
    padding: 0;
    }
    .main-img{
    object-fit: cover;
    width: 100%;
    object-position: center;
    }
    .single-product-name{
        font-size: 18px;
    }
	.single-product-info{
		max-width:100%;
	}
    .single-product-description{
        max-width: 100%;
    padding: 5px;
    }
    .add-buttons{
        width: 100%;
    justify-content: space-evenly;
    }
}




/*******************************************
 COmentarios en pagina de producto
**************************************************/
.glsr-form br{
	display:none;
}

.glsr-button{
	border-radius: 6px;
    background-color: black;
    color: white;
    text-transform: unset;
}


.glsr-reviews, .glsr-reviews-wrap {
  
    display: grid;
    gap: 15px;
    margin: auto;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
}

.glsr-bootstrap .glsr-review {
    display: flex;
    padding: 5px;
    box-shadow: rgb(150,150,150)0px 0px 3px 0px;
}
 .glsr-review-title h4 {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 16px;
    text-transform: uppercase;
}



/********************
Estilos moviles para comentarios
*********************/

@media (max-width:767px){
	.glsr-reviews, .glsr-reviews-wrap{
		grid-template-columns:repeat(1, auto);
		max-width:95%;
	}
	#glsr_374f0d0e{
		max-width:95%;
	}
}