/* =====================================================
   JV ACCESORIOS — LANZAMIENTOS
   Solo afecta a productos marcados manualmente como lanzamiento.
===================================================== */

/* La cinta queda recortada dentro de la propia tarjeta. */
.woocommerce ul.products li.product.jv-has-launch-ribbon,
.woocommerce-page ul.products li.product.jv-has-launch-ribbon{
    position:relative;
    overflow:hidden;
}

.jv-launch-ribbon{
    position:absolute;
    top:10px;
    left:-25px;
    z-index:20;
    width:92px;
    padding:5px 0;
    background:#d92323;
    color:#ffffff;
    font-size:10px;
    font-weight:700;
    line-height:1;
    letter-spacing:.7px;
    text-align:center;
    text-transform:uppercase;
    transform:rotate(-45deg);
    transform-origin:center;
    pointer-events:none;
    box-shadow:0 2px 6px rgba(0,0,0,.10);
}

/*
 * En /nuevos/ el contenido vive en una página normal de WordPress y puede
 * heredar los estilos globales de H2 de Kadence. Se iguala el título de los
 * productos al tamaño visual de las tarjetas de la Tienda, sin modificar
 * títulos H2 de otras páginas.
 */
.jv-launches-grid-wrap ul.products li.product h2,
.jv-launches-grid-wrap ul.products li.product h2.woocommerce-loop-product__title,
.jv-launches-grid-wrap ul.products li.product .woocommerce-loop-product__title,
.jv-launches-grid-wrap ul.products li.product .woocommerce-loop-product__title a,
.jv-launches-grid-wrap ul.products li.product h2 a{
    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    margin-top:0 !important;
    margin-bottom:.5em !important;
    text-transform:none !important;
}

@media (max-width:768px){
    .jv-launch-ribbon{
        top:9px;
        left:-24px;
        width:88px;
        padding:4px 0;
        font-size:9px;
    }

    .jv-launches-grid-wrap ul.products li.product h2,
    .jv-launches-grid-wrap ul.products li.product h2.woocommerce-loop-product__title,
    .jv-launches-grid-wrap ul.products li.product .woocommerce-loop-product__title,
    .jv-launches-grid-wrap ul.products li.product .woocommerce-loop-product__title a,
    .jv-launches-grid-wrap ul.products li.product h2 a{
        font-size:18px !important;
    }
}