/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1742402255
Updated: 2025-03-19 16:37:35
*/

/* Cambia el color de la hamburguesa */
.mobile_menu_bar::before,
.mobile_menu_bar::after,
.mobile_menu_bar {
    color: white !important; 
}

/*Quitar Lupa de imagenes Woo*/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger
{
	display:none;
}

/* Versión que combina con tu esquema de colores */
.woocommerce-no-products-found {
    padding: 3rem 10% !important; /* Igual que tu contenedor de productos */
    background: #fff;
}

.woocommerce-info {
    background: #edecf3 !important; /* Igual que tu header */
    color: #5d574e !important; /* Color de tu breadcrumb */
    border: none;
    border-radius: 0;
    padding: 20px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 500;
	Font-size: 14px !important;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    box-shadow: none;
    border-left: 4px solid #5d574e;
    font-size: 1.1rem;
}

/* Ocultar icono por defecto de WooCommerce */
.woocommerce-info:before {
    display: none;
}

/* Versión móvil */
@media (max-width: 768px) {
    .woocommerce-no-products-found {
        padding: 2rem 5% !important;
    }
}

/* Boton para inicio de sesión */
.um-button {
    color: #FFFFFF !important;
    background-color: #000 !important;
    border-width: 1px !important;
    border-radius: 50px !important;
    letter-spacing: 1px;
    font-size: 14px !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 16px 24px !important;
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease !important;
}

/* Efecto hover */
.um-button:hover {
    letter-spacing: 2px; /* Aumenta el espaciado */
    padding-right: 20px !important; /* Compensa el movimiento de la flecha */
}

.um-button:hover::after {
    transform: translateX(3px); /* Mueve ligeramente la flecha */
}

.woocommerce-loop-product__link .product-meta {
	margin: 0px !important;
}