/* ============================================================
   Ferreterowp  ·  "Plasma"  v7  — GLOBAL
   Aplica en: archive · home widgets · carrusel ·
              related · upsells · sidebar widgets
   Excluye:  .cotizador-*
   ============================================================ */

/* =========================================================
   TOKENS GLOBALES
   ========================================================= */
:root {
    --pl-electric:       #6c63ff;
    --pl-electric-dk:    #4a00e0;
    --pl-electric-glow:  rgba(108,99,255,.18);
    --pl-electric-soft:  rgba(108,99,255,.08);
    --pl-plasma:         #ff5757;
    --pl-nova:           #ff9f43;
    --pl-price-glow:     rgba(255,87,87,.40);
    --pl-cyan:           #00d2d3;
    --pl-cyan-soft:      rgba(0,210,211,.11);
    --pl-sale:           #ff3860;
    --pl-sale-glow:      rgba(255,56,96,.40);
    --pl-cloud:          #f8f9fc;
    --pl-white:          #ffffff;
    --pl-ink:            #1a1a2e;
    --pl-gray:           #636e72;
    --pl-radius:         14px;
    --pl-radius-sm:      9px;
    --pl-pill:           999px;
}

/* =========================================================
   KEYFRAMES
   ========================================================= */

@keyframes pl-card-in {
    0%   { opacity: 0; transform: translateY(24px) scale(.97); }
    70%  { opacity: 1; transform: translateY(-3px)  scale(1.01); }
    100% { opacity: 1; transform: translateY(0)     scale(1);    }
}

@keyframes pl-shimmer {
    0%   { transform: translateX(-160%) skewX(-18deg); }
    100% { transform: translateX(280%)  skewX(-18deg); }
}

@keyframes pl-price-pop {
    0%   { transform: scale(1);    }
    40%  { transform: scale(1.09); }
    100% { transform: scale(1);    }
}

@keyframes pl-sale-pulse {
    0%, 100% { box-shadow: 0 0 0 0   var(--pl-sale-glow); }
    55%       { box-shadow: 0 0 0 9px rgba(255,56,96,0);   }
}

/* =========================================================
   WRAPPER ARCHIVE PAGE — solo en la página de categoría
   ========================================================= */
.products.list-product-archive.products-grid.clearfix.colection_gutter,
ul.products.list-product-archive.products-grid.colection_gutter {
    background: var(--pl-cloud);
    padding: 36px 24px;
    border-radius: var(--pl-radius);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 4px 24px rgba(26,26,46,.06);
}

/* Wrapper para widgets de home y secciones generales */
.products-grid:not(.list-product-archive) .products-wrapper-grid,
.widget.woocommerce .products-grid {
    background: #fff;
    padding-top: 20px;
}

/* =========================================================
   CARD BASE — GLOBAL (:not excluye cotizador)
   ========================================================= */
.product-block.grid {
    background: transparent !important;
    contain: layout style;
}

/* Grid-inner: gradient border en reposo */
.product-block.grid .grid-inner {
    background:
        linear-gradient(var(--pl-white), var(--pl-white)) padding-box,
        linear-gradient(135deg,
            rgba(108,99,255,.28)  0%,
            rgba(0,210,211,.15)  50%,
            rgba(255,87,87,.28) 100%
        ) border-box !important;
    border: 2px solid transparent !important;
    border-radius: var(--pl-radius) !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow:
        0 2px 8px rgba(26,26,46,.05),
        0 6px 20px rgba(26,26,46,.07);
    transition:
        transform .28s cubic-bezier(.34,1.18,.64,1),
        box-shadow .28s ease,
        outline-color .24s ease;
    will-change: transform;
    position: relative;
    outline: 2px solid transparent;
    animation: pl-card-in .44s ease backwards;
}

/* Contenido interno con clip */
.product-block.grid .grid-inner > * {
    border-radius: calc(var(--pl-radius) - 2px);
}

/* ── Barra superior gradient (hover) ── */
.product-block.grid .grid-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 0;
    background: linear-gradient(90deg,
        var(--pl-electric) 0%,
        var(--pl-plasma)   100%
    );
    transition: height .26s ease;
    z-index: 10;
    border-radius: calc(var(--pl-radius) - 2px) calc(var(--pl-radius) - 2px) 0 0;
    pointer-events: none;
}

/* Acento lateral — desactivado para no saturar */
.product-block.grid .grid-inner::after {
    display: none;
}

