/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2026 | 08:52:58 */
/* ======================================================================
   BLACKVIEW - BADGES GLOBALES WPC
   Estilo visual de las cuatro clases configuradas en WPC Badge Management.

   PEGAR EN UN CSS NUEVO, GLOBAL, SOLO FRONTEND, SIN ETIQUETAS <style>.
   No sustituye el archivo 170588.css ni modifica sus secciones de tienda.
   No cambia reglas de producto, posiciones de grupos ni porcentajes.
   ====================================================================== */

/* 1. Estilo compartido. No se limita a body.page-id-36706. */
html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
) {
    /* No forzar display con !important: respetar ocultaciones inline. */
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;

    /* Se normaliza la etiqueta, no el contenedor que la posiciona. */
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 26px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 5px 10px !important;

    background: var(--bv-badge-bg, #f3f5f8) !important;
    color: var(--bv-badge-ink, #253858) !important;
    border: 1px solid var(--bv-badge-border, #d9e3ef) !important;
    border-image: none !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 5px rgba(18, 38, 63, 0.07) !important;

    font-family: "Rubik", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    vertical-align: middle !important;

    /* Permitir dos lineas si la tarjeta es muy estrecha, sin recortar texto. */
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    text-overflow: clip !important;
    overflow: visible !important;

    /* Retirar efectos de cinta y formas, solo en estas cuatro etiquetas. */
    transform: none !important;
    rotate: none !important;
    clip: auto !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    filter: none !important;
    animation: none !important;
}

/* 2. Eliminar los pliegues decorativos de las plantillas de cinta. */
html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
)::before,
html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
)::after {
    content: none !important;
    display: none !important;
}

/* 3. Texto interno: tambien admite el <b> de RECIEN LLEGADO.
   No se cambian las familias de fuente de iconos del plugin. */
html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
) :is(span, b, strong, em, a) {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    text-shadow: none !important;
    white-space: normal !important;
}

/* 4. Regalo: azul Blackview con degradado discreto. */
html body#top #wrap_all .wpcbm-badge.bv-badge-gift {
    --bv-badge-bg: linear-gradient(135deg, #082d73 0%, #124ba3 100%);
    --bv-badge-ink: #ffffff;
    --bv-badge-border: #103f89;
}

/* 5. Reserva: lavanda clara. */
html body#top #wrap_all .wpcbm-badge.bv-badge-reserva {
    --bv-badge-bg: linear-gradient(135deg, #f7f3ff 0%, #f0e9ff 100%);
    --bv-badge-ink: #5b3da6;
    --bv-badge-border: #cdbce9;
}

/* 6. Top en ventas: ambar suave, sin amarillo intenso. */
html body#top #wrap_all .wpcbm-badge.bv-badge-trending {
    --bv-badge-bg: linear-gradient(135deg, #fff8e7 0%, #fff0c6 100%);
    --bv-badge-ink: #805600;
    --bv-badge-border: #eac76d;
}

/* 7. Recien llegado: verde suave. */
html body#top #wrap_all .wpcbm-badge.bv-badge-new {
    --bv-badge-bg: linear-gradient(135deg, #f1faf4 0%, #e6f5eb 100%);
    --bv-badge-ink: #176b36;
    --bv-badge-border: #9ed3af;
}

/* 8. Respetar ocultacion explicita y foco de enlaces. */
html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
)[hidden] {
    display: none !important;
}

html body#top #wrap_all .wpcbm-badge:is(
    .bv-badge-gift,
    .bv-badge-reserva,
    .bv-badge-trending,
    .bv-badge-new
) a:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 3px !important;
}

/* 9. Movil: misma identidad, sin anchos fijos ni alturas que corten texto. */
@media only screen and (max-width: 767px) {
    html body#top #wrap_all .wpcbm-badge:is(
        .bv-badge-gift,
        .bv-badge-reserva,
        .bv-badge-trending,
        .bv-badge-new
    ) {
        min-height: 24px !important;
        padding: 5px 8px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        box-shadow: 0 1px 4px rgba(18, 38, 63, 0.06) !important;
    }
}