/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
span.itsnew {
    padding: 8px 12px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1em !important;
    left: 0 !important;
    right: auto !important;    
    margin: 0.5px !important;
    font-family: 'Poppins' !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: #4650C8 !important;
    color: #FFFFFF !important;
    border-radius: 15px !important;
}

span.onsale {
    padding: 8px 12px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1em !important;
    margin: 0.5px !important;
    font-family: 'Poppins' !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    letter-spacing: 0.5px !important;
    position: absolute;
}
*/

/*Codigo nuevo*/
span.itsnew {
    padding: 6px 12px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1 !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    background-color: #2e55a8 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 99 !important;
    pointer-events: none !important;
}

span.onsale {
    padding: 6px 12px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1 !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 99 !important;
    pointer-events: none !important;
	top: 10px !important;
    left: 10px !important;
}

span.onsale:not(.itsnew) {
    background-color: #2e55a8 !important;
    border-radius: 4px !important;
}

@media (max-width: 768px) {
    span.itsnew,
    span.onsale {
        top: 10px !important;
    	left: 10px !important;
    }
}


.sale-perc {
    display:table;
	position: relative;
	margin: 0px !important;
	padding: 5px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1em !important;	
	top: -50px;
	background-color: #1f4b99c7;
	color:white;		
	font-family: 'Poppins' !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

span.sinstock {
	position: relative;
	padding: 5px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 1em !important;
	margin: 0px !important;
	font-weight: 500 !important;
	background-color: #000000 !important;
	color:white !important;	
	display: block;
}


/****  Efectos liquid-glass para contenedores de Elementor ********/


.lolo-liquid-glass {
     backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}
.lolo-liquid-glass-hoverfx {
    transition: all 1s ease; /* Transición suave */
 	 backdrop-filter: blur(8px) saturate(90%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}

.lolo-liquid-glass-hoverfx:hover, .lolo-liquid-glass-hoverfx:active {
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}


/****  Efectos liquid-glass para botones flotantes de Elementor ********/

.lolo-liquid-glass-buttons .e-contact-buttons__contact-icon-container, .lolo-liquid-glass-buttons .e-contact-buttons__chat-button-shadow{

	border: 2px solid rgba(255, 255, 255, 0.85) !important; 	
	backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;	
}