/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1723938608
Updated: 2024-08-17 19:50:08

*/

.fl-discount {
    display: flex;
    align-items: center;
	gap:.5em;
    background-color: #e92e34;
    font-weight: bold;
    padding: 7px 20px;
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
    position: absolute;
    z-index: 99999;
    top: 10px;
    left: 10px;
}

.fl-discount .text-ds {
    font-family: 'Poppins';
    font-size: 15px;
    color: #fff;
    line-height: 1.2em;
}
.fl-discount svg{
	width:22px;
}
.fl-discount svg path{
	fill:#ffb123;
}

/* Contenedor de la cuadrícula de productos */
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

/* Estilo del contenedor de cada producto */
.product-item { 
    color: #fff;
    position: relative;
    padding: 0;
    font-family: 'Lato', sans-serif;
	box-shadow:0 0 10px #ccc;
	border:1px solid #ccc;
	border-radius:7px;
	background:#54595F;
}

.product-off .product-item {
  
  box-shadow: 0 0 10px #7d9132;
  border: 1px solid #b5cf52;
  border-radius: 7px;
  background: #54595F;
}

.product-discount {
	z-index:9;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #e30606;
    padding: 5px;
    font-size: 15px;
    min-width: 50px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    word-break: break-all;
    letter-spacing: .7px;
    font-weight: 600;
    font-family: 'Roboto';
}

/* Contenedor de la imagen del producto */
.product-item .product-image {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%; 
    overflow: hidden;
	border-radius:7px 7px 0 0;
}

.product-item .product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}



/* Información del producto */
#tab-description h2:first-child{
	display:none;
}
.product-info {
    padding: 25px 10px 30px 10px;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.product-info h3 {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    color: #fff;
    transition: color 0.3s ease-in-out;
    line-height: 1em;
    font-weight: 400;
	/*min-height:37px;*/
	text-align:center;
}

.product-info h3:hover {
    color:  #b5cf52;
}

.product-info .btn-product{
	 background: #b5cf52;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 7px;
    margin: 0 auto;
    display: block; 
    width: fit-content; 
}
.product-prices {
  
    line-height: 1em;
	display: flex;
   flex-direction: column;
	align-items: center;
	gap:.3em;
}

.price-regular {
    color: #d2d2d2;
    text-decoration: line-through;
    margin-right: 2px;
	font-size:14px;
}

.price-sale {
    color: #b5cf52;
    font-size: 19px;
    font-weight: bold;
	font-family:'Roboto';
}

/* Estilo responsivo */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.fl-discount .text-ds {
    font-family: 'Poppins';
    font-size: 14px;
    color: #fff;
    line-height: 1em;
	}
	.fl-discount svg{
		width:20px;
	}
}

@media (max-width: 480px) {
    .product-grid {
        grid-template-columns: 1fr;
    }

 

    .product-info h3 {
        font-size: 16px;
		min-height:30px;
    }

    .price-sale {
        font-size: 16px;
    }

    .price-regular {
        font-size: 14px;
    }
}

/* footer*/

.elementor-location-footer .elementor-nav-menu li a {
    padding: 10px 3px!important;
}

/*header navs*/
/*
@media(min-width:900px){
	body.single .elementor-location-single{
		padding-top:9%;
	} 
}*/