/* ==========================================================
 * Vehículos CR – Nuevos ingresos
 * Insignia compacta, independiente y compatible con tooltips.
 * ========================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
    overflow: visible;
}

.woocommerce ul.products li.product .vcrni-badge-wrap,
.woocommerce-page ul.products li.product .vcrni-badge-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 14;
    max-width: calc(100% - 64px);
    margin: 0;
    padding: 0;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 140ms ease, visibility 140ms ease, transform 140ms ease;
}

.woocommerce ul.products li.product .vcrni-badge,
.woocommerce-page ul.products li.product .vcrni-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    min-height: 24px;
    padding: 5px 9px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 999px;
    background: linear-gradient(135deg, #20b96b 0%, #128c7e 100%);
    color: #fff;
    box-shadow: 0 5px 14px rgba(14, 72, 60, 0.23);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.035em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.woocommerce ul.products li.product .vcrni-badge__dot,
.woocommerce-page ul.products li.product .vcrni-badge__dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #d9ffea;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
}

/* Compatibilidad con Vehículos CR – Información del vehículo.
 * La tarjeta recibe esta clase mientras Ficha o Extras está abierto. */
.woocommerce ul.products li.product.vcrvi-tooltip-active .vcrni-badge-wrap,
.woocommerce-page ul.products li.product.vcrvi-tooltip-active .vcrni-badge-wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product .vcrni-badge-wrap,
    .woocommerce-page ul.products li.product .vcrni-badge-wrap {
        top: 8px;
        right: 8px;
        max-width: calc(100% - 58px);
    }

    .woocommerce ul.products li.product .vcrni-badge,
    .woocommerce-page ul.products li.product .vcrni-badge {
        min-height: 22px;
        padding: 4px 8px;
        font-size: 8.3px;
        letter-spacing: 0.025em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product .vcrni-badge-wrap,
    .woocommerce-page ul.products li.product .vcrni-badge-wrap {
        transition: none;
    }
}