/*
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.1726592537
Updated: 2024-09-17 13:02:17

*/

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable{
	margin-bottom: 0px;
    margin-right: 0px;
	border:none;
	color:white;
	font-size:18px;
}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable span.filter-count{
	display:none;
}
.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable.closed:after, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:not(.opened):after, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:not(.open):after{
	background-image: url(/wp-content/uploads/2024/09/flecha-hacia-abajo-para-navegar-1.png);
	background-repeat:no-repeat;
}
.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable.open:after, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable.opened:after{
	background-image: url(/wp-content/uploads/2024/09/flecha-hacia-abajo-para-navegar-1.png);
	background-repeat:no-repeat;
	transform: rotate(180deg);
	top: calc(50% - 10px);
}

.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:after{
	width:18px !important;
	height:18px !important;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter{
	min-width:160px;
}

.img-product{
	position: relative;
    overflow: hidden; /* Oculta las partes que se salen */
	border-radius:20px;
	width: 100%;
    height: 100%;
}
.img-product img{
    object-fit: cover; /* Asegura que la imagen se ajuste al contenedor */
    transition: transform 0.5s ease-out; /* Suaviza el efecto de zoom */
    cursor: zoom-in; 
}
.logged-in-user {
    display: flex;
    align-items: center; /* Alinear el icono y el nombre verticalmente */
	font-size:14px;
	font-family: "Area semibold", sans-serif;
}

.logged-in-user i {
    margin-right: 8px; /* Espacio entre el icono y el nombre */
    font-size: 18px; /* Tamaño del icono */
}

.custom-login-button {
    background-color: #FF3600; /* Fondo del botón */
    color: white; /* Color del texto */
    border-radius: 40px; /* Bordes redondeados */
    padding: 3px 10px; /* Espaciado interno */
    font-size: 13px; /* Tamaño de la letra */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Asegura que el padding se aplique correctamente */
    transition: background-color 0.3s; /* Transición suave para el hover */
}

.custom-login-button:hover {
    background-color: #e03e00; /* Color de fondo al pasar el mouse */
}
.logged-in-user img {
    border-radius: 50%; /* Hace que la imagen sea circular */
    width: 30px; /* Puedes ajustar el tamaño según tus necesidades */
    height: 30px; /* Ajuste del tamaño para hacerlo cuadrado */
    object-fit: cover; /* Para asegurarte de que la imagen no se deforme */
}
.logged-in-user svg {
    margin-right: 8px; /* Espacio entre el icono y el nombre */
    vertical-align: middle; /* Alinear verticalmente */
    width: 18px; /* Tamaño del icono */
    height: 18px; /* Tamaño del icono */
}

#elementor-menu-cart__toggle_button:focus{
	background:none;
}

#quantity-container-2413, #quantity-container-479{
	display:none;	
}
.custom-cart-form .coupon-2413, .custom-cart-form .coupon-479{
    display: none;
}