/* Solvec Cursos — estilos base de la tienda (estáticos) */
.cs-loop-desc { line-height: 1.5; margin: 0 0 8px; }
.cs-loop-items { display:grid; grid-template-columns:1fr 1fr; gap:4px 8px; }
.cs-loop-item { display:flex; align-items:center; gap:6px; min-width:0; }
.cs-loop-icono { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; border-radius:50%; flex-shrink:0; }
.cs-loop-icono svg { stroke:currentColor; }
.cs-loop-txt { font-weight:500; white-space:normal; line-height:1.3; }
.cs-loop-datos { border-radius:8px; padding:10px 12px; margin:6px 0 10px; }
.cs-loop-btn { display:block; width:calc(100% - 24px); margin:8px 12px 12px; text-align:center; padding:10px 16px; font-weight:700; border-radius:6px; text-decoration:none !important; transition:opacity .2s,transform .2s; box-sizing:border-box; }
.cs-loop-btn:hover { opacity:.85; transform:translateY(-1px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { white-space:normal !important; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:unset; word-break:break-word; }

/* ── Etiqueta oferta (esquina superior derecha, sobre imagen) ── */
.cs-loop-etiqueta-wrap { position:absolute; top:10px; right:10px; z-index:3; }
.cs-loop-etiqueta { display:inline-block; font-size:11px; font-weight:700; padding:5px 12px; border-radius:4px; letter-spacing:.4px; text-transform:uppercase; line-height:1; }

/* ── Badge de área/categoría (esquina superior izquierda, sobre imagen) ── */
.cs-loop-area-wrap { position:absolute; top:10px; left:10px; z-index:3; }
.cs-loop-area { display:inline-block; font-weight:700; letter-spacing:.6px; text-transform:uppercase; padding:4px 12px; border-radius:20px; border:1px solid; font-size:10px; line-height:1; }

/* ── Badge descuento (encima del precio) ── */
.cs-loop-dto { font-size:13px; font-weight:700; margin-bottom:2px; }

/* Tarjeta: position relative para los badges absolutos */
.woocommerce ul.products li.product { position:relative; }