/* ── Entrada escalonada archive (li.product nth-child) ── */
.list-product-archive li.product:nth-child(1) .grid-inner { animation-delay: .04s; }
.list-product-archive li.product:nth-child(2) .grid-inner { animation-delay: .09s; }
.list-product-archive li.product:nth-child(3) .grid-inner { animation-delay: .14s; }
.list-product-archive li.product:nth-child(4) .grid-inner { animation-delay: .19s; }
.list-product-archive li.product:nth-child(5) .grid-inner { animation-delay: .24s; }
.list-product-archive li.product:nth-child(6) .grid-inner { animation-delay: .29s; }
.list-product-archive li.product:nth-child(7) .grid-inner { animation-delay: .34s; }
.list-product-archive li.product:nth-child(8) .grid-inner { animation-delay: .39s; }

/* ── Entrada escalonada home/widgets ── */
.products-grid:not(.list-product-archive) .product:nth-child(1) .grid-inner,
.widget.woocommerce .product:nth-child(1) .grid-inner { animation-delay: .05s; }
.products-grid:not(.list-product-archive) .product:nth-child(2) .grid-inner,
.widget.woocommerce .product:nth-child(2) .grid-inner { animation-delay: .10s; }
.products-grid:not(.list-product-archive) .product:nth-child(3) .grid-inner,
.widget.woocommerce .product:nth-child(3) .grid-inner { animation-delay: .15s; }
.products-grid:not(.list-product-archive) .product:nth-child(4) .grid-inner,
.widget.woocommerce .product:nth-child(4) .grid-inner { animation-delay: .20s; }

/* Sin animación en carrusel (items se cargan dinámicamente) */
.products-slide .product-block.grid .grid-inner {
    animation: none;
}

/* =========================================================
   HOVER GLOBAL — limpio y consistente
   ========================================================= */
.product-block.grid .grid-inner:hover {
    transform: translateY(-9px);

    /* Gradient border vívido */
    background:
        linear-gradient(var(--pl-white), var(--pl-white)) padding-box,
        linear-gradient(135deg,
            var(--pl-electric) 0%,
            var(--pl-plasma)  100%
        ) border-box !important;

    /* Glow eléctrico + elevación pronunciada */
    box-shadow:
        0 0 0 4px var(--pl-electric-soft),
        0 0 28px var(--pl-electric-glow),
        0 16px 40px rgba(26,26,46,.14);

    outline: none;
}

.product-block.grid .grid-inner:hover::before {
    height: 4px;
}

.product-block.grid .grid-inner:hover .price {
    animation: pl-price-pop .30s ease forwards;
    filter: drop-shadow(0 2px 8px var(--pl-price-glow));
}

/* =========================================================
   ZONA IMAGEN — global
   ========================================================= */
.product-block.grid .block-inner {
    background: linear-gradient(145deg, #f0eeff 0%, #f8f9fc 100%);
    padding: 28px 28px 0;
    overflow: hidden;
    position: relative;
    border-radius: calc(var(--pl-radius) - 2px) calc(var(--pl-radius) - 2px) 0 0;
}

/* Shimmer */
.product-block.grid .block-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 55%; height: 100%;
    background: linear-gradient(
        90deg,
        transparent          0%,
        rgba(255,255,255,.65) 50%,
        transparent          100%
    );
    transform: translateX(-160%) skewX(-18deg);
    z-index: 5;
    pointer-events: none;
}

.product-block.grid .grid-inner:hover .block-inner::before {
    animation: pl-shimmer .58s ease forwards;
}

