#header {
    z-index: 99;
}

#checkout-payment-step {
    z-index: 999;
    position: relative;
}

.footer-container {
    position: relative;
    border-top: 0;
}

.footer-container::before {/*esto coloca una linia antes del footer*/
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px; /* Grosor de la línea */
    background: linear-gradient(to bottom, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.3));
    pointer-events: none;
}

.user-info .user-info a {
    color: #FFFFFF; /* Cambia #34B6D0 por el color que prefieras */
}

#modal {/* esto soluciona el problema al mostrar terminos y condiciones en checkout*/
    z-index: 99999 !important;
}

.modal-open .modal {
    z-index: 99999 !important;
}


#search_widget form input[type="text"] {
    background-color: #ffffff; /* Cambia #ffffff por el color de fondo que desees */
    color: #7d7d7d; /* Cambia #000000 por el color del texto que escribe el usuario */
    border: 3px solid #D7D7D7; /* Cambia el color y grosor del borde */
}


/* Cambiar el fondo y el borde de la caja de texto al seleccionarla */
#search_widget form input[type="text"]:focus {
    background-color: #FFFFFF; /* Color de fondo al hacer clic */
    border:3px solid #34B6D0;    /* Color del borde */
    box-shadow: 0 0 5px rgba(47, 181, 211, 0.5); /* Efecto de luz opcional */
}

/* Cambiar el color del icono de la lupa al seleccionar la caja */
#search_widget form button[type="submit"] i:hover,
#search_widget form input[type="text"]:focus ~ button[type="submit"] i {
    color: #34B6D0; /* Color de la lupa */
}

#menu-icon {
    display: none !important;
}

/* Precio en la página del producto */
.product-prices .current-price,
.product-prices .current-price-value {
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Texto “Impuestos incluidos” */
.product-prices .tax-shipping-delivery-label {
    font-size: 15px !important;
    line-height: 1.4;
}

/* Precio en las tarjetas y listados de productos */
.product-miniature .product-price-and-shipping .price {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Código promocional responsive */
@media (max-width: 767px) {

    .block-promo .promo-code {
        width: 100% !important;
        padding: 0 !important;
    }

    .block-promo .promo-code form {
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .block-promo .promo-input {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        font-size: 16px !important;
        border: 1px solid #b7b7b7 !important;
        border-radius: 4px 0 0 4px !important;
        box-sizing: border-box !important;
    }

    .block-promo .promo-code .btn-primary {
        flex: 0 0 105px !important;
        width: 105px !important;
        min-width: 105px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border-radius: 0 4px 4px 0 !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    .block-promo .promo-code-button.cancel-promo {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 0 !important;
        text-align: center !important;
    }
}

/* ==== JH Sistemas: marca antes de las estrellas (tema classic-jh) ==== */
.jh-linea-titulo { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: -6px 0 12px; }
.jh-linea-titulo .jh-estrellas-titulo { margin: 0; }
.jh-linea-titulo:not(:has(.jh-marca-titulo)):not(:has(.has-reviews)) { display: none; }
.jh-marca-titulo { font-size: 14px; color: #555; }
.jh-marca-titulo a { color: #1b7f97; font-weight: 600; }
.jh-marca-titulo a:hover { text-decoration: underline; }
.jh-marca-titulo + .jh-estrellas-titulo.has-reviews::before { content: "·"; color: #999; margin-right: 2px; }