.elementor-15947 .elementor-element.elementor-element-9c9d183{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-15947 .elementor-element.elementor-element-9c9d183:not(.elementor-motion-effects-element-type-background), .elementor-15947 .elementor-element.elementor-element-9c9d183 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#79B38A26;}.elementor-15947 .elementor-element.elementor-element-2bdebd5{--display:flex;}.elementor-15947 .elementor-element.elementor-element-5f87fdf{text-align:center;}.elementor-15947 .elementor-element.elementor-element-5f87fdf .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-15947 .elementor-element.elementor-element-3bb7b17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-15947 .elementor-element.elementor-element-f22f9fa{--display:flex;}@media(max-width:1024px){.elementor-15947 .elementor-element.elementor-element-5f87fdf .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-15947 .elementor-element.elementor-element-5f87fdf .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-7edf252 *//* --- 1. Contenedor Principal (Soft Background) --- */
.tinv-wishlist.woocommerce {
lanco puro */
    border-radius: 16px; /* Bordes más redondeados */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); /* Sombra muy sutil y dispersa */
    border: 1px solid #f0f0f0; /* Borde muy ligero */
}

.tinv-wishlist .tinv-header h2 {
    color: #333333;
    font-size: 2.2em;
    font-weight: 300; /* Fuente ligera */
    margin-bottom: 40px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- 2. Tabla de Favoritos (Minimalista) --- */
.tinvwl-table-manage-list {
    width: 100%;
    border-collapse: collapse; /* Volvemos a collapse para un look más limpio */
    border-spacing: 0;
    background-color: #fff;
    font-size: 0.95em;
}

/* Encabezados: Ligeros y sutiles */
.tinvwl-table-manage-list thead tr th {
    background-color: #fafafa; /* Fondo muy claro */
    color: #777777; /* Color de texto suave */
    font-weight: 400; /* Peso normal */
    padding: 18px 15px;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Filas del Producto */
.tinvwl-table-manage-list tbody tr.wishlist_item {
    border-bottom: 1px solid #f5f5f5; /* Separador de filas muy suave */
    transition: background-color 0.4s ease;
}

.tinvwl-table-manage-list tbody tr.wishlist_item:hover {
    background-color: #fcfcfc; /* Efecto hover casi imperceptible */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); /* Sombra en hover */
    transform: translateY(-1px);
}

.tinvwl-table-manage-list tbody tr td {
    padding: 15px 15px;
    vertical-align: middle;
}

/* Estilo para el Nombre del Producto */
.tinvwl-table-manage-list .product-name a {
    color: #555555; /* Texto principal oscuro pero no negro */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s;
}
.tinvwl-table-manage-list .product-name a:hover {
    color: #007bff; /* Color de acento suave al pasar el ratón */
}

/* Estilo para el Precio y Stock */
.tinvwl-table-manage-list .product-price .amount {
    font-weight: 600;
    color: #333333;
}

.tinvwl-table-manage-list .product-date {
    color: #999999;
}

.tinvwl-table-manage-list .product-stock p.in-stock {
    color: #20c997; /* Verde menta o suave para 'En stock' */
    font-weight: 500;
}

/* Botón de Quitar (X) */
.tinvwl-table-manage-list .product-remove button {
    background: none;
    border: 1px solid #e0e0e0;
    color: #aaaaaa; /* Gris suave */
    font-size: 1.1em;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.tinvwl-table-manage-list .product-remove button:hover {
    color: #dc3545; /* Rojo suave en hover para indicar peligro */
    border-color: #dc3545;
    background-color: #f8d7da;
}

/* Miniatura del Producto */
.tinvwl-table-manage-list .product-thumbnail img {
    border-radius: 8px; /* Bordes suaves */
    max-width: 70px;
    height: auto;
    border: 1px solid #efefef;
}

/* --- 3. Botones y Acciones (CTA Elegante) --- */
.tinvwl-table-manage-list .product-action button.button {
    /* CTA principal: Azul elegante o primario suave */
    background-color: #007bff; 
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2); /* Sombra del color del botón */
    transition: all 0.3s ease;
}

.tinvwl-table-manage-list .product-action button.button:hover {
    background-color: #0056b3;
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3);
}

/* Fila de Footer para Acciones en Lote */
.tinvwl-table-manage-list tfoot tr td {
    padding: 25px 15px;
    background-color: #ffffff;
    border-top: 1px solid #eeeeee;
}

.tinvwl-table-manage-list tfoot .tinvwl-input-group .button {
    background-color: #6c757d; /* Gris suave para acciones secundarias */
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    transition: background-color 0.3s;
}

.tinvwl-table-manage-list tfoot .tinvwl-input-group .button:hover {
    background-color: #5a6268;
}

/* Estilo para el dropdown de Acciones */
.tinvwl-table-manage-list tfoot select {
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 6px;
    background-color: #fff;
    color: #555;
}

/* --- 4. Compartir en Redes Sociales (Iconos Ligeros) --- */
.social-buttons {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.social-buttons span {
    font-weight: 400;
    color: #999;
}

.social-buttons ul li a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.2em;
    background-color: #cccccc; /* Fondo gris neutro para los iconos */
    transition: background-color 0.3s, transform 0.2s;
}

.social-buttons ul li a:hover {
    transform: translateY(-2px);
    /* Mantener el color de la red social solo en hover para el look 'soft' */
}

/* Override colores específicos para hover */
.social-buttons ul li a.social-facebook:hover { background-color: #3b5998; }
.social-buttons ul li a.social-twitter:hover { background-color: #1da1f2; }
.social-buttons ul li a.social-pinterest:hover { background-color: #bd081c; }
.social-buttons ul li a.social-whatsapp:hover { background-color: #25d366; }
.social-buttons ul li a.social-clipboard:hover { background-color: #6c757d; }
.social-buttons ul li a.social-email:hover { background-color: #ffc107; }


/* --- 5. Media Queries (Mobile Card View - Suave) --- */
@media screen and (max-width: 768px) {
    .tinvwl-table-manage-list tbody tr.wishlist_item {
        display: block;
        margin-bottom: 15px;
        padding: 15px;
        border: none;
        border-radius: 12px; /* Bordes más suaves en móvil */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        background-color: #fff;
        position: relative;
    }
    
    .tinvwl-table-manage-list thead {
        display: none;
    }

    .tinvwl-table-manage-list tbody tr td {
        display: block;
        padding: 8px 0;
    }
    
    /* Mostrar etiquetas antes de los datos con color suave */
    .tinvwl-table-manage-list tbody tr td:before {
        font-weight: 500;
        color: #aaaaaa; /* Color de etiqueta suave */
        display: inline-block;
        width: 100px; /* Alineación de etiquetas */
    }

    /* Ajustar layout de imagen y nombre */
    .tinvwl-table-manage-list .product-thumbnail,
    .tinvwl-table-manage-list .product-name {
        display: block;
        float: none;
        margin-right: 0;
    }
    
    .tinvwl-table-manage-list .product-thumbnail img {
        margin-bottom: 10px;
    }

    .tinvwl-table-manage-list .product-remove {
        top: 15px;
        right: 15px;
    }

    /* Botones de acción anchos y consistentes */
    .tinvwl-table-manage-list .product-action button.button {
        padding: 12px;
        width: 100%;
        margin-top: 15px;
    }
    
    .social-buttons {
        justify-content: center;
        text-align: center;
    }
}


.tinv-wishlist .tinv-header {
    margin-bottom: 30px;
    display: none;
}/* End custom CSS */