/* Lito: Precios en cards — cartelitos sobre la imagen del producto */
.lito-pc-badges { display: none !important; }

.lito-pc-badge-layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; pointer-events: none; z-index: 3; }

.lito-pc-badge { position: absolute; z-index: 3; box-sizing: border-box; color: var(--lito-fg, #fff); font-size: var(--lito-size, 13px); font-weight: 700; line-height: 1.15; text-align: center; pointer-events: none; text-transform: none; letter-spacing: 0; }
.lito-pc-badge b { display: block; font-size: 1.15em; font-weight: 700; color: inherit; }
.lito-pc-badge small { display: block; margin-top: 1px; font-size: .78em; font-weight: 500; color: inherit; opacity: .95; }
.lito-pc-badge .woocommerce-Price-amount, .lito-pc-badge bdi { color: inherit !important; font-size: inherit !important; font-weight: inherit; }
.lito-pc-badge-ico { font-style: normal; }

/* Posiciones de las formas comunes */
.lito-pc-pos-tl { top: 10px; left: 10px; }
.lito-pc-pos-tr { top: 10px; right: 10px; }
.lito-pc-pos-bl { bottom: 10px; left: 10px; }
.lito-pc-pos-br { bottom: 10px; right: 10px; }

/* 1 Rectángulo */
.lito-pc-forma-rectangulo { background: var(--lito-bg, #c0182b); padding: .4em .7em; border-radius: 2px; }
/* 2 Píldora */
.lito-pc-forma-pildora { background: var(--lito-bg, #c0182b); padding: .4em 1em; border-radius: 999px; }
/* 4 Círculo */
.lito-pc-forma-circulo { width: 5.6em; height: 5.6em; border-radius: 50%; background: var(--lito-bg, #c0182b); border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .35); }
.lito-pc-forma-circulo .lito-pc-badge-in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .3em; }
/* 5 Sello / explosión */
.lito-pc-forma-sello { width: 6.6em; height: 6.6em; background: var(--lito-bg, #c0182b); clip-path: polygon(50% 0%, 61% 12%, 76% 6%, 80% 21%, 95% 25%, 90% 40%, 100% 50%, 90% 60%, 95% 75%, 80% 79%, 76% 94%, 61% 88%, 50% 100%, 39% 88%, 24% 94%, 20% 79%, 5% 75%, 10% 60%, 0% 50%, 10% 40%, 5% 25%, 20% 21%, 24% 6%, 39% 12%); }
.lito-pc-forma-sello .lito-pc-badge-in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; }
.lito-pc-forma-sello.lito-pc-pos-tl { top: 6px; left: 6px; }
.lito-pc-forma-sello.lito-pc-pos-tr { top: 6px; right: 6px; }
.lito-pc-forma-sello.lito-pc-pos-bl { bottom: 6px; left: 6px; }
.lito-pc-forma-sello.lito-pc-pos-br { bottom: 6px; right: 6px; }
/* 6 Etiqueta con punta (la punta mira hacia adentro de la imagen) */
.lito-pc-forma-etiqueta { background: var(--lito-bg, #c0182b); padding: .4em 1.6em .4em .8em; text-align: left; clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%); }
.lito-pc-forma-etiqueta.lito-pc-pos-tl, .lito-pc-forma-etiqueta.lito-pc-pos-bl { left: 0; }
.lito-pc-forma-etiqueta.lito-pc-pos-tr, .lito-pc-forma-etiqueta.lito-pc-pos-br { right: 0; padding: .4em .8em .4em 1.6em; text-align: right; clip-path: polygon(14% 0, 100% 0, 100% 100%, 14% 100%, 0 50%); }
/* 7 Globo */
.lito-pc-forma-globo { background: var(--lito-bg, #c0182b); padding: .5em .8em; border-radius: 10px; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); }
.lito-pc-forma-globo::after { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; }
.lito-pc-forma-globo.lito-pc-pos-tl::after, .lito-pc-forma-globo.lito-pc-pos-tr::after { bottom: -16px; border-top-color: var(--lito-bg, #c0182b); border-bottom: 0; }
.lito-pc-forma-globo.lito-pc-pos-bl::after, .lito-pc-forma-globo.lito-pc-pos-br::after { top: -16px; border-bottom-color: var(--lito-bg, #c0182b); border-top: 0; }
.lito-pc-forma-globo.lito-pc-pos-tl::after, .lito-pc-forma-globo.lito-pc-pos-bl::after { left: 14px; }
.lito-pc-forma-globo.lito-pc-pos-tr::after, .lito-pc-forma-globo.lito-pc-pos-br::after { right: 14px; }
/* 8 Banner con cola */
.lito-pc-forma-banner { background: var(--lito-bg, #c0182b); padding: .4em 1.4em; clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%, 8% 50%); }
.lito-pc-forma-banner.lito-pc-pos-tl, .lito-pc-forma-banner.lito-pc-pos-bl { left: 0; }
.lito-pc-forma-banner.lito-pc-pos-tr, .lito-pc-forma-banner.lito-pc-pos-br { right: 0; }

/* 3 Cinta en la esquina: marco que recorta, con la cinta girada adentro */
.lito-pc-forma-cinta { width: 8.5em; height: 8.5em; overflow: hidden; }
.lito-pc-forma-cinta.lito-pc-pos-tl { top: 0; left: 0; }
.lito-pc-forma-cinta.lito-pc-pos-tr { top: 0; right: 0; }
.lito-pc-forma-cinta.lito-pc-pos-bl { bottom: 0; left: 0; }
.lito-pc-forma-cinta.lito-pc-pos-br { bottom: 0; right: 0; }
.lito-pc-forma-cinta .lito-pc-badge-in { position: absolute; width: 11.6em; padding: .3em 0; background: var(--lito-bg, #c0182b); box-shadow: 0 2px 4px rgba(0, 0, 0, .35); }
.lito-pc-forma-cinta.lito-pc-pos-tl .lito-pc-badge-in { top: 1.7em; left: -2.6em; transform: rotate(-45deg); }
.lito-pc-forma-cinta.lito-pc-pos-tr .lito-pc-badge-in { top: 1.7em; right: -2.6em; transform: rotate(45deg); }
.lito-pc-forma-cinta.lito-pc-pos-bl .lito-pc-badge-in { bottom: 1.7em; left: -2.6em; transform: rotate(45deg); }
.lito-pc-forma-cinta.lito-pc-pos-br .lito-pc-badge-in { bottom: 1.7em; right: -2.6em; transform: rotate(-45deg); }

/* 9 Triángulo de esquina: el texto va girado a lo largo de la diagonal */
.lito-pc-forma-triangulo { width: 7.4em; height: 7.4em; background: var(--lito-bg, #c0182b); }
.lito-pc-forma-triangulo.lito-pc-pos-tl { top: 0; left: 0; clip-path: polygon(0 0, 100% 0, 0 100%); }
.lito-pc-forma-triangulo.lito-pc-pos-tr { top: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%); }
.lito-pc-forma-triangulo.lito-pc-pos-bl { bottom: 0; left: 0; clip-path: polygon(0 0, 0 100%, 100% 100%); }
.lito-pc-forma-triangulo.lito-pc-pos-br { bottom: 0; right: 0; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.lito-pc-forma-triangulo .lito-pc-badge-in { position: absolute; width: 3.8em; }
.lito-pc-forma-triangulo b { font-size: 1em; }
.lito-pc-forma-triangulo small { font-size: .7em; }
.lito-pc-forma-triangulo.lito-pc-pos-tl .lito-pc-badge-in { top: 1.1em; left: .3em; transform: rotate(-45deg); }
.lito-pc-forma-triangulo.lito-pc-pos-tr .lito-pc-badge-in { top: 1.1em; right: .3em; transform: rotate(45deg); }
.lito-pc-forma-triangulo.lito-pc-pos-bl .lito-pc-badge-in { bottom: 1.1em; left: .3em; transform: rotate(45deg); }
.lito-pc-forma-triangulo.lito-pc-pos-br .lito-pc-badge-in { bottom: 1.1em; right: .3em; transform: rotate(-45deg); }

/* 10 Franja de lado a lado (borde de arriba o de abajo) */
.lito-pc-forma-franja { left: 0; right: 0; background: var(--lito-bg, #c0182b); padding: .35em .8em; }
.lito-pc-forma-franja .lito-pc-badge-in { display: flex; justify-content: center; align-items: baseline; gap: .6em; flex-wrap: wrap; }
.lito-pc-forma-franja b, .lito-pc-forma-franja small { display: inline; margin: 0; }
.lito-pc-pos-top { top: 0; }
.lito-pc-pos-bottom { bottom: 0; }