/* ==========================================================================
   PRIDO Catalog System — Shared Layout
   ========================================================================== */

body.post-type-archive-product .wd-content-layout.content-layout-wrapper,
body.tax-product_cat .wd-content-layout.content-layout-wrapper,
body.tax-product_tag .wd-content-layout.content-layout-wrapper,
body.tax-pa_color .wd-content-layout.content-layout-wrapper,
body.tax-pa_tapizado .wd-content-layout.content-layout-wrapper,
body.tax-pa_estructura .wd-content-layout.content-layout-wrapper {
    --wd-col-lg: 12 !important;
    --wd-col-md: 12 !important;
    --wd-col-sm: 12 !important;
    --wd-gap-lg: 0px !important;
    --wd-gap-sm: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.tax-pa_color,
body.tax-pa_tapizado,
body.tax-pa_estructura {
    background: var(--prido-theme-canvas) !important;
}

body.post-type-archive-product .website-wrapper,
body.tax-product_cat .website-wrapper,
body.tax-product_tag .website-wrapper,
body.tax-pa_color .website-wrapper,
body.tax-pa_tapizado .website-wrapper,
body.tax-pa_estructura .website-wrapper,
body.post-type-archive-product .wd-page-content.main-page-wrapper,
body.tax-product_cat .wd-page-content.main-page-wrapper,
body.tax-product_tag .wd-page-content.main-page-wrapper,
body.tax-pa_color .wd-page-content.main-page-wrapper,
body.tax-pa_tapizado .wd-page-content.main-page-wrapper,
body.tax-pa_estructura .wd-page-content.main-page-wrapper,
body.post-type-archive-product .wd-content-layout.content-layout-wrapper,
body.tax-product_cat .wd-content-layout.content-layout-wrapper,
body.tax-product_tag .wd-content-layout.content-layout-wrapper,
body.tax-pa_color .wd-content-layout.content-layout-wrapper,
body.tax-pa_tapizado .wd-content-layout.content-layout-wrapper,
body.tax-pa_estructura .wd-content-layout.content-layout-wrapper,
body.post-type-archive-product .wd-content-area.site-content,
body.tax-product_cat .wd-content-area.site-content,
body.tax-product_tag .wd-content-area.site-content,
body.tax-pa_color .wd-content-area.site-content,
body.tax-pa_tapizado .wd-content-area.site-content,
body.tax-pa_estructura .wd-content-area.site-content {
    background: transparent !important;
}

body.post-type-archive-product .wd-page-title,
body.tax-product_cat .wd-page-title,
body.tax-product_tag .wd-page-title,
body.tax-pa_color .wd-page-title,
body.tax-pa_tapizado .wd-page-title,
body.tax-pa_estructura .wd-page-title {
    display: none !important;
}

body.post-type-archive-product .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-product_cat .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-product_tag .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_color .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_tapizado .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_estructura .wd-content-layout.content-layout-wrapper > .wd-content-area.site-content {
    --wd-col-lg: 12 !important;
    --wd-col-md: 12 !important;
    --wd-col-sm: 12 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    margin-top: 0 !important;
    padding-inline: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.post-type-archive-product main#main-content.wd-content-layout.content-layout-wrapper,
body.tax-product_cat main#main-content.wd-content-layout.content-layout-wrapper,
body.tax-product_tag main#main-content.wd-content-layout.content-layout-wrapper,
body.tax-pa_color main#main-content.wd-content-layout.content-layout-wrapper,
body.tax-pa_tapizado main#main-content.wd-content-layout.content-layout-wrapper,
body.tax-pa_estructura main#main-content.wd-content-layout.content-layout-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-inline: auto !important;
    padding-top: 0 !important;
    padding-inline: 0 !important;
    padding-bottom: 0 !important;
}

body.post-type-archive-product main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-product_cat main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-product_tag main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_color main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_tapizado main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content,
body.tax-pa_estructura main#main-content.wd-content-layout.content-layout-wrapper > .wd-content-area.site-content {
    margin-top: 0 !important;
    padding-inline: 0 !important;
    padding-top: 0 !important;
}

.prido-catalog-archive {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 16px 0 20px;
}

