/**
Theme Name: Pulso Estelar
Author: Luis Vásquez
Author URI: https://luchovision.com
Description: Tema especialmente diseñado para Pulso Estelar.
Version: 2.9.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pulso-estelar
Template: astra
*/

.ast-variation-button-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: .2em;
    display: none;
}
.woocommerce .quantity.buttons_added {
    display: none !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    padding: 10px 20px;
    display: none;
}

/* Ocultar la columna de cantidad */
th.product-quantity, td.product-quantity {
    display: none;
}

/* Ocultar la columna de subtotal */
th.product-subtotal, td.product-subtotal {
    display: none;
}


.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    color: var(--ast-global-color-2);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 17px;
    padding-right: 20px;
}

ul#menu-1-e45ec24 {
    text-transform: uppercase;
}


/* para el modal de la imagendel carrito*/
.wc-image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

.wc-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.wc-modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.wc-modal-close:hover {
    color: #ccc;
}

/* Añade esto a tu style.css */
#wc-modal-image {
    max-width: 70vw; /* Limita el ancho al 90% del viewport */
    max-height: 70vh; /* Limita la altura al 90% del viewport */
    object-fit: contain; /* Mantiene la relación de aspecto */
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
    image-rendering: -webkit-optimize-contrast; /* Mejora calidad en Chrome */
}

.wc-modal-inner {
    position: relative;
    padding: 20px;
}

.wc-modal-image-container {
    overflow: auto;
    max-height: calc(100vh - 100px);
    text-align: center;
}