/* ==========================================================================
   SSYC — Catálogo de productos (Fase 2) — v2 segura
   Solo TARJETAS. No toca sidebar, widgets ni menú.
   Corrige el "cuadro blanco sobre beige" usando fondo blanco uniforme.
   ========================================================================== */

/* --- Tarjeta: borde suave, esquinas, hover elegante ----------------------- */
.products .pls-product-inner {
    border: 1px solid #ECEAE3;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.products .pls-product-inner:hover {
    border-color: #B5D4F4;
    box-shadow: 0 6px 20px rgba(12, 68, 124, 0.08);
    transform: translateY(-2px);
}

/* --- Imagen: fondo BLANCO uniforme (elimina el cuadro beige/chocolate) ---- */
.products .pls-product-image {
    background: #ffffff;
}

/* La imagen del producto centrada y sin deformar */
.products .pls-product-image img {
    object-fit: contain;
}

/* --- Nombre del producto -------------------------------------------------- */
.products .pls-product-info .woocommerce-loop-product__title {
    color: #2C2C2A;
    font-weight: 600;
}

/* --- Precio en color de marca --------------------------------------------- */
.products .pls-product-price .price {
    color: #0C2340;
    font-weight: 600;
}

/* --- Aviso "Precio con sesión" (del plugin B2B) --------------------------- */
.products .pls-product-info .ssyc-price-locked {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #0C447C;
    background: #E6F1FB;
    border-radius: 8px;
    padding: 7px 10px;
    margin-top: 4px;
}

/* --- Botón "Ver producto" sin sesión -------------------------------------- */
.products .ssyc-view-product {
    background: #0C447C;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
}

.products .ssyc-view-product:hover {
    background: #093560;
    color: #fff;
}