/* =========================================================
   YO, TURO — BOTTONS
========================================================= */


/* =========================================================
   BOTONES WOOCOMMERCE
========================================================= */

/* Grid de productos */
.add_to_cart_button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    padding: 17px 30px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    transition: all .25s ease;
}

.add_to_cart_button:hover {
    background: transparent !important;
    color: #111 !important;
    border-color: #111 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

/* Botones generales WooCommerce */
.woocommerce-js #respond input#submit,
.woocommerce-js a.button,
.woocommerce-js button.button,
.woocommerce-js input.button {

    border-radius: 999px !important;
    padding: 19px 30px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    transition: all .25s ease;
}

.woocommerce-js #respond input#submit:hover,
.woocommerce-js a.button:hover,
.woocommerce-js button.button:hover,
.woocommerce-js input.button:hover {

    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
}


/* =========================================================
   BOTONES ELEMENTOR
========================================================= */

.elementor-button {

    border-radius: 999px !important;
    padding: 19px 28px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    transition: all .25s ease;

}

.elementor-button:hover {

    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.14);

}


/* =========================================================
   BOTONES NEGROS
========================================================= */

.elementor-button {

    background: #111 !important;
    color: #fff !important;

}

.elementor-button .elementor-button-text {
    color: inherit !important;
}

.elementor-button:hover .elementor-button-text {
    color: inherit !important;
}


/* =========================================================
   BOTÓN HERO (OUTLINE)
========================================================= */

/* Idealmente cambiar este ID por una clase hero-button */
.elementor-element-aef5fd5 .elementor-button {

    background: transparent !important;
    color: #fff !important;

    border: 2px solid #fff !important;

    box-shadow: none !important;

}

.elementor-element-aef5fd5 .elementor-button:hover {

    background: #fff !important;
    color: #111 !important;

}

.elementor-element-aef5fd5 .elementor-button:hover .elementor-button-text {

    color: #111 !important;

}


/* =========================================================
   LINKS BLANCOS PUNTUALES
========================================================= */

.elementor-element-c59d9c4 a {
    color: #fff;
}