/* Imagen */
.product-block.grid .block-inner .image img {
    border-radius: var(--pl-radius-sm);
    transition: transform .28s ease;
    will-change: transform;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.product-block.grid .grid-inner:hover .image img {
    transform: scale(1.07);
}

/* Anillo imagen en hover */
.product-block.grid .grid-inner:hover .image {
    box-shadow: 0 0 0 2px rgba(108,99,255,.28);
    border-radius: var(--pl-radius-sm);
    transition: box-shadow .26s ease;
}

/* =========================================================
   BADGE SALE — pennant magenta — global
   ========================================================= */
.product-block .sale-perc {
    background: var(--pl-sale) !important;
    border-radius: 6px 6px 0 0 !important;
    clip-path: polygon(0 0, 100% 0, 100% 68%, 50% 100%, 0 68%);
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em;
    padding: 5px 10px 14px !important;
    color: var(--pl-white) !important;
    top: 0 !important;
    left: auto !important;
    right: 14px !important;
    animation: pl-sale-pulse 2.2s ease infinite;
    text-transform: uppercase;
}

.product-block .sale-perc:before { display: none; }

/* =========================================================
   BADGE AGOTADO — pill rojo visible — global
   ========================================================= */
.product-block .out-of-stock {
    background: #dc2626 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--pl-pill) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 4px 12px !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    transform: none;
    opacity: 1;
    box-shadow: 0 2px 8px rgba(220,38,38,.35);
}

.product-block .out-of-stock:before { display: none; }

/* =========================================================
   METAS — global
   ========================================================= */
.product-block.grid .metas {
    padding: 18px 22px 26px !important;
    background: transparent;
}

/* =========================================================
   CATEGORÍA — pill cian — global
   ========================================================= */
.product-block.grid .product-cat,
.product-block .product-cats {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--pl-cyan) !important;
    background: var(--pl-cyan-soft);
    padding: 3px 10px;
    border-radius: var(--pl-pill);
    margin-bottom: 8px !important;
    border: 1px solid rgba(0,210,211,.28);
}

.product-block.grid .product-cat::before,
.product-block .product-cats::before {
    content: '';
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--pl-electric);
    flex-shrink: 0;
}

.product-block.grid .product-cat a,
.product-block .product-cats a {
    color: var(--pl-cyan) !important;
}

/* =========================================================
   NOMBRE — global
   ========================================================= */
.product-block.grid .name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--pl-ink) !important;
    line-height: 1.4;
    margin: 0 0 10px !important;
}

.product-block.grid .name a {
    color: inherit !important;
    transition: color .20s ease;
}

.product-block.grid .grid-inner:hover .name a {
    color: var(--pl-electric) !important;
}

/* =========================================================
   PRECIO — gradiente texto plasma → nova — global
   ========================================================= */