.prido-catalog-page {
    --prido-dark: var(--prido-theme-ink);
    --prido-muted: var(--prido-theme-muted);
    --prido-border-light: var(--prido-theme-border);
    --prido-bg-tint: var(--prido-theme-surface-alt);
    --prido-catalog-backdrop: var(--prido-theme-canvas);
    --prido-catalog-surface: var(--prido-glass-shell);
    --prido-catalog-surface-soft: var(--prido-glass-shell-soft);
    --prido-catalog-chip: var(--prido-glass-chip);
    --prido-catalog-chip-hover: var(--prido-glass-chip-hover);
    --prido-catalog-border: var(--prido-glass-border);
    --prido-catalog-border-strong: var(--prido-glass-accent-border);
    --prido-catalog-shadow: var(--prido-glass-shadow-soft);
    --prido-catalog-shadow-soft: var(--prido-glass-shadow-soft);
    --prido-catalog-max-width: 1440px;
    --prido-catalog-frame-gutter: 24px;
    --prido-catalog-shell-pad: clamp(42px, 3.3vw, 62px);
    --prido-catalog-shell-gap: 24px; /* = gap entre cards → simetría filtro↔grilla */
    --prido-catalog-hero-air: clamp(10px, 0.9vw, 14px);
    position: relative;
    isolation: isolate;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 12px;
    background: var(--prido-theme-canvas);
}

.prido-hs-spacer + .main-page-wrapper.prido-catalog-page {
    margin-top: calc(var(--prido-hs-offset, 126px) * -1) !important;
    padding-top: 0 !important;
}

.prido-catalog-page::after {
    display: none;
}

.prido-catalog-shell__inner {
    width: min(calc(100% - (var(--prido-catalog-frame-gutter) * 2)), var(--prido-catalog-max-width));
    max-width: var(--prido-catalog-max-width);
    margin-inline: auto;
}

.prido-catalog-hero {
    position: relative;
    width: 100%;
    margin-inline: auto;
    margin-top: 0;
    padding: 0;
    overflow: clip;
}

.prido-catalog-hero__stage {
    position: relative;
    width: 100%;
    padding: var(--prido-catalog-hero-air) 0 12px;
    margin-top: 0;
    background: var(--prido-catalog-backdrop);
    overflow: hidden;
}

.prido-hs-spacer + .main-page-wrapper.prido-catalog-page .prido-catalog-hero__stage {
    padding-top: var(--prido-catalog-hero-air);
}

.prido-catalog-hero__stage::before {
    display: none;
}

.prido-catalog-hero__stage::after {
    display: none;
}

.prido-catalog-hero .prido-catalog-shell__inner {
    position: relative;
    z-index: 1;
}

.prido-catalog-hero__glass-group {
    position: relative;
    padding: 32px 36px 38px;
    border: 1px solid var(--prido-catalog-border);
    border-radius: 42px;
    background: var(--prido-catalog-surface);
    box-shadow: var(--prido-catalog-shadow-soft);
    backdrop-filter: var(--prido-glass-backdrop-strong);
    -webkit-backdrop-filter: var(--prido-glass-backdrop-strong);
    overflow: visible;
}

.prido-catalog-hero__glass-group::before {
    display: none;
}

