/* here you can put your own css to customize and override the theme */

/* ==========================================================================
   Ajustes de la tienda T-vn
   ========================================================================== */

/* 1. Sin subrayado al pasar el mouse por los enlaces.
   El tema lo agrega en a:hover (corporate/css/style.css) y el pedido es
   quitarlo en toda la página. El color del tema al pasar el mouse se
   conserva; sólo se elimina el text-decoration. */
a:hover,
a:focus,
a:active {
    text-decoration: none;
}

/* 2. Títulos de "Más vendidos" y "Productos relacionados": mostrar sólo un
   fragmento (2 líneas con puntos suspensivos) en lugar del título completo.
   Cubre el sidebar compartido (shop/procategoria/ofertas/novedades/
   recomendados), el carrusel de relacionados de la hoja de detalle y el de
   "También te puede interesar" del carrito. */
.sidebar-products .item h3 a,
#carouselRelacionadosTvn .product-item h3 a,
.carrito-relacionados .product-item h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. Indicadores de esquina de las tarjetas de producto, estilo "cruzado" del
   tema T-vn (shop-product-list.html): envío gratis en verde (arriba-izquierda)
   y descuento en rojo (arriba-derecha). Si el producto cumple ambos, se mues-
   tran los dos. Los genera tvnCardHTML (catálogo, home y favoritos) y también
   shop-tvn.php.
   Geometría calcada del sticker del tema (sale.png/new.png, caja de 63x63 con
   una franja de ~27px): la franja es la banda diagonal 20 <= x+y <= 58, es decir
   perpendicular ~26.9px y centrada en (19.5, 19.5) respecto de la esquina. El
   recorte lo hace el propio .product-item (overflow:hidden) en las mismas aristas
   del sticker, así que la forma coincide y no invade las tarjetas vecinas.
   Ambas etiquetas tienen el mismo tamaño/forma; sólo cambia la tipografía:
   "envío gratis" va en dos renglones con letra chica, el % de descuento en un
   renglón con letra más grande. Reproduce el bisel claro y la sombra del PNG. */
.tvn-tag {
    position: absolute;
    top: 6px;
    z-index: 6;
    width: 112px;
    height: 27px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30), inset 0 -1px 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .28);
}
.tvn-tag--envio {
    left: -36.5px;
    transform: rotate(-45deg);
    background: #44C464;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}
.tvn-tag--oferta {
    right: -36.5px;
    transform: rotate(45deg);
    background: #E84D1C;
    font-size: 16px;
}
.tvn-tag__l {
    display: block;
}
/* La vista previa T-vn (shop-tvn.php) no trae overflow en su tarjeta; se lo
   damos para que el listón quede recortado en la esquina como en el catálogo. */
.sale-product .product-item {
    overflow: hidden;
}