/* ==========================================================================
   Prido — archivo simétrico r3 (2026-10-24; r2 y r1 antes)
   r3: sin el contador «N productos» bajo el H1 (el nodo queda: la barra de colección lo lee)
   y el H1 con más presencia: 48 px / −0,03em, 18 px sobre él y 40 px hasta la barra.
   r2 = r1 + §6: encabezado «variante A» (cornisa aireada: migas → H1 40 →
   conteo → Explora → barra de herramientas entre filetes, sobre la grilla).
   Un solo borde para todo el archivo: el del contenedor del cabecero
   (.prido-hs3-container = min(1600px, 95%) centrado + clamp(18px, 2vw, 32px)).
   Migas, título y herramientas de la cornisa, riel/panel de filtros, grilla,
   guía SEO y zócalo caen en las mismas dos líneas, a cualquier ancho (con
   tope de 1600 también en pantallas anchas: opción A).
   Solo ≥1025 px y con body.prido-sym (mu prido-simetria-archivo.php).
   ========================================================================== */

@media (min-width: 1025px) {

    /* El borde = el de la barra del cabecero (logo y carro): contenedor min(1600px, 95%)
       centrado + el relleno de la barra, que el header-system cambia por tramos
       (≤1300: 12 · ≤1399: 16 · ≤1480: 1,4vw tope 24 · después clamp(18px, 2vw, 32px)).
       Se resuelve donde se usa, en elementos de ancho completo y SIN zoom. */
    body.prido-sym {
        --prido-pad: clamp(18px, 2vw, 32px);
        --prido-edge: calc((100% - min(1600px, 95%)) / 2 + var(--prido-pad));
    }
    /* la franja usaba siempre el relleno ancho: se iguala a la barra */
    body.prido-sym .prido-hs3-topbar .prido-hs3-container,
    body.prido-sym .prido-ah-bar__in { padding-inline: var(--prido-pad) !important; }

    /* ---------- 1 · cornisa, guía SEO y hero: el gutter deja de medirse del panel ----------
       (syncHeroAlign de la v2 escribe --v2-hero-gutter en línea; !important gana) */
    body.prido-sym .prido-catalog-page {
        --v3-gutter: var(--prido-edge) !important;
        --v2-hero-gutter: var(--prido-edge) !important;
    }
    body.prido-sym .prido-cornice__inner { padding-inline: var(--prido-edge) !important; }

    /* ---------- 2 · bloque filtros + grilla ----------
       El borde va como padding del contenedor SIN zoom; el inner zoomeado (.9) llena
       ese hueco con margen 0. Se quita la expansión del panel hacia la izquierda (§v6.2). */
    body.prido-sym .prido-catalog-main:has(.prido-shop-layout) {
        box-sizing: border-box !important; /* lleva width:100%: sin esto el padding lo desborda */
        padding-inline: var(--prido-edge) !important;
    }
    body.prido-sym .prido-catalog-main > .prido-catalog-shell__inner:has(.prido-shop-layout) {
        width: auto !important; max-width: none !important;
        margin-inline: 0 !important;
        --pf-expand: 0px !important;
    }
    body.prido-sym .prido-catalog-archive .prido-filters-panel {
        width: 100% !important; margin-left: 0 !important;
    }

    /* ---------- 3 · separaciones iguales: riel→grilla y card→card = 20 px visuales ---------- */
    body.prido-sym .prido-shop-layout.prido-catalog-archive {
        --prido-catalog-shell-gap: calc(20px / 0.9) !important;
        column-gap: calc(20px / 0.9) !important;
    }
    body.prido-sym .prido-catalog-archive .prido-grilla-wrapper .prido-grilla-products {
        column-gap: calc(20px / 0.9) !important;
        row-gap: calc(20px / 0.9) !important;
    }

    /* ---------- 4 · ajuste óptico del cabecero: lo que toca la línea es el ícono, no su caja ----------
       Franja: el primer enlace es una píldora con 10 px de relleno. Barra: el último botón
       mide 44 px con un ícono de 20 (12 px de aire a cada lado). */
    body.prido-sym .prido-hs3-topbar__contact > .prido-hs3-topbar__link:first-child { margin-left: -10px; }
    body.prido-sym .prido-hs3-navbar .prido-hs3-tools .prido-hs-tools__cart { margin-right: -12px; }

    /* ---------- 5 · guía SEO también bajo 1200 (la v2 solo la alinea desde 1200) ---------- */
    body.prido-sym .prido-catseo > .prido-catalog-shell__inner {
        width: auto !important; max-width: none !important; margin-inline: var(--prido-edge) !important;
    }
}
/* ==========================================================================
   6 · ENCABEZADO «VARIANTE A» (r2). Sin tocar la plantilla: __inner, __band e __id
   pasan a display:contents y la cornisa es una columna flex cuyas filas se ordenan:
   migas 1 · H1 2 · conteo 3 · Explora 4 · herramientas 5 (= la barra sobre la grilla).
   ========================================================================== */