.product-block.grid .price {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em;
    display: inline-block;
    background: linear-gradient(135deg, var(--pl-plasma) 0%, var(--pl-nova) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transform-origin: left center;
}

.product-block.grid .price del {
    font-size: 12px !important;
    font-weight: 500 !important;
    background: none !important;
    -webkit-text-fill-color: var(--pl-gray) !important;
    color: var(--pl-gray) !important;
    opacity: 0.8;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.product-block.grid .price ins {
    text-decoration: none;
    background: linear-gradient(135deg, var(--pl-plasma) 0%, var(--pl-nova) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ─ Precio más pequeño en sidebar widgets ─ */
.widget .product-block.grid .price {
    font-size: 15px !important;
}

/* =========================================================
   ESTRELLAS — global
   ========================================================= */
.product-block .rating {
    margin: 6px 0 10px !important;
}

.product-block .star-rating span::before,
.product-block .star-rating::before,
.products-grid .star-rating span::before,
.products-grid .star-rating::before {
    color: var(--pl-nova) !important;
}

/* =========================================================
   BOTÓN — electric → plasma/nova + flecha → — global
   ========================================================= */
.product-block.grid .add-cart {
    margin: 14px 0 0 !important;
}

.product-block.grid .add-cart a.button,
.product-block.grid .add-cart a.added_to_cart {
    background: linear-gradient(135deg, var(--pl-plasma) 0%, var(--pl-nova) 100%) !important;
    color: var(--pl-white) !important;
    border: none !important;
    border-radius: var(--pl-radius-sm) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.09em;
    padding: 11px 38px 11px 20px !important;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    overflow: hidden;
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(255,87,87,.36);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
    isolation: isolate;
}

/* Flecha → visible en estado normal */
.product-block.grid .add-cart a.button::after,
.product-block.grid .add-cart a.added_to_cart::after {
    content: '→';
    position: absolute;
    right: 14px; top: 50%;
    transform: translateY(-50%) translateX(0);
    opacity: 1;
    font-size: 14px;
    transition: opacity .20s ease, transform .20s ease;
    z-index: 2;
}

/* Capa electric en hover */
.product-block.grid .add-cart a.button::before,
.product-block.grid .add-cart a.added_to_cart::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--pl-electric);
    opacity: 0;
    transition: opacity .22s ease;
    z-index: -1;
}

.product-block.grid .add-cart a.button:hover::before,
.product-block.grid .add-cart a.added_to_cart:hover::before { opacity: 1; }

.product-block.grid .add-cart a.button:hover::after,
.product-block.grid .add-cart a.added_to_cart:hover::after {
    opacity: 0;
    transform: translateY(-50%) translateX(8px);
}

.product-block.grid .add-cart a.button:hover,
.product-block.grid .add-cart a.added_to_cart:hover {
    transform: translateY(0);
    box-shadow: 0 2px 10px var(--pl-electric-glow);
}

/* ─ Botón más compacto en widgets sidebar ─ */
.widget .product-block.grid .add-cart a.button,
.widget .product-block.grid .add-cart a.added_to_cart {
    font-size: 10px !important;
    padding: 9px 32px 9px 16px !important;
}

/* =========================================================
   QUICKVIEW / WISHLIST / COMPARE — global
   ========================================================= */
.product-block.grid .groups-button-inner > div {
    background: var(--pl-electric) !important;
    border-radius: var(--pl-radius-sm) !important;
    box-shadow: 0 2px 8px var(--pl-electric-glow);
    transition: background .2s ease, box-shadow .2s ease;
}

.product-block.grid .groups-button-inner > div a,
.product-block.grid .groups-button-inner > div i {
    color: var(--pl-white) !important;
}

.product-block.grid .groups-button-inner > div:hover {
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 2px 8px rgba(26,26,46,.12);
}

.product-block.grid .groups-button-inner > div:hover a,
.product-block.grid .groups-button-inner > div:hover i {
    color: var(--pl-electric) !important;
}

/* =========================================================
   COLECTION GUTTER — global
   ========================================================= */
.products-grid.colection_gutter .product,
.products-grid.colection_gutter .slick-carousel .slick-slide {
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-bottom: 28px !important;
}

.products-grid.colection_gutter .row-products-wrapper,
.products-grid.colection_gutter .products-wrapper-mansory {
    margin-left: -14px !important;
    margin-right: -14px !important;
}

/* =========================================================
   RELATED & UPSELL PRODUCTS
   ========================================================= */
.related.products,
.upsells.products {
    margin-top: 40px;
}

.related.products .product-block.grid .metas,
.upsells.products .product-block.grid .metas {
    padding: 12px 16px 16px !important;
}

/* =========================================================
   PAGINACIÓN — archive
   ========================================================= */
.products-grid.colection_gutter + .ajax-pagination .page-numbers li a,
.products-grid.colection_gutter + .ajax-pagination .page-numbers li span {
    border-radius: var(--pl-radius-sm) !important;
    border-color: rgba(108,99,255,.25) !important;
    color: var(--pl-ink) !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.products-grid.colection_gutter + .ajax-pagination .page-numbers li a:hover,
.products-grid.colection_gutter + .ajax-pagination .page-numbers li span.current {
    background: var(--pl-electric) !important;
    border-color: var(--pl-electric) !important;
    color: var(--pl-white) !important;
}

/* =========================================================
   TOOLBAR ORDERING
   ========================================================= */
.woocommerce-result-count {
    color: var(--pl-gray);
    font-size: 13px;
    font-weight: 500;
}

.woocommerce-ordering select {
    border: 1.5px solid rgba(108,99,255,.25) !important;
    border-radius: var(--pl-radius-sm) !important;
    color: var(--pl-ink) !important;
    font-size: 13px !important;
    padding: 7px 32px 7px 12px !important;
    transition: border-color .2s ease;
}

.woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--pl-electric) !important;
    box-shadow: 0 0 0 3px var(--pl-electric-soft);
}

/* =========================================================
   EXCLUSIÓN COTIZADOR — nada dentro del cotizador se toca
   ========================================================= */
[class*="cotizador"] .product-block.grid .grid-inner,
[id*="cotizador"]   .product-block.grid .grid-inner {
    all: revert;
}

/* =========================================================
   FWP-CATS-BTN HOVER — FORCE ANIMATION (home & all pages)
   ========================================================= */
@media not (prefers-reduced-motion: reduce) {
    .fwp-cats-btn:hover {
        background: linear-gradient(90deg, #c94f00, #ff8c00, #e05800, #ff8c00, #c94f00) !important;
        background-size: 300% 100% !important;
        animation: fwp-catalog-neon .9s ease-in-out infinite,
                   fwp-catalog-gradient 2s ease-in-out infinite !important;
        transform: scale(1.05);
    }
}

/* =========================================================
   RESPONSIVE GLOBAL
   ========================================================= */
@media (max-width: 991px) {
    .product-block.grid .name {
        font-size: 13px !important;
    }
    .product-block.grid .price {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .product-block.grid {
        contain: none;
    }
    .product-block.grid .grid-inner {
        will-change: auto;
        animation: none;
        overflow: hidden !important;
        outline: none !important;
    }
    .product-block.grid .grid-inner:hover {
        outline: none !important;
    }
    .product-block.grid .block-inner::before {
        display: none;
    }
    .product-block.grid .metas {
        padding: 12px 14px 14px !important;
    }
    .product-block.grid .name {
        font-size: 12px !important;
    }
    .product-block.grid .price {
        font-size: 15px !important;
    }
    .product-block .sale-perc {
        animation: none;
    }
    .products.list-product-archive.products-grid.clearfix.colection_gutter,
    ul.products.list-product-archive.products-grid.colection_gutter {
        padding: 16px 10px;
    }
}

/* =========================================================
   SIDEBAR SHOP — garantizar clicabilidad de widgets
   ========================================================= */

/* Todas las etiquetas <a> y botones dentro del sidebar izquierdo
   deben poder recibir clics sin importar lo que hereden. */
.shop-sidebar-left-wrapper a,
.shop-sidebar-left-wrapper button,
.shop-sidebar-left-wrapper input[type="submit"],
.shop-sidebar-left-wrapper label,
.shop-sidebar-left-wrapper .price_slider_handle,
.shop-sidebar-left-wrapper .ui-slider-handle {
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
}

/* Asegurar que los widgets de categorías (bloque Gutenberg)
   y el filtro de precio sean interactivos. */
.widget_block.wp-block-group,
.widget.woocommerce.widget_price_filter,
.wc-block-product-categories-list,
.wc-block-product-categories-list-item,
.wc-block-product-categories-list-item a,
.widget_price_filter form,
.widget_price_filter .price_slider_wrapper,
.widget_price_filter .price_slider_amount button {
    pointer-events: auto !important;
}

/* ═══════════════════════════════════════════════════════════════
   FICHA TÉCNICA — Information Tab  (Plasma v7 · product detail)
   ═══════════════════════════════════════════════════════════════ */

@keyframes fwp-info-row-in {
    from { opacity: 0; transform: translateY(16px) scale(.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

/* ── Heading "Información adicional" → mostrar con estilo ── */
.woocommerce-tabs #tabs-list-additional_information > h2:first-child {
    display: flex !important;
    align-items: center;
    gap: 12px;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: var(--pl-gray) !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.woocommerce-tabs #tabs-list-additional_information > h2:first-child::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--pl-electric), var(--pl-cyan));
    flex-shrink: 0;
}

.woocommerce-tabs #tabs-list-additional_information > h2:first-child::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(108,99,255,.2), transparent);
    margin-left: 4px;
}

/* ── Table → flex column (no más tabla tradicional) ── */
.woocommerce table.woocommerce-product-attributes.shop_attributes {
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    border-spacing: 0;
    border-collapse: separate;
}

.woocommerce table.woocommerce-product-attributes.shop_attributes tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Cada fila → card moderno ── */
.woocommerce table.woocommerce-product-attributes.shop_attributes tr {
    display: flex !important;
    align-items: stretch;
    background: var(--pl-white);
    border-radius: 12px;
    overflow: hidden;
    border: 1.5px solid rgba(26,26,46,.06);
    box-shadow: 0 2px 12px rgba(26,26,46,.06), 0 1px 3px rgba(26,26,46,.04);
    transition:
        transform .22s cubic-bezier(.34,1.2,.64,1),
        box-shadow .22s ease,
        border-color .22s ease;
    animation: fwp-info-row-in .40s cubic-bezier(.34,1.2,.64,1) both;
    position: relative;
}

/* Barra izquierda gradient — colores rotativos por fila */
.woocommerce table.woocommerce-product-attributes.shop_attributes tr::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    border-radius: 12px 0 0 12px;
    background: linear-gradient(180deg, var(--pl-electric) 0%, var(--pl-cyan) 100%);
}
.woocommerce table.shop_attributes tr:nth-child(2)::before {
    background: linear-gradient(180deg, #FF6700 0%, var(--pl-nova) 100%);
}
.woocommerce table.shop_attributes tr:nth-child(3)::before {
    background: linear-gradient(180deg, var(--pl-plasma) 0%, #ff8f70 100%);
}
.woocommerce table.shop_attributes tr:nth-child(4)::before {
    background: linear-gradient(180deg, var(--pl-cyan) 0%, var(--pl-electric) 100%);
}
.woocommerce table.shop_attributes tr:nth-child(5)::before {
    background: linear-gradient(180deg, var(--pl-nova) 0%, #FF6700 100%);
}
.woocommerce table.shop_attributes tr:nth-child(6)::before {
    background: linear-gradient(180deg, var(--pl-electric-dk) 0%, var(--pl-plasma) 100%);
}
.woocommerce table.shop_attributes tr:nth-child(7)::before {
    background: linear-gradient(180deg, var(--pl-cyan) 0%, #FF6700 100%);
}
.woocommerce table.shop_attributes tr:nth-child(8)::before {
    background: linear-gradient(180deg, var(--pl-plasma) 0%, var(--pl-electric) 100%);
}

/* Entrada escalonada */
.woocommerce table.shop_attributes tr:nth-child(1) { animation-delay: .06s; }
.woocommerce table.shop_attributes tr:nth-child(2) { animation-delay: .12s; }
.woocommerce table.shop_attributes tr:nth-child(3) { animation-delay: .18s; }
.woocommerce table.shop_attributes tr:nth-child(4) { animation-delay: .24s; }
.woocommerce table.shop_attributes tr:nth-child(5) { animation-delay: .30s; }
.woocommerce table.shop_attributes tr:nth-child(6) { animation-delay: .36s; }
.woocommerce table.shop_attributes tr:nth-child(7) { animation-delay: .42s; }
.woocommerce table.shop_attributes tr:nth-child(8) { animation-delay: .48s; }

/* Filas pares: tinte muy sutil */
.woocommerce table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) {
    background: #fafaff;
}

/* Hover: deslizamiento + glow */
.woocommerce table.woocommerce-product-attributes.shop_attributes tr:hover {
    transform: translateX(6px) translateY(-1px);
    box-shadow:
        0 6px 28px rgba(108,99,255,.14),
        0 2px 8px rgba(26,26,46,.07);
    border-color: rgba(108,99,255,.22);
}

/* ── Etiqueta (th) ── */
.woocommerce table.woocommerce-product-attributes.shop_attributes th {
    display: flex !important;
    align-items: center !important;
    width: 35% !important;
    min-width: 130px !important;
    padding: 22px 20px 22px 26px !important;
    background: none !important;
    border: none !important;
    border-right: 1px solid rgba(26,26,46,.07) !important;
    font-size: 11px !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--pl-gray) !important;
    line-height: 1.4 !important;
    vertical-align: middle;
}

/* ── Valor (td) ── */
.woocommerce table.woocommerce-product-attributes.shop_attributes td {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    padding: 20px 28px !important;
    background: none !important;
    border: none !important;
    font-size: 22px !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 700 !important;
    color: var(--pl-ink) !important;
    line-height: 1.35 !important;
    vertical-align: middle;
}

.woocommerce table.woocommerce-product-attributes.shop_attributes td p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
}

/* Links dentro del valor */
.woocommerce table.woocommerce-product-attributes.shop_attributes td a {
    color: var(--pl-electric) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    border-bottom: 2px solid rgba(108,99,255,.3) !important;
    padding-bottom: 1px !important;
    transition: color .2s ease, border-color .2s ease !important;
}

.woocommerce table.woocommerce-product-attributes.shop_attributes td a:hover {
    color: #FF6700 !important;
    border-color: #FF6700 !important;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .woocommerce table.woocommerce-product-attributes.shop_attributes tr {
        flex-direction: column;
    }
    .woocommerce table.woocommerce-product-attributes.shop_attributes tr::before {
        width: 100%;
        height: 5px;
        bottom: auto;
        border-radius: 12px 12px 0 0;
    }
    .woocommerce table.woocommerce-product-attributes.shop_attributes th {
        width: 100% !important;
        min-width: 0 !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(26,26,46,.07) !important;
        padding: 14px 22px !important;
    }
    .woocommerce table.woocommerce-product-attributes.shop_attributes td {
        padding: 16px 22px !important;
        font-size: 18px !important;
    }
    .woocommerce-tabs #tabs-list-additional_information > h2:first-child::after {
        display: none;
    }
}