/* 
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 */


.custom-product-link-icon {
    display: inline-block;
    width: 30px; /* Tamaño del icono en pantallas grandes */
    height: 30px;
    border-radius: 50%;
    border: 2px solid red;
    text-align: center;
    line-height: 28px; /* Ajusta la alineación vertical del signo de más */
    text-decoration: none;
    color: red;
    font-size: 20px; /* Tamaño de la fuente del signo de más */
    font-weight: bold;
}

.custom-product-link-icon .plus-icon {
    position: relative;
    top: -2px; /* Ajusta si es necesario para centrar el signo de más */
}

/* Media query para pantallas más pequeñas */
@media (max-width: 767px) {
    .custom-product-link-icon {
        width: 25px; /* Tamaño del icono en pantallas pequeñas */
        height: 25px;
        line-height: 23px; /* Ajusta la alineación vertical del signo de más */
        font-size: 16px;   /* Tamaño de la fuente más pequeño */
    }
}


.custom-add-to-cart-button {
    display: inline-block;
    width: 100%; /* Ancho completo */
    padding: 5px 20px;
    background-color: transparent; /* Fondo transparente */
    color: #151515; /* Color del texto */
    text-decoration: none;
    border: 1px solid #E8E8E8; /* Borde del botón */
    border-radius: 5px;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 17px; /* Tamaño de fuente */
    font-weight: 700; /* Grosor de la fuente */
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box; /* Asegura que el padding no exceda el contenedor */
	border-radius: 12px;
}

.custom-add-to-cart-button .plus-sign {
    color: red; /* Color del signo más */
    margin-right: 5px; /* Espacio entre el signo más y el texto */
}

.custom-add-to-cart-button:hover {
    background-color: #151515; /* Color de fondo al pasar el mouse */
    color: #fff; /* Color del texto al pasar el mouse */
}

.custom-add-to-cart-button:hover .plus-sign {
    color: #fff; /* Color del signo más al pasar el mouse */
}



.new-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #E50613;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    
    border-radius: 0px 10px 0px 10px; /* Redondear solo la esquina inferior izquierda */
    z-index: 10;
}

/* Asegúrate de que el contenedor del producto tiene posición relativa */
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce div.product, 
.woocommerce-page div.product,
.elementor-widget-woocommerce-loop .product {
    position: relative;
}

/* Estilo adicional para asegurar que la etiqueta "Nuevo" se muestre sobre la imagen del producto */
.elementor-widget-woocommerce-loop .woocommerce-LoopProduct-link .new-badge {
    right: 10px;
    top: 10px;
}