@media (min-width: 1025px) {
    body.prido-sym .prido-cornice {
        display: flex !important; flex-direction: column; align-items: stretch;
        padding: 40px var(--prido-edge) 0 !important;
        border-bottom: 0 !important;
    }
    body.prido-sym .prido-cornice > .prido-cornice__inner,
    body.prido-sym .prido-cornice .prido-cornice__band,
    body.prido-sym .prido-cornice .prido-cornice__id { display: contents !important; }

    /* 1 · migas: 13 / 500, separador «/» tenue (el «›» del HTML ya es aria-hidden) */
    body.prido-sym .prido-cornice__row-a { order: 1; height: auto !important; overflow: visible !important; opacity: 1 !important; }
    body.prido-sym .prido-cornice__row-a .prido-cornice__crumbs {
        height: auto !important; gap: 10px !important; font-size: 13px !important; font-weight: 500;
        -webkit-mask-image: none !important; mask-image: none !important;
    }
    body.prido-sym .prido-cornice__sep { font-size: 0 !important; }
    body.prido-sym .prido-cornice__sep::before { content: "/"; font-size: 13px; color: var(--v3-line-strong); }

    /* 2 · H1: más grande y menos pesado que el logo */
    body.prido-sym .prido-cornice__title {
        order: 2; margin: 18px 0 0 !important;
        font-size: 48px !important; font-weight: 600 !important; letter-spacing: -.03em !important; line-height: 1.05 !important;
    }

    /* 3 · sin contador bajo el título (r3) */
    body.prido-sym .prido-cornice__count { display: none !important; }

    /* 4 · Explora (categorías con subcolecciones): mismo borde, sin relleno propio */
    body.prido-sym .prido-cornice__subcats { order: 4; margin-top: 24px; border-top: 0 !important; height: auto !important; opacity: 1 !important; }
    body.prido-sym .prido-cornice__subcats > .prido-cornice__inner { padding-inline: 0 !important; }

    /* 5 · barra de herramientas entre filetes; alto reservado desde el primer pintado
       (las herramientas llegan por JS: el hueco no debe cambiar de alto) */
    body.prido-sym .prido-cornice__tools,
    body.prido-sym .prido-cornice__tools:empty {
        order: 5; display: flex !important; align-items: center; gap: 12px; flex-wrap: wrap;
        box-sizing: border-box; min-height: 72px; margin-top: 40px; padding: 12px 0; /* 12 + 46 (controles) + 12 + filetes */
        border-top: 1px solid var(--v3-line); border-bottom: 1px solid var(--v3-line);
    }
    body.prido-sym .prido-cornice__tools .prido-grilla-orderby { margin-left: auto !important; min-height: 44px !important; }
    body.prido-sym .prido-cornice__tools .prido-orderby-select { height: 42px !important; }
    body.prido-sym .prido-cornice__tools .prido-grilla-density { height: 44px !important; }
    body.prido-sym .prido-cornice__tools .prido-density-option { width: 44px !important; height: 42px !important; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    body.prido-sym .prido-cornice__title { font-size: 38px !important; }
}

/* ≥2000: con el tope de 1600 la grilla mide lo mismo que a 1920, así que se quedan las
   columnas fijas de 1920 (prido-grilla §2000 pasaba a auto-fill de 330 px). */
@media (min-width: 2000px) {
    body.prido-sym .prido-catalog-archive .prido-grilla-wrapper[data-columns="4"] .prido-grilla-products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    body.prido-sym .prido-catalog-archive .prido-grilla-wrapper[data-columns="3"] .prido-grilla-products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    html.prido-fold-closed body.prido-sym .prido-catalog-archive .prido-grilla-wrapper[data-columns="4"] .prido-grilla-products { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    html.prido-fold-closed body.prido-sym .prido-catalog-archive .prido-grilla-wrapper[data-columns="3"] .prido-grilla-products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1400px) and (max-width: 1480px) { body.prido-sym { --prido-pad: clamp(12px, 1.4vw, 24px); } }
@media (min-width: 1301px) and (max-width: 1399px) { body.prido-sym { --prido-pad: 16px; } }
@media (min-width: 1025px) and (max-width: 1300px) { body.prido-sym { --prido-pad: 12px; } }