.prido-catalog-breadcrumbs {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    width: fit-content;
    max-width: 100%;
    padding: 10px 16px;
    font-size: calc(var(--prido-type-small) * 0.85);
    border: 1px solid var(--prido-catalog-border);
    border-radius: 999px;
    background: var(--prido-catalog-chip);
    box-shadow: var(--prido-catalog-shadow-soft);
    backdrop-filter: var(--prido-glass-backdrop);
    -webkit-backdrop-filter: var(--prido-glass-backdrop);
    color: var(--prido-muted, #728196);
    font-family: var(--prido-font-ui);
    font-size: var(--prido-type-small);
    line-height: 1.45;
}

.prido-catalog-breadcrumbs a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.prido-catalog-breadcrumbs a:hover {
    color: var(--prido-primary, #3f6b95);
}

.prido-catalog-breadcrumbs__current {
    color: var(--prido-dark, #1a2a3a);
    font-weight: var(--prido-weight-semibold);
}

.prido-catalog-breadcrumbs__sep {
    opacity: 0.5;
}

.prido-catalog-hero__head {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: var(--prido-flow-heading-to-ui);
    text-align: center;
}

.prido-catalog-hero__copy {
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
}

.prido-catalog-hero__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 1120px);
    margin-inline: auto;
    padding: 18px 12px 10px;
    border: 0;
    border-radius: 30px;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    text-align: center;
}

.prido-catalog-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    padding: 6px 10px;
    color: var(--prido-primary, #517598);
    font-family: var(--prido-font-heading);
    font-size: calc(var(--prido-type-overline) * 0.9);
    font-weight: var(--prido-weight-semibold);
    letter-spacing: var(--prido-tracking-overline);
    text-transform: uppercase;
    border: 1px solid var(--prido-catalog-border);
    border-radius: 999px;
    background: var(--prido-catalog-chip);
    box-shadow: none;
    backdrop-filter: var(--prido-glass-backdrop);
    -webkit-backdrop-filter: var(--prido-glass-backdrop);
}

.prido-catalog-hero__title {
    margin: var(--prido-flow-heading-to-ui) 0 0;
    color: var(--prido-dark, #1a2a3a);
    font-family: var(--prido-font-heading);
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: var(--prido-weight-heavy);
    line-height: var(--prido-leading-display);
    letter-spacing: var(--prido-tracking-display);
    text-wrap: balance;
    text-shadow: none;
}

.prido-catalog-hero__description {
    max-width: 880px;
    margin: var(--prido-flow-heading-to-copy) auto 0;
    color: color-mix(in srgb, var(--prido-dark, #1a2a3a) 66%, white 34%);
    font-family: var(--prido-font-body);
    font-size: var(--prido-type-medium);
    line-height: var(--prido-leading-copy-relaxed);
    display: grid;
    justify-items: center;
    gap: 14px;
}

.prido-catalog-hero__description-content {
    width: 100%;
    max-height: none;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.prido-catalog-hero__description-content > * {
    margin: 0;
}

.prido-catalog-hero__description-content > * + * {
    margin-top: 0.95em;
}

.prido-catalog-hero__description.is-collapsible:not(.is-expanded) .prido-catalog-hero__description-content {
    max-height: var(--prido-catalog-description-max-height, none);
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
}

.prido-catalog-hero__description.is-expanded .prido-catalog-hero__description-content {
    -webkit-mask-image: none;
    mask-image: none;
}

button.prido-catalog-hero__description-toggle[data-prido-catalog-description-toggle],
.prido-catalog-hero__description-toggle {
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 0 16px !important;
    border: 1px solid var(--prido-catalog-border) !important;
    border-radius: 999px !important;
    background: var(--prido-catalog-chip) !important;
    background-color: var(--prido-catalog-chip) !important;
    background-image: none !important;
    color: var(--prido-theme-ink) !important;
    font-family: var(--prido-font-ui) !important;
    font-size: var(--prido-type-small) !important;
    font-weight: var(--prido-weight-semibold) !important;
    line-height: var(--prido-leading-ui) !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    box-shadow: var(--prido-catalog-shadow-soft) !important;
    backdrop-filter: var(--prido-glass-backdrop);
    -webkit-backdrop-filter: var(--prido-glass-backdrop);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
}

button.prido-catalog-hero__description-toggle[data-prido-catalog-description-toggle]:hover,
button.prido-catalog-hero__description-toggle[data-prido-catalog-description-toggle]:focus-visible,
.prido-catalog-hero__description-toggle:hover {
    transform: translateY(-1px);
    border-color: var(--prido-glass-accent-border) !important;
    background: var(--prido-catalog-chip-hover) !important;
    background-color: var(--prido-catalog-chip-hover) !important;
    color: var(--prido-theme-ink) !important;
    box-shadow: var(--prido-glass-shadow-soft) !important;
}

button.prido-catalog-hero__description-toggle[data-prido-catalog-description-toggle]:active {
    transform: scale(0.97);
}

.prido-catalog-hero__description-toggle-label--less {
    display: none;
}

.prido-catalog-hero__description.is-expanded .prido-catalog-hero__description-toggle-label--more {
    display: none;
}

.prido-catalog-hero__description.is-expanded .prido-catalog-hero__description-toggle-label--less {
    display: inline;
}

.prido-catalog-hero__description p:last-child {
    margin-bottom: 0;
}

.prido-catalog-nav {
    position: relative;
    z-index: 1;
    margin-top: 0;
}

.prido-catalog-nav__dock {
    position: relative;
    z-index: 1;
    margin-top: var(--prido-space-md);
    padding: 14px 0 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.prido-catalog-nav__list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: var(--prido-space-xs);
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 8px 0 8px;
    list-style: none;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
}

.prido-catalog-nav__list::-webkit-scrollbar {
    display: none;
}

.prido-catalog-nav__item {
    flex: 0 0 auto;
}

.prido-catalog-nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--prido-space-2xs);
    min-width: 190px;
    padding: 22px 22px;
    border: 1px solid var(--prido-catalog-border);
    border-radius: 24px;
    background: var(--prido-catalog-chip);
    color: var(--prido-dark, #1a2a3a);
    text-decoration: none;
    box-shadow: var(--prido-catalog-shadow-soft);
    backdrop-filter: var(--prido-glass-backdrop);
    -webkit-backdrop-filter: var(--prido-glass-backdrop);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
    text-align: center;
}

.prido-catalog-nav__link:hover {
    transform: translateY(-1px);
    border-color: var(--prido-catalog-border-strong);
    background: var(--prido-catalog-chip-hover);
    box-shadow: var(--prido-catalog-shadow-soft);
}

.prido-catalog-nav__link.is-active {
    border-color: var(--prido-catalog-border-strong);
    background: var(--prido-glass-accent-fill);
    box-shadow: var(--prido-catalog-shadow-soft);
}

.prido-catalog-nav__label {
    font-family: var(--prido-font-heading);
    font-size: var(--prido-type-h6);
    font-weight: var(--prido-weight-bold);
    letter-spacing: -0.02em;
}

.prido-catalog-nav__count {
    color: var(--prido-muted, #728196);
    font-family: var(--prido-font-ui);
    font-size: var(--prido-type-small);
    font-weight: var(--prido-weight-medium);
}

.prido-catalog-main {
    position: relative;
    width: 100%;
    margin-inline: auto;
    margin-top: 0;
    padding-top: 0;
    overflow: clip;
}

#main-content.prido-catalog-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.prido-catalog-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--prido-catalog-backdrop);
    pointer-events: none;
    z-index: 0;
}

.prido-catalog-main > .prido-catalog-shell__inner {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
}

.prido-catalog-main .woocommerce-notices-wrapper {
    margin-bottom: 18px;
}

.prido-catalog-page .prido-catalog-archive {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px 0 20px;
}

.prido-shop-layout {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: var(--prido-catalog-shell-gap);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.prido-shop-layout .prido-grilla-wrapper {
    padding-inline: 0;
}

.prido-shop-layout::before {
    display: none;
}

.prido-catalog-archive .prido-shop-sidebar {
    flex: 0 0 var(--prido-filters-width, 280px);
    max-width: var(--prido-filters-width, 280px);
    min-width: 0;
    position: relative;
    z-index: 5;
    padding-inline-start: 0;
}

.prido-catalog-archive .prido-shop-main {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding-inline-end: 0;
}

@media (max-width: 991px) {
    .prido-catalog-page {
        --prido-catalog-max-width: none;
        --prido-catalog-frame-gutter: 24px;
        --prido-catalog-shell-pad: 28px;
        --prido-catalog-shell-gap: 24px;
        --prido-catalog-hero-air: 10px;
        padding-bottom: 16px;
    }

    .prido-catalog-shell__inner {
        width: min(calc(100% - (var(--prido-catalog-frame-gutter) * 2)), 100%);
        max-width: 100%;
    }

    .prido-catalog-hero__glass-group {
        padding: 24px 22px 28px;
        border-radius: 28px;
    }

    .prido-catalog-hero__panel {
        padding: 14px 8px 8px;
        border-radius: 22px;
    }

    .prido-catalog-nav__list {
        justify-content: flex-start;
        margin-inline: 0;
    }

    .prido-catalog-breadcrumbs {
        margin-bottom: 14px;
        font-size: var(--prido-type-overline);
    }

    .prido-catalog-hero__eyebrow {
        margin-bottom: 10px;
        font-size: var(--prido-type-overline);
    }

    .prido-catalog-hero__title {
        font-size: clamp(2rem, 8vw, 2.875rem);
    }

    .prido-catalog-hero__description {
        margin-top: 12px;
        font-size: var(--prido-type-base);
        line-height: var(--prido-leading-copy);
        gap: 12px;
    }

    button.prido-catalog-hero__description-toggle[data-prido-catalog-description-toggle],
    .prido-catalog-hero__description-toggle {
        min-height: 38px;
        padding-inline: 14px;
    }

    .prido-catalog-nav {
        margin-top: 0;
    }

    .prido-catalog-nav__dock {
        margin-top: 18px;
        padding: 6px 0 2px;
        border-radius: 20px;
    }

    .prido-catalog-nav__link {
        min-width: 148px;
        padding: 14px 15px;
        border-radius: 18px;
    }

    .prido-catalog-page .prido-catalog-archive {
        padding: 10px 0 34px;
    }

    .prido-catalog-archive {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        padding: 12px 0 32px;
    }

    .prido-catalog-main,
    .prido-shop-layout {
        overflow: visible;
    }

    .prido-shop-layout {
        display: block;
        width: 100%;
        padding: 0;
        border-radius: 0;
    }

    .prido-catalog-archive .prido-shop-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        position: relative;
        z-index: 30;
        padding-inline: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    .prido-catalog-archive .prido-shop-main {
        position: relative;
        z-index: 1;
        margin-inline: auto;
        max-width: 100%;
        width: 100%;
        padding-inline: 0;
    }

    .prido-catalog-archive .prido-shop-main .prido-grilla-wrapper {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }
}

@media (max-width: 767px) {
    .prido-catalog-page {
        --prido-catalog-frame-gutter: 14px;
        --prido-catalog-shell-pad: 24px;
        --prido-catalog-shell-gap: 20px;
        --prido-catalog-hero-air: 9px;
    }

    .prido-catalog-hero__head {
        display: block;
    }

    .prido-catalog-breadcrumbs {
        width: 100%;
        border-radius: 22px;
    }

    .prido-catalog-nav__link {
        min-width: 140px;
        padding: 13px 14px;
    }

    .prido-catalog-nav__label {
        font-size: 14px;
    }

    .prido-catalog-nav__count {
        font-size: 11px;
    }
}

/* ==========================================================================
   MIGRACIÓN CARRITO/CHECKOUT — de-round hero/nav/breadcrumbs + Noto Sans + pesos
   Paneles 12px · chips 8px · pesos {600,700}. Outfit solo en el H1 del hero.
   ========================================================================== */
.prido-catalog-hero__glass-group { border-radius: 12px !important; padding: 24px !important; }
.prido-catalog-hero__panel { border-radius: 12px !important; padding: 16px !important; }
.prido-catalog-breadcrumbs { border-radius: 8px !important; }
.prido-catalog-hero__eyebrow { font-family: var(--prido-font-ui) !important; border-radius: 8px !important; }
.prido-catalog-hero__title { font-weight: var(--prido-weight-bold) !important; } /* mantiene Outfit; baja de 800 a 700 */
.prido-catalog-nav__dock { padding: 8px 0 !important; }
.prido-catalog-nav__link { border-radius: 8px !important; padding: 16px 16px !important; }
.prido-catalog-nav__label { font-family: var(--prido-font-ui) !important; font-weight: var(--prido-weight-semibold) !important; }
.prido-catalog-nav__count { font-weight: var(--prido-weight-semibold) !important; }

/* ==========================================================================
   Grilla (filtros + productos) -10% PROPORCIONAL en desktop (sin deformar).
   zoom escala todo el subárbol (filtro, cards, gaps, tipografía) manteniendo
   proporciones; se centra el bloque ya reducido dentro del archive.
   ========================================================================== */
@media (min-width: 1025px) {
    /* zoom sobre el shell-inner ACOTADO que envuelve la grilla (no el hero) */
    .prido-catalog-shell__inner:has(.prido-shop-layout) { zoom: 0.9; }
}

/* ==========================================================================
   HERO APLANADO — título/breadcrumbs directo sobre el fondo (como el carrito)
   Quita la caja (glass-group), la píldora del eyebrow y la de breadcrumbs.
   Título en Noto Serif. Scope .prido-catalog-page = shop/categoría/etiqueta/
   atributo/archive/búsqueda únicamente.
   ========================================================================== */
.prido-catalog-page .prido-catalog-hero__glass-group {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.prido-catalog-page .prido-catalog-hero__glass-group::before,
.prido-catalog-page .prido-catalog-hero__glass-group::after {
    content: none !important;
    display: none !important;
}
.prido-catalog-page .prido-catalog-hero__panel {
    padding: 0 !important;
    border-radius: 0 !important;
}
/* eyebrow → texto plano (sin píldora) */
.prido-catalog-page .prido-catalog-hero__eyebrow {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
/* breadcrumbs → texto plano centrado (sin cápsula) */
.prido-catalog-page .prido-catalog-breadcrumbs {
    margin-inline: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    justify-content: center !important;
}
/* título → Noto Serif como el carrito */
.prido-catalog-page .prido-catalog-hero__title {
    font-family: 'Noto Serif', Georgia, 'Times New Roman', serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}


/* ==========================================================================
   PREMIUM NEUTRAL v2 — 2026-05-31 (catalog shell)
   Flat hero / plain breadcrumbs (kept) + simplified type.
   ========================================================================== */
.prido-catalog-page {
    --prido-catalog-surface: var(--prido-theme-surface-strong);
    --prido-catalog-surface-soft: var(--prido-theme-canvas-soft);
    --prido-catalog-chip: var(--prido-theme-canvas-soft);
    --prido-catalog-chip-hover: var(--prido-theme-surface);
    --prido-catalog-border: var(--prido-theme-border);
    --prido-catalog-border-strong: var(--prido-theme-border-strong);
    --prido-catalog-shadow: none;
    --prido-catalog-shadow-soft: none;
}
.prido-catalog-hero__glass-group {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 6px 0 4px !important;
}
.prido-catalog-hero__glass-group::before { display: none !important; }
.prido-catalog-hero__eyebrow {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    color: var(--prido-theme-muted) !important;
    font-weight: var(--prido-weight-medium) !important;
}
.prido-catalog-hero__title {
    font-weight: var(--prido-weight-semibold) !important;
    font-size: clamp(2.1rem, 4vw, 3.25rem) !important;
}
.prido-catalog-breadcrumbs {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
}


/* ==========================================================================
   TIENDA V1 — handoff Claude Design 2026-06-11
   Chips de subcategorias bajo la descripcion del hero (datos: nav_items del
   contexto; shop/tag = categorias raiz, categoria = hermanas con activa).
   Tokens del sitio (theme-aware claro/oscuro). Mobile: fila con swipe.
   ========================================================================== */
.prido-catalog-subcats {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}
.prido-subcat-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid var(--prido-theme-border);
    border-radius: 999px;
    background: var(--prido-theme-canvas-soft);
    color: var(--prido-theme-muted);
    font-family: var(--prido-font-ui);
    font-size: 13px;
    font-weight: var(--prido-weight-semibold, 600);
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.prido-subcat-chip:hover {
    border-color: var(--prido-secondary, #2dc6c1);
    color: var(--prido-theme-ink);
}
.prido-subcat-chip.is-active {
    border-color: var(--prido-secondary, #2dc6c1);
    color: var(--prido-theme-ink);
    background: color-mix(in srgb, var(--prido-secondary, #2dc6c1) 12%, transparent);
}
.prido-subcat-chip__count {
    font-size: 10.5px;
    font-weight: var(--prido-weight-medium, 500);
    color: var(--prido-theme-muted);
    font-variant-numeric: tabular-nums;
}

/* Descripcion mas angosta y centrada, como el mockup (max 540-640px) */
.prido-catalog-hero__description { max-width: 640px; }

@media (max-width: 767px) {
    .prido-catalog-subcats {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-top: 16px;
        margin-inline: calc(var(--prido-catalog-frame-gutter, 14px) * -1);
        padding: 2px var(--prido-catalog-frame-gutter, 14px) 6px;
    }
    .prido-catalog-subcats::-webkit-scrollbar { display: none; }
    .prido-subcat-chip { flex-shrink: 0; }
}

/* ════════════════════════════════════════════════════════════════
   §C · ENCABEZADO COLECCIÓN — "Editorial split" (handoff Claude Design Dir. A)
   Breadcrumbs + título serif + descripción a la IZQUIERDA · tarjeta de stats
   (conteo + facts) a la derecha · chips "Explora también" debajo. Tokens del
   sitio (Noto Serif el título/conteo, Noto/UI el resto; teal AA #147068 claro /
   #2dc6c1 oscuro). El hero NO está dentro del zoom 0.9 (ese es solo del grid).
   Overridea el hero centrado viejo (HERO APLANADO / PREMIUM NEUTRAL).
   ════════════════════════════════════════════════════════════════ */
.prido-collhead { --ch-teal: #147068; }
:root[data-theme="dark"] .prido-collhead,
body.woodmart-dark .prido-collhead { --ch-teal: #2dc6c1; }

/* Stage: aire editorial arriba/abajo */
.prido-collhead .prido-catalog-hero__stage {
    padding: 34px 0 30px !important;
}

/* Breadcrumbs → alineados a la izquierda, planos */
.prido-collhead .prido-catalog-breadcrumbs {
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: var(--prido-theme-muted) !important;
}
.prido-collhead .prido-catalog-breadcrumbs__current { color: var(--prido-theme-ink) !important; font-weight: 700 !important; }
.prido-collhead .prido-catalog-breadcrumbs a:hover { color: var(--ch-teal) !important; }

/* Grid split 2 columnas */
.prido-collhead__grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: clamp(28px, 4vw, 56px);
    align-items: start;
    margin-top: 28px;
}
.prido-collhead__grid:not(:has(.prido-collhead__aside)) { grid-template-columns: 1fr; }
.prido-collhead__main { min-width: 0; }

/* Eyebrow teal, izquierda */
.prido-collhead .prido-catalog-hero__eyebrow {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--ch-teal) !important;
    font-family: var(--prido-font-ui) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/* Título serif grande, izquierda */
.prido-collhead .prido-catalog-hero__title {
    text-align: left !important;
    margin: 0 !important;
    font-size: clamp(2.4rem, 4.6vw, 4.125rem) !important;
    line-height: 1.0 !important;
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
}

/* Descripción izquierda, ancho acotado */
.prido-collhead .prido-catalog-hero__description {
    display: block !important;
    text-align: left !important;
    justify-items: start !important;
    max-width: clamp(440px, 34vw, 620px) !important;   /* escala con el ancho de ventana */
    margin: 16px 0 0 !important;
    gap: 0 !important;
    font-family: var(--prido-font-body, var(--prido-font-ui)) !important;
    font-size: 15.5px !important;
    line-height: 1.62 !important;
    color: var(--prido-theme-muted) !important;
}
.prido-collhead .prido-catalog-hero__description-content { text-align: left; }
.prido-collhead .prido-catalog-hero__description-content b,
.prido-collhead .prido-catalog-hero__description-content strong { color: var(--prido-theme-ink); font-weight: 700; }

/* Toggle "Leer más" → enlace teal con flecha (no botón) */
.prido-collhead button.prido-catalog-hero__description-toggle,
.prido-collhead .prido-catalog-hero__description-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--ch-teal) !important;
    font-family: var(--prido-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}
.prido-collhead .prido-collhead__more-arrow { width: 13px; height: 13px; flex: none; }
.prido-collhead .prido-catalog-hero__description.is-expanded .prido-collhead__more-arrow { display: none; }

/* ---- Tarjeta de stats (aside) ---- */
.prido-collhead__aside {
    border: 1px solid var(--prido-theme-border);
    border-radius: 12px;
    background: var(--prido-theme-surface);
    padding: 24px 26px;
    box-shadow: 0 1px 2px rgba(15, 30, 45, 0.06);
}
.prido-collhead__count { display: flex; align-items: baseline; gap: 10px; }
.prido-collhead__num {
    font-family: 'Noto Serif', Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--prido-theme-ink);
    font-variant-numeric: tabular-nums;
}
.prido-collhead__count-lab {
    font-family: var(--prido-font-ui);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--prido-theme-muted);
}
.prido-collhead__rule { height: 1px; background: var(--prido-theme-border); margin: 20px 0; }
.prido-collhead__facts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.prido-collhead__fact {
    display: flex; align-items: center; gap: 11px;
    font-family: var(--prido-font-ui);
    font-size: 14px; font-weight: 500;
    color: var(--prido-theme-muted);
}
.prido-collhead__fact-ic {
    display: inline-flex; flex: 0 0 22px; width: 22px; height: 22px;
    align-items: center; justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ch-teal) 12%, transparent);
    color: var(--ch-teal);
}
.prido-collhead__fact-ic svg { width: 13px; height: 13px; }

/* ---- Chips "Explora también" ---- */
.prido-collhead__chips { margin-top: 30px; }
.prido-collhead__chips-lead {
    margin: 0 0 12px;
    font-family: var(--prido-font-ui);
    font-size: 12px; font-weight: 600;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--prido-theme-muted);
}
.prido-collhead .prido-catalog-subcats {
    justify-content: flex-start !important;
    margin: 0 !important;
    gap: 9px !important;
}
.prido-collhead .prido-subcat-chip {
    padding: 9px 16px !important;
    border-radius: 999px !important;
    border: 1px solid var(--prido-theme-border) !important;
    background: var(--prido-theme-surface) !important;
    color: var(--prido-theme-muted) !important;
    font-family: var(--prido-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}
.prido-collhead .prido-subcat-chip:hover {
    border-color: var(--ch-teal) !important;
    color: var(--prido-theme-ink) !important;
    background: var(--prido-theme-surface) !important;
}
.prido-collhead .prido-subcat-chip.is-active {
    background: color-mix(in srgb, var(--ch-teal) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--ch-teal) 45%, var(--prido-theme-border)) !important;
    color: var(--ch-teal) !important;
}
.prido-collhead .prido-subcat-chip__count {
    font-size: 10.5px !important;
    color: var(--prido-theme-muted) !important;
    font-variant-numeric: tabular-nums;
}
.prido-collhead .prido-subcat-chip.is-active .prido-subcat-chip__count { color: var(--ch-teal) !important; }

/* ---- Tablet ≤1024: apilar; tarjeta horizontal ---- */
@media (max-width: 1024px) {
    .prido-collhead__grid { grid-template-columns: 1fr !important; gap: 26px; margin-top: 24px; }
    .prido-collhead__aside { display: flex; align-items: center; gap: 28px; padding: 22px 26px; }
    .prido-collhead__rule { display: none; }
    .prido-collhead__count {
        flex: 0 0 auto; flex-direction: column; align-items: flex-start; gap: 3px;
        padding-right: 28px; border-right: 1px solid var(--prido-theme-border);
    }
    .prido-collhead__facts { flex: 1; }
}

/* ---- Mobile ≤767: tarjeta apilada de nuevo; chips siguen scroll (regla base) ---- */
@media (max-width: 767px) {
    .prido-collhead .prido-catalog-hero__stage { padding: 18px 0 24px !important; }
    .prido-collhead__grid { gap: 20px; margin-top: 16px; }
    .prido-collhead .prido-catalog-hero__title { font-size: clamp(2rem, 8.5vw, 2.4rem) !important; }
    .prido-collhead .prido-catalog-hero__description { max-width: none !important; font-size: 14.5px !important; }
    .prido-collhead__aside { display: block; padding: 18px; border-radius: 10px; }
    .prido-collhead__count { flex-direction: row; align-items: baseline; padding-right: 0; border-right: 0; }
    .prido-collhead__num { font-size: 40px; }
    .prido-collhead__rule { display: block; }
    .prido-collhead__chips { margin-top: 22px; }
}

/* ════════════════════════════════════════════════════════════════
   §C-fit · El encabezado ocupa el MISMO ancho que el bloque filtro+grilla en
   desktop (≥1200px) y adapta el contenido al ancho de ventana igual que la
   grilla. La grilla usa margin-inline: calc(GUTTER / 0.9) por su zoom:0.9; el
   hero NO está zoomeado → usa el GUTTER tal cual. MANTENER el clamp sincronizado
   con §17d de prido-grilla (assets/css/prido-grilla.rN.css).
   ════════════════════════════════════════════════════════════════ */
@media (min-width: 1200px) {
    .prido-collhead .prido-catalog-hero__stage > .prido-catalog-shell__inner {
        width: auto !important;
        max-width: none !important;
        margin-inline: clamp(32px, 13.333vw - 144px, 160px) !important;
    }
}

/* ════════════════════════════════════════════════════════════════
   §C-type · Tipografía EXACTA del mockup (a pedido del usuario, solo en el
   encabezado): Cormorant Garamond (display: título + conteo), Manrope (sans:
   eyebrow/breadcrumbs/descripción/facts/chips/labels) y JetBrains Mono (conteos
   de los chips). Las fuentes se encolan en inc/catalog/assets.php (Google Fonts,
   solo en archives). NOTA: difiere de las fuentes estándar del sitio (Outfit/Noto).
   ════════════════════════════════════════════════════════════════ */
.prido-collhead {
    --ch-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --ch-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ch-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
}
.prido-collhead .prido-catalog-hero__title { font-family: var(--ch-display) !important; }
.prido-collhead__num { font-family: var(--ch-display) !important; }
.prido-collhead .prido-catalog-hero__eyebrow,
.prido-collhead .prido-catalog-breadcrumbs,
.prido-collhead .prido-catalog-breadcrumbs a,
.prido-collhead .prido-catalog-hero__description,
.prido-collhead .prido-catalog-hero__description-content,
.prido-collhead .prido-catalog-hero__description-content *,
.prido-collhead button.prido-catalog-hero__description-toggle,
.prido-collhead .prido-collhead__count-lab,
.prido-collhead .prido-collhead__fact,
.prido-collhead .prido-collhead__chips-lead,
.prido-collhead .prido-subcat-chip { font-family: var(--ch-sans) !important; }
.prido-collhead .prido-subcat-chip__count { font-family: var(--ch-mono) !important; }