/*
Theme Name:   Flatsome Child
Theme URI:    http://flatsome.uxthemes.com
Description:  Child Theme de Flatsome para personalizaciones de VGPS
Author:       VGPS
Author URI:   https://comercialvgps.cl
Template:     flatsome
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  flatsome-child
*/

/* 
 * Todas las personalizaciones CSS deben agregarse aquí
 * o en Flatsome > Advanced > Custom CSS
 */

/* Estilo para mostrar SKU en hover sobre productos */
.image-tools.top.right .product-sku-label {
	background-color: var(--fs-color-primary, #446084);
	color: #f1f1f1;
	display: inline-block;
	font-size: 0.85em;
	font-weight: 700;
	padding: 0.4em 0.8em 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 3px;
	opacity: 0.95;
	transition: opacity 0.3s;
	white-space: nowrap;
	margin: 0;
	line-height: 1.2;
}

.image-tools.top.right .product-sku-label:hover {
	opacity: 1;
	color: #fff;
}

/* Asegurar que el SKU sea visible en hover */
.product-small.has-hover:hover .image-tools.top.right .product-sku-label,
.box-image:hover .image-tools.top.right .product-sku-label {
	opacity: 1;
	visibility: visible;
}