/* ═══════════════════════════════════════════════════════════════════════════════════════════
   TERROIR RADICAL · capa POP (rediseño completo, oct-2026) — se carga la ÚLTIMA en todas las páginas
   Lenguaje: contorno de tinta 2 px · color plano pastel · sombra dura abajo · trama de puntos · DM Mono en micro-etiquetas · Barlow Condensed en botones y titulares.
   Especificidad: los selectores llevan «body …:not(#pop)» (suma un ID) para ganar a las reglas de sección en línea de cada página (p. ej. «.s-aprn .aprn-card») sin usar !important.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
:root{
  --pop-ink:#1A1710; --pop-yellow:#FFC72C; --pop-peach:#FFC49E; --pop-lime:#DDEBA8; --pop-cream:#FFF8EC; --pop-paper:#FCFBF8;
  --pop-formats:#C6AEF0; --pop-formats-fuerte:#9B7BE0; --pop-negre:#D9705E; --pop-blanc:#F7E2B0; --pop-rosat:#F4B6AA; --pop-orange:#EFC77E; --pop-bombolles:#C3DADF; --pop-natural:#B7CF9F; --pop-bio:#CFE0C0; --pop-mi:#C3DADF;
  --pop-r:14px; --pop-r-lg:18px; --pop-shadow:0 4px 0 var(--pop-ink); --pop-shadow-lg:0 5px 0 var(--pop-ink); --pop-shadow-sm:0 2px 0 var(--pop-ink);
  --ff-mono:'DM Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
::selection{background:var(--pop-yellow);color:var(--pop-ink)}

/* ───────────────────────── 0 · TIPOGRAFÍA ───────────────────────── */
/* Barlow / Barlow Condensed sustituyen «l·l» por una ligadura catalana (localizada) que sale como una «İ» deforme: se desactiva y queda la «l·l» normal con punto medio */
body{font-feature-settings:"locl" 0}

/* ───────────────────────── 1 · BOTONES ───────────────────────── */
/* primario: amarillo, contorno de tinta, sombra dura; se hunde al pulsar */
body :is(.btn-hero-primary,.cta-btn,.tr-lm-btn,.minipack-cta,.nus-home-cta,.espais-teaser-cta,.e404-btn,.nus-cta-btn,.cm-cta,.btn-podcast,.tr-cta-empty,.provisional-inner .btn,.btn-revocar,.tr-cookie-btn--solid):not(#pop){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
  background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);
  font:800 14px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:15px 28px 14px;cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease,background .15s ease;
}
body :is(.btn-hero-primary,.cta-btn,.tr-lm-btn,.minipack-cta,.nus-home-cta,.espais-teaser-cta,.e404-btn,.nus-cta-btn,.cm-cta,.btn-podcast,.tr-cta-empty,.provisional-inner .btn,.btn-revocar,.tr-cookie-btn--solid):not(#pop):hover{
  background:var(--pop-yellow);color:var(--pop-ink);border-color:var(--pop-ink);opacity:1;transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink);
}
body :is(.btn-hero-primary,.cta-btn,.tr-lm-btn,.minipack-cta,.nus-home-cta,.espais-teaser-cta,.e404-btn,.nus-cta-btn,.cm-cta,.btn-podcast,.tr-cta-empty,.provisional-inner .btn,.btn-revocar,.tr-cookie-btn--solid):not(#pop):active{transform:translateY(4px);box-shadow:0 0 0 var(--pop-ink)}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pop-ink);outline-offset:3px}
/* «.btn-tenda» está oculto en la cabecera por main.css (display:none): no se toca su display; donde se muestra (páginas de variedad…) toma el mismo estilo */
body .btn-tenda:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);font:800 14px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:15px 28px 14px;transition:transform .12s ease,box-shadow .12s ease}
body .btn-tenda:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}
/* botón de tarjeta de vino (catálogo, home, listados) */
body .vi-card-btn:not(#pop){display:block;box-sizing:border-box;text-align:center;background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:12px;box-shadow:0 3px 0 var(--pop-ink);
  font:800 14px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;padding:12px 16px 11px;margin:0 16px 18px;width:calc(100% - 32px);transition:transform .12s ease,box-shadow .12s ease}
body .vi-card-btn:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:0 1px 0 var(--pop-ink)}
body :is(.vi-card-btn--soon,.vi-card-btn--sold,.vi-card-btn.vi-ficha-btn--disabled):not(#pop),body :is(.vi-card-btn--soon,.vi-card-btn--sold):not(#pop):hover{background:#ECE8DC;color:rgba(26,23,16,.5);border-color:rgba(26,23,16,.35);box-shadow:none;transform:none}
/* enlaces con flecha («Veure tot el catàleg →») */
body :is(.hero-cta-link,.btn-back-link,.link-more):not(#pop){color:var(--pop-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--pop-ink)}
body :is(.hero-cta-link,.btn-back-link,.link-more):not(#pop):hover{color:var(--pop-ink);text-decoration-color:var(--pop-yellow);background:linear-gradient(transparent 62%,var(--pop-yellow) 62%)}

/* ───────────────────────── 2 · ETIQUETAS Y MICRO-TEXTOS ───────────────────────── */
body :is(.s-eyebrow,.filtre-eyebrow,.destacat-eyebrow):not(#pop){font-family:var(--ff-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
body .tr-ship-banner:not(#pop){background:var(--pop-peach);border:0;border-top:2px solid var(--pop-ink);border-bottom:2px solid var(--pop-ink);font:500 12.5px/1.4 var(--ff-mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--pop-ink)}
body .ruta-mes:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body :is(.aprn-tag,.qdc-tag,.cookie-tag):not(#pop){border:1.5px solid var(--pop-ink);font-family:var(--ff-mono);font-weight:500;letter-spacing:.06em}
body .destacat-promo:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:999px;box-shadow:0 2px 0 var(--pop-ink);font:500 11.5px/1.2 var(--ff-mono);letter-spacing:.06em}
body .destacat-facts li:not(#pop){border:1.5px solid rgba(255,255,255,.75);font-family:var(--ff-mono);font-weight:500;letter-spacing:.05em}
body .kc-dist span:not(#pop){background:var(--pop-lime);border:1.5px solid var(--pop-ink);font-family:var(--ff-mono);font-weight:500;letter-spacing:.05em}

/* ───────────────────────── 3 · TARJETAS ───────────────────────── */
body :is(.ques-row,.nus-home-card,.aprn-card,.caract-card,.qs-card,.vv-card,.faq-card,.web-card,.llibre-card,.nus-wine-card,.dret-item,.productor-card-loc,.minipack-card):not(#pop){
  border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);background:#fff;transition:transform .15s ease,box-shadow .15s ease;
}
body :is(.ques-row,.nus-home-card,.aprn-card,.vv-card,.productor-card-loc,.minipack-card,.web-card,.llibre-card):not(#pop):hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--pop-ink)}
body .kc-table:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);overflow:hidden;background:#fff}
body .kc-table th:not(#pop){background:var(--pop-lime);color:var(--pop-ink);font-family:var(--ff-mono);font-weight:500;letter-spacing:.1em;border-bottom:2px solid var(--pop-ink)}
body .kc-table tbody tr:not(#pop):hover{background:var(--pop-cream)}

/* Quadern de camp (hub «Aprèn»): tarjeta sin caja; la imagen lleva el contorno de tinta y la sombra dura */
body .qdc-grid .qdc-img:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow);transition:transform .15s ease,box-shadow .15s ease}
body .qdc-grid .qdc-card:not(#pop):hover .qdc-img{transform:translateY(-3px);box-shadow:0 7px 0 var(--pop-ink)}
body .qdc-grid .qdc-tag:not(#pop){margin-top:22px;color:var(--pop-ink);font-size:.82rem;font-weight:500}
body .qdc-grid .qdc-card .qdc-tag:first-child:not(#pop){margin-top:0}
body .qdc-grid .qdc-arrow:not(#pop){color:var(--pop-ink);font-family:var(--ff-mono);font-weight:500;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
body .qdc-grid .qdc-card:not(#pop):hover .qdc-arrow{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--pop-yellow)}
body .qdc-section-title:not(#pop){color:var(--pop-ink)}

/* ───────────────────────── 4 · CABECERAS Y BANDAS ───────────────────────── */
/* cabecera clara: chapa de color con contorno de tinta, filete de tinta debajo y trama de puntos en dos esquinas */
body .page-hero.page-hero--clara:not(#pop){--p-bg:#FFC49E;--p-ink:#1A1710;border-bottom:2px solid var(--pop-ink);overflow:hidden;isolation:isolate}
body .page-hero.page-hero--clara[data-camp="groc"]:not(#pop){--p-bg:#FFC72C}
body .page-hero.page-hero--clara[data-camp="bordeus"]:not(#pop){--p-bg:#D9705E}
body .page-hero.page-hero--clara[data-camp="rosa"]:not(#pop){--p-bg:#F4B6AA}
body .page-hero.page-hero--clara[data-camp="neutre"]:not(#pop){--p-bg:#E6DECB}
body .page-hero.page-hero--clara:not(#pop)>.container{position:relative;z-index:1}
body .page-hero.page-hero--clara:not(#pop)::before,body .page-hero.page-hero--clara:not(#pop)::after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(36vw,440px);height:min(36vw,440px);background:radial-gradient(circle,rgba(26,23,16,.22) 1.5px,transparent 2px) 0 0/13px 13px}
body .page-hero.page-hero--clara:not(#pop)::before{left:-80px;bottom:-90px;-webkit-mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%)}
body .page-hero.page-hero--clara:not(#pop)::after{right:-80px;top:-90px;-webkit-mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%)}
body .page-hero.page-hero--clara .eyebrow:not(#pop){border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);font:500 clamp(.7rem,1vw,.78rem)/1.25 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;padding:9px 16px 8px;max-width:100%}
/* cosecha de las tarjetas: negrita + terracota de la web (#B8451E, 5,4:1 sobre blanco) */
body .vi-card-nou-any:not(#pop){font-size:13px;font-weight:700;color:#B8451E;opacity:1}
@media (max-width:640px){body .page-hero.page-hero--clara .eyebrow:not(#pop){border-radius:18px;padding:8px 14px 7px}}
/* cabecera base (páginas sin la «clara»): fondo crema y filete de tinta */
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop){background:var(--pop-cream);border-bottom:2px solid var(--pop-ink)}
body .page-hero:not(.page-hero--clara):not(.var-hero) .eyebrow:not(#pop){font-family:var(--ff-mono);font-weight:500;font-size:11.5px;letter-spacing:.14em;color:var(--pop-ink)}
body .page-hero:not(.page-hero--clara):not(.var-hero) .eyebrow:not(#pop)::before{background:var(--pop-ink);height:2px}
/* banda de cita (debajo de la cabecera): lima con trama, filetes de tinta y barra gruesa */
body .dada-banner:not(#pop){background:var(--pop-lime) radial-gradient(rgba(26,23,16,.12) 1.2px,transparent 1.6px) 0 0/10px 10px;border-top:2px solid var(--pop-ink);border-bottom:2px solid var(--pop-ink)}
body .dada-banner blockquote:not(#pop){border-left:6px solid var(--pop-ink);color:var(--pop-ink)}
/* avisos y recuadros: contorno de tinta, sombra dura, fondo pastel */
body :is(.cat-aviso,.dada-banner-inline,.legal-data-box,.fonts-bloc,.faq-highlight,.var-ajuda,.contacte-lateral-nota,.form-feedback,.cc-bloc):not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 3px 0 var(--pop-ink)}
body :is(.cat-aviso,.dada-banner-inline,.legal-data-box,.fonts-bloc):not(#pop){background:var(--pop-cream)}
body .dada-banner-inline .dada-label:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--pop-ink)}
body .faq-highlight:not(#pop){background:#FFF1BF}
body .cc-bloc:not(#pop){background:var(--pop-peach)}
body .var-ajuda:not(#pop){background:#fff}
body .contacte-lateral-nota:not(#pop){background:var(--pop-lime);padding:12px 14px;color:var(--pop-ink);opacity:1}
body .form-feedback--ok:not(#pop){background:var(--pop-lime)}
body .form-feedback--error:not(#pop){background:var(--pop-rosat)}
/* citas destacadas dentro del texto */
body .pull-quote:not(#pop){border-left:6px solid var(--pop-ink);background:#FFF1BF;border-radius:0 var(--pop-r) var(--pop-r) 0;padding:16px 22px}
body :is(.var-ficha-text,.perque-bloc):not(#pop){border-left-color:var(--pop-ink);border-left-width:6px}

/* ───────────────────────── 5 · FORMULARIOS ───────────────────────── */
body :is(.form-grup input,.form-grup textarea,.form-grup select,.vi-avisa-email,.tr-lm-input,.tr-lm input[type=email],.tr-lm input[type=text]):not(#pop){box-sizing:border-box;border:2px solid var(--pop-ink);border-radius:12px;background:#fff;color:var(--pop-ink);font:500 15px/1.4 var(--ff-body);padding:12px 14px;transition:box-shadow .15s ease,background .15s ease}
body :is(.form-grup input,.form-grup textarea,.form-grup select,.vi-avisa-email,.tr-lm-input):not(#pop):focus{border-color:var(--pop-ink);background:#FFFDF3;box-shadow:0 3px 0 var(--pop-ink)}
body .form-grup label:not(#pop){font:500 11px/1.2 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(26,23,16,.78)}
body :is(.form-submit,.vi-avisa-btn):not(#pop){display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);font:800 14px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;padding:15px 28px 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
body :is(.form-submit,.vi-avisa-btn):not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);opacity:1;transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}
body .vi-avisa-btn:not(#pop){padding:11px 18px 10px;font-size:13px;border-radius:12px;box-shadow:0 3px 0 var(--pop-ink)}
body .vi-avisa-email:not(#pop){padding:10px 14px;border-radius:12px}
body .vi-avisa-stock:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-cream);box-shadow:0 3px 0 var(--pop-ink)}
body .form-nota:not(#pop){font:500 11.5px/1.5 var(--ff-mono);letter-spacing:.02em;color:rgba(26,23,16,.6)}

/* ───────────────────────── 6 · PREGUNTAS FRECUENTES (acordeones) ───────────────────────── */
body .faq-card:not(#pop){box-shadow:0 4px 0 var(--pop-ink);overflow:hidden}
body .faq-item:not(#pop){border-bottom:2px solid rgba(26,23,16,.12)}
body .faq-item:last-child:not(#pop){border-bottom:0}
body .faq-item summary:not(#pop){font:700 18px/1.3 var(--ff-cond);letter-spacing:.015em;color:var(--pop-ink)}
body .faq-item summary:not(#pop)::after{content:"+";display:grid;place-items:center;flex:none;width:28px;height:28px;border:2px solid var(--pop-ink);border-radius:50%;background:var(--pop-yellow);color:var(--pop-ink);font:800 19px/1 var(--ff-cond);transition:transform .2s ease,background .2s ease;transform:none}
body .faq-item[open] summary:not(#pop)::after{transform:rotate(45deg);background:var(--pop-lime)}
body .faq-item summary:not(#pop):hover{color:var(--pop-ink);background:linear-gradient(transparent 70%,rgba(255,199,44,.55) 70%)}
body .faq-section-title:not(#pop){display:inline-block;padding:7px 14px 6px;margin:0 0 18px;border:2px solid var(--pop-ink);border-radius:999px;background:var(--pop-lime);color:var(--pop-ink);font:500 11.5px/1.2 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 2px 0 var(--pop-ink)}
body .faq-section:nth-child(6n+2) .faq-section-title:not(#pop){background:var(--pop-peach)}
body .faq-section:nth-child(6n+3) .faq-section-title:not(#pop){background:var(--pop-mi)}
body .faq-section:nth-child(6n+4) .faq-section-title:not(#pop){background:#FFE08A}
body .faq-section:nth-child(6n+5) .faq-section-title:not(#pop){background:var(--pop-rosat)}
body .faq-section:nth-child(6n+6) .faq-section-title:not(#pop){background:var(--pop-natural)}
body .faq-badge:not(#pop){border:1.5px solid var(--pop-ink);border-radius:999px;background:var(--pop-lime);color:var(--pop-ink);font-family:var(--ff-mono);font-weight:500;letter-spacing:.06em}
body .faq-steps li:not(#pop)::before{border:2px solid var(--pop-ink);background:var(--pop-yellow);color:var(--pop-ink);font-weight:800}
body :is(.faq-shipping-table):not(#pop){border-collapse:separate;border-spacing:0;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;background:#fff}
body .faq-shipping-table thead th:not(#pop){background:var(--pop-lime);color:var(--pop-ink);font-family:var(--ff-mono);font-weight:500;letter-spacing:.08em;border-bottom:2px solid var(--pop-ink)}
body .faq-shipping-table tbody th[colspan]:not(#pop){background:var(--pop-peach);color:var(--pop-ink)}

/* ───────────────────────── 7 · PESTAÑAS (ficha de vino y productor) ───────────────────────── */
body .vi-ficha-tabs:not(#pop){background:var(--pop-cream);border-top:2px solid var(--pop-ink)}
body .vi-tab:not(#pop){font:500 11px/1 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:3px solid transparent}
body .vi-tab.active:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-bottom-color:var(--pop-ink)}
body .prod-info-tab:not(#pop){font:500 11.5px/1 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase}
body .prod-info-tab.active:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-bottom-color:var(--pop-ink)}
/* botón «Comprar» de la ficha en las páginas de productor */
body a.vi-ficha-btn:not(#pop){display:inline-flex;align-items:center;justify-content:center;background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:12px;box-shadow:0 3px 0 var(--pop-ink);font:800 13px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;padding:11px 18px 10px;transition:transform .12s ease,box-shadow .12s ease}
body a.vi-ficha-btn:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:0 1px 0 var(--pop-ink)}
body .vi-ficha-btn--soon:not(#pop){background:#ECE8DC;color:rgba(26,23,16,.5);border:2px solid rgba(26,23,16,.35);border-radius:12px;box-shadow:none;font:800 13px/1 var(--ff-cond);letter-spacing:.09em}

/* ───────────────────────── 8 · MIGAS DE PAN ───────────────────────── */
body :is(.breadcrumb,.breadcrumb-nav):not(#pop){background:var(--pop-ink);border-bottom:0}
body .breadcrumb-inner:not(#pop){font:500 11.5px/1.2 var(--ff-mono);letter-spacing:.06em;text-transform:uppercase}
body .breadcrumb-inner .current:not(#pop){color:var(--pop-yellow)}

/* ───────────────────────── 9 · TARJETAS: sombra dura en reposo ───────────────────────── */
body :is(.nus-home-card,.aprn-card,.caract-card,.qs-card,.vv-card,.web-card,.llibre-card,.nus-wine-card,.dret-item,.productor-card-loc,.minipack-card,.vi-ficha,.prod-hero-bio,.prod-info-wrap):not(#pop){box-shadow:var(--pop-shadow)}
body :is(.nus-home-card,.aprn-card,.vv-card,.web-card,.llibre-card,.productor-card-loc,.minipack-card):not(#pop):hover{box-shadow:0 7px 0 var(--pop-ink)}

/* ───────────────────────── 10 · PÁGINA DE PRODUCTOR ───────────────────────── */
body .prod-hero:not(#pop){background:var(--pop-cream);border-bottom:2px solid var(--pop-ink)}
body .prod-hero-foto img:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow-lg)}
body .prod-hero-bio:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg)}
body .prod-hero-nom .eyebrow:not(#pop){font:500 12px/1.4 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop-ink)}
body .prod-hero-meta:not(#pop){border-bottom:2px solid var(--pop-ink)}
body .prod-hero-meta .tag:not(#pop){border:1.5px solid var(--pop-ink);background:var(--pop-natural);color:var(--pop-ink);font:500 11px/1.2 var(--ff-mono);letter-spacing:.08em;padding:5px 12px 4px}
body .prod-hero-meta .tag:nth-child(2):not(#pop){background:var(--pop-peach)}
body .prod-hero-meta .tag:nth-child(3):not(#pop){background:var(--pop-mi)}
body .prod-hero-meta .tag:nth-child(4):not(#pop){background:#FFE08A}
body .prod-info-wrap:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg)}
body .prod-info-tabs-nav:not(#pop){background:var(--pop-cream);border-bottom:2px solid var(--pop-ink)}
body .prod-info-panel h3:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.12em}
body .seccio .eyebrow:not(#pop){font:500 12px/1.3 var(--ff-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--pop-ink)}
body .perque-bloc:not(#pop){background:#FFF1BF;border-radius:0 var(--pop-r) var(--pop-r) 0;padding:16px 22px}
body .vi-ficha-eyebrow:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.08em;color:rgba(26,23,16,.7)}

/* ───────────────────────── 11 · FILTROS DEL CATÁLOGO ───────────────────────── */
body :is(.cat-btn,.cat-abv-btn,.cat-sort,.cat-chip):not(#pop){border:2px solid var(--pop-ink);border-radius:999px;background-color:#fff;color:var(--pop-ink);font:800 13px/1 var(--ff-cond);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 0 var(--pop-ink);transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}
body .cat-btn:not(#pop){padding:10px 18px 9px}
body :is(.cat-btn,.cat-abv-btn):not(#pop):hover{background-color:var(--pop-peach);color:var(--pop-ink);transform:translateY(1px);box-shadow:0 1px 0 var(--pop-ink)}
body :is(.cat-btn.active,.cat-abv-wrap.actiu .cat-abv-btn,.cat-abv-wrap.open .cat-abv-btn):not(#pop){background-color:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:none}
/* Formats especials (magnum 150 cl / doble magnum 300 cl): violeta pop en el filtro, el título del bloque y las etiquetas */
.cat-btn[hidden]{display:none!important}
body .cat-btn--formats:not(#pop){background-color:var(--pop-formats)}
body .cat-btn--formats:not(#pop):hover{background-color:var(--pop-formats-fuerte);color:var(--pop-ink)}
body .cataleg-filters .cat-btn.cat-btn--formats.active:not(#pop){background-color:var(--pop-formats-fuerte);color:var(--pop-ink)}
.cat-grup--formats .cat-grup-t{background:var(--pop-formats,#C6AEF0)}
body .prod-tag.tag-formats:not(#pop){background:var(--pop-formats);color:var(--pop-ink)}
body .vi-tag.vi-tag--formats:not(#pop){background:var(--pop-formats);color:var(--pop-ink);border-color:var(--pop-ink)}
body :is(.prod-tag.tag-limitada,.vi-tag.vi-tag--limitada):not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-color:var(--pop-ink)}
.s-novet .novet-tabs:has(#novet-tab-formats[aria-selected="true"]){--seg-bg:#C6AEF0}
body .mega-drop a.menu-formats:not(#pop){display:inline-block;background:var(--pop-formats);color:var(--pop-ink);border:1.5px solid var(--pop-ink);border-radius:999px;padding:3px 12px;font-weight:700}
body .mega-drop a.menu-formats:not(#pop):hover{background:var(--pop-formats-fuerte)}
body .cat-abv-wrap.open .cat-abv-btn:not(#pop){border-radius:999px}
body .cat-abv-btn:not(#pop){padding:10px 16px 9px}
body .cat-sort:not(#pop){padding:9px 34px 8px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231A1710'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
body .cat-chip:not(#pop){background-color:var(--pop-yellow);padding:8px 14px 7px}
body .cat-chip button:not(#pop){color:var(--pop-ink);opacity:1}
body .cat-abv-dropdown:not(#pop){top:calc(100% + 8px);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 5px 0 var(--pop-ink)}
body .cat-abv-head:not(#pop){font:500 11px/1.2 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid rgba(26,23,16,.12);color:rgba(26,23,16,.7)}
body .cat-abv-reset:not(#pop){font-family:var(--ff-mono);font-weight:500;color:var(--pop-ink);text-decoration:underline;text-underline-offset:3px}
body .cat-abv-list label:not(#pop):hover{background:var(--pop-cream)}
body :is(.cat-abv-list input[type="checkbox"],.alcohol-list input[type="checkbox"]):not(#pop){accent-color:var(--pop-ink);width:18px;height:18px}
body .preu-range-display:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.04em}
body .preu-slider-track:not(#pop){background:rgba(26,23,16,.18);height:6px;border-radius:3px}
body .preu-slider-range:not(#pop){background:var(--pop-ink);border-radius:3px}
body .preu-slider-wrap input[type="range"]::-webkit-slider-thumb{width:22px;height:22px;background:var(--pop-yellow);border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .preu-slider-wrap input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:var(--pop-yellow);border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .cataleg-count:not(#pop){font:500 12px/1.3 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(26,23,16,.65)}
body .tr-tab-agotado:not(#pop){background:#C23B2E;border:2px solid var(--pop-ink);border-top:0;border-right:0;font-family:var(--ff-mono);font-weight:500;letter-spacing:.08em;box-shadow:none}

/* ───────────────────────── 12 · TABLAS ───────────────────────── */
body table:not(.kc-table):not(.faq-shipping-table):not(#pop){border-collapse:separate!important;border-spacing:0;border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r);overflow:hidden;background:#fff}
body table:not(.kc-table):not(.faq-shipping-table) :is(th,td):not(#pop){border-color:rgba(26,23,16,.14)!important}
body table:not(.kc-table):not(.faq-shipping-table) :is(thead th,tr:first-child th):not(#pop),body table tr[style*="background:#f5f0e8"] :is(th,td):not(#pop){background:var(--pop-lime)!important;color:var(--pop-ink)!important;font:500 11px/1.3 var(--ff-mono)!important;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--pop-ink)!important}
body table tr[style*="background:#f5f0e8"]:not(#pop){background:var(--pop-lime)!important}
body table tbody tr:hover td:not(#pop){background:var(--pop-cream)}

/* ───────────────────────── 13 · CABECERAS DE TERRITORIO Y RECURSOS ───────────────────────── */
body :is(.territori-hero,.recursos-hero):not(#pop){position:relative;overflow:hidden;isolation:isolate;background:var(--pop-cream);border-bottom:2px solid var(--pop-ink);text-align:center}
body :is(.territori-hero,.recursos-hero):not(#pop)>.container{position:relative;z-index:1;margin-left:auto;margin-right:auto}
body :is(.territori-hero,.recursos-hero):not(#pop)::before,body :is(.territori-hero,.recursos-hero):not(#pop)::after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(36vw,440px);height:min(36vw,440px);background:radial-gradient(circle,rgba(26,23,16,.22) 1.5px,transparent 2px) 0 0/13px 13px}
body :is(.territori-hero,.recursos-hero):not(#pop)::before{left:-80px;bottom:-90px;-webkit-mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%)}
body :is(.territori-hero,.recursos-hero):not(#pop)::after{right:-80px;top:-90px;-webkit-mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%)}
body .territori-hero .eyebrow:not(#pop){display:inline-block;margin:0 0 22px;padding:9px 16px 8px;border:2px solid var(--pop-ink);border-radius:999px;background:var(--pop-lime);box-shadow:0 3px 0 var(--pop-ink);color:var(--pop-ink);font:500 .78rem/1.25 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
body .territori-hero h1:not(#pop){color:#1A3318;text-wrap:balance}
body .territori-hero h1 em:not(#pop){color:#1A3318;font-weight:600;background:linear-gradient(transparent 56%,#F7DE86 56% 90%,transparent 90%);padding:0 .08em}
body .territori-hero .lead:not(#pop){margin-left:auto;margin-right:auto}
/* tarjetas de productor de los índices de territorio (estilo en línea en el HTML) */
body a[style*="flex-direction:column"][style*="border-radius:12px"]:not(#pop){border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r-lg)!important;box-shadow:var(--pop-shadow);background:#fff;transition:transform .15s ease,box-shadow .15s ease}
body a[style*="flex-direction:column"][style*="border-radius:12px"]:not(#pop):hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--pop-ink)}
body a[style*="flex-direction:column"][style*="border-radius:12px"] div[style*="text-transform:uppercase"]:not(#pop){font-family:var(--ff-mono)!important;font-size:10.5px!important;letter-spacing:.08em!important}
/* botón secundario en línea (fondo transparente) */
body a.cta-btn[style*="background:transparent"]:not(#pop){background:#fff!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink)!important}
/* banda final de territorio: botones */
body .territori-cta a:not(#pop){display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 4px 0 var(--pop-ink);font:800 14px/1 var(--ff-cond);letter-spacing:.09em;text-transform:uppercase;padding:15px 26px 14px;margin:0 8px 8px 0;transition:transform .12s ease,box-shadow .12s ease}
body .territori-cta a.btn-light:not(#pop){background:var(--pop-yellow);color:var(--pop-ink)}
body .territori-cta a.btn-outline:not(#pop){background:#fff;color:var(--pop-ink)}
body .territori-cta a:not(#pop):hover{transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}

/* ───────────────────────── 14 · QUI SOM: abanico de principios ───────────────────────── */
body .principi:not(#pop){--pc:#B7CF9F;--pt:#1A1710;border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow)}
body .principi:nth-child(2):not(#pop){--pc:#FFC72C;--pt:#1A1710}
body .principi:nth-child(3):not(#pop){--pc:#F4B6AA;--pt:#1A1710}
body .principi:not(#pop):hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--pop-ink)}
body .abanico .principi:not(#pop){border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow)}
body .abanico .principi.is-open:not(#pop),body .abanico .principi.is-open:not(#pop):hover{box-shadow:0 6px 0 var(--pop-ink);transform:none}
body .abanico .principi:not(.is-open):not(#pop):hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--pop-ink)}
body .principi-tag:not(#pop){color:var(--pop-ink)}
body .principis-grid:not(.abanico) .principi .principi-tag:not(#pop),body .abanico .principi.is-open .principi-tag:not(#pop){border:1.5px solid var(--pop-ink);font-family:var(--ff-mono);font-weight:500;font-size:.8rem;letter-spacing:.04em}
body .editorial-eyebrow:not(#pop){border:2px solid var(--pop-ink);background:var(--pop-peach);color:var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);font:500 .78rem/1.2 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
body .principi-source:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.08em;border-top:2px solid rgba(26,23,16,.15)}

/* ───────────────────────── 15 · COM COMPRAR ───────────────────────── */
body .cm-step:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow)}
body .cm-step-n:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);font-weight:800}
body .cm-pack:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 3px 0 var(--pop-ink)}
body .cm-link:not(#pop){color:var(--pop-ink);text-decoration-color:var(--pop-yellow);text-decoration-thickness:3px}
body section.cm-cta:not(#pop){display:block;border-radius:var(--pop-r-lg)}

/* ───────────────────────── 16 · CABECERA Y PIE ───────────────────────── */
body .mega-drop:not(#pop){border:2px solid var(--pop-ink);border-top:0;border-radius:0 0 var(--pop-r-lg) var(--pop-r-lg);box-shadow:0 6px 0 var(--pop-ink)}
body .mega-col h6:not(#pop){font-family:var(--ff-mono);font-weight:500;letter-spacing:.14em;border-bottom:2px solid rgba(26,23,16,.15)}
body .btn-lang-item.actiu:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-radius:6px}

/* ───────────────────────── 17 · AVISO DE COOKIES ───────────────────────── */
body .tr-cookie-banner:not(#pop){background:var(--pop-cream);border-top:3px solid var(--pop-ink);box-shadow:none}
body .tr-cookie-banner__title:not(#pop){font:500 11.5px/1.3 var(--ff-mono);letter-spacing:.14em;color:var(--pop-ink)}
body .tr-cookie-banner__body:not(#pop){color:rgba(26,23,16,.85)}
body .tr-cookie-banner__body a:not(#pop){color:var(--pop-ink);text-decoration-thickness:2px;text-decoration-color:var(--pop-yellow)}
body .tr-cookie-btn:not(#pop){border-radius:var(--pop-r);padding:12px 22px 11px;font:800 13px/1 var(--ff-cond);letter-spacing:.09em}
body .tr-cookie-btn--ghost:not(#pop){background:#fff;color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink)}
body .tr-cookie-btn--ghost:not(#pop):hover{background:var(--pop-peach);color:var(--pop-ink)}
body .tr-cookie-btn--solid:not(#pop){padding:12px 22px 11px;box-shadow:0 3px 0 var(--pop-ink)}

/* ───────────────────────── 18 · AVISO DE EDAD ───────────────────────── */
/* El aviso (la chapa de TR) lleva su propio CSS dentro de assets/js/age-gate.js: así sale igual en la web estática y en la tienda y no depende de esta hoja. */

/* ───────────────────────── 19 · CARRITO LATERAL ───────────────────────── */
body .tr-cart-panel:not(#pop){background:var(--pop-cream);border-left:3px solid var(--pop-ink);box-shadow:-10px 0 40px rgba(26,23,16,.25)}
body .tr-ch:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-bottom:3px solid var(--pop-ink);font:800 14px/1 var(--ff-cond);letter-spacing:.14em}
body .tr-cx:not(#pop){width:34px;height:34px;display:grid;place-items:center;background:#fff;color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:50%;box-shadow:0 2px 0 var(--pop-ink);font-size:15px;padding:0}
body .tr-cx:not(#pop):hover{background:var(--pop-peach);color:var(--pop-ink)}
body .tr-ci:not(#pop){background:var(--pop-cream)}
body .tr-ce:not(#pop){color:var(--pop-ink);font:500 12px/1.5 var(--ff-mono);letter-spacing:.06em;text-transform:uppercase}
body .tr-citem:not(#pop){border-bottom:2px dashed rgba(26,23,16,.22)}
body .tr-cimg:not(#pop){border:2px solid var(--pop-ink);border-radius:10px;background:#fff}
body .tr-cname:not(#pop){color:var(--pop-ink)}
body .tr-qbtn:not(#pop){width:28px;height:28px;border:2px solid var(--pop-ink);background:#fff;color:var(--pop-ink);font-weight:800}
body .tr-qbtn:not(#pop):hover{background:var(--pop-yellow)}
body .tr-qnum:not(#pop){font-family:var(--ff-mono);font-weight:500;color:var(--pop-ink)}
body .tr-cprice:not(#pop){font:500 13px/1 var(--ff-mono);color:var(--pop-ink)}
body .tr-cremove:not(#pop){color:var(--pop-ink);opacity:.55}
body .tr-cremove:not(#pop):hover{color:var(--pop-ink);opacity:1}
body .tr-cf:not(#pop){background:#fff;border-top:3px solid var(--pop-ink)}
body .tr-ct-row:not(#pop){color:rgba(26,23,16,.75);font-family:var(--ff-mono);font-size:12px;letter-spacing:.02em}
body .tr-ct-total:not(#pop){border-top:2px solid var(--pop-ink);color:var(--pop-ink)}
body .tr-ct-total strong:not(#pop){color:var(--pop-ink);font:800 24px/1 var(--ff-cond)}
body .tr-cok:not(#pop){display:flex;align-items:center;justify-content:center;background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);font:800 14px/1 var(--ff-cond);letter-spacing:.09em;padding:16px 20px 15px;transition:transform .12s ease,box-shadow .12s ease}
body .tr-cok:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}
body .tr-cc:not(#pop){color:var(--pop-ink);font:500 11.5px/1.2 var(--ff-mono);letter-spacing:.06em;text-transform:uppercase}
body .tr-free-bar-track:not(#pop){height:12px;border:2px solid var(--pop-ink);border-radius:99px;background:#fff}
body .tr-free-bar-fill:not(#pop){background:var(--pop-natural);border-radius:99px}
body .tr-free-bar p:not(#pop){font:500 11.5px/1.45 var(--ff-mono);color:rgba(26,23,16,.75)}
body .tr-free-bar p strong:not(#pop){color:var(--pop-ink)}
body .tr-free-ok:not(#pop){background:var(--pop-lime);border:2px solid var(--pop-ink);border-radius:var(--pop-r);color:var(--pop-ink);font:500 12px/1.45 var(--ff-mono);padding:10px 12px}
body .tr-cart-badge:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:1.5px solid var(--pop-ink);font-weight:800}

/* ───────────────────────── 20 · BUSCADOR ───────────────────────── */
body .search-overlay:not(#pop){background:var(--pop-cream) radial-gradient(rgba(26,23,16,.10) 1.3px,transparent 1.8px) 0 0/12px 12px}
body .search-close-btn:not(#pop){display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--pop-ink);opacity:1;background:#fff;border:2px solid var(--pop-ink);border-radius:50%;box-shadow:0 3px 0 var(--pop-ink)}
body .search-close-btn:not(#pop):hover{background:var(--pop-yellow)}
body .search-input-wrap:not(#pop){background:#fff;border:2px solid var(--pop-ink);border-radius:16px;padding:12px 18px;box-shadow:0 4px 0 var(--pop-ink);margin-bottom:12px}
body .search-input-wrap svg:not(#pop){stroke:var(--pop-ink)}
body .search-input:not(#pop){color:var(--pop-ink)}
body .search-input:not(#pop)::placeholder{color:rgba(26,23,16,.4)}
body .search-hint:not(#pop){font:500 11px/1.3 var(--ff-mono);letter-spacing:.12em;color:rgba(26,23,16,.65)}
body .search-result-item:not(#pop){background:#fff;border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 3px 0 var(--pop-ink);padding:12px 16px}
body .search-result-item:not(#pop):hover,body .search-result-item:not(#pop):focus{background:var(--pop-yellow);border-color:var(--pop-ink)}
body .search-result-nom:not(#pop){color:var(--pop-ink)}
body .search-result-meta:not(#pop){font-family:var(--ff-mono);color:rgba(26,23,16,.7)}
body .search-result-preu:not(#pop){color:var(--pop-ink);font-weight:800}
body .search-result-arr:not(#pop){color:var(--pop-ink);opacity:.5}
body .search-empty:not(#pop){font-family:var(--ff-mono);color:rgba(26,23,16,.55)}
body .search-result-dot:not(#pop){border:1.5px solid var(--pop-ink)}

/* ───────────────────────── 21 · SUMILLER IA Y CHAPA FLOTANTE ───────────────────────── */
body .ia-float-bubble-text:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);font-weight:800}
body .ia-float-bubble-text:not(#pop)::after{border-color:var(--pop-ink) transparent transparent transparent}
body .ia-float-bubble-text:not(#pop)::before{border-color:var(--pop-yellow) transparent transparent transparent}
body .som-panel:not(#pop){background:var(--pop-cream);border:3px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:0 8px 0 var(--pop-ink)}
body .som-header:not(#pop){background:var(--pop-yellow);border-bottom:3px solid var(--pop-ink)}
body .som-htitle:not(#pop){color:var(--pop-ink);font-weight:800}
body .som-hsub:not(#pop){color:rgba(26,23,16,.7);font-family:var(--ff-mono);font-weight:500;letter-spacing:.08em}
body .som-close:not(#pop){color:var(--pop-ink)}
body .som-avatar:not(#pop){border:2px solid var(--pop-ink);background:#fff}
body .som-msgs:not(#pop),body .som-chips:not(#pop){background:var(--pop-cream)}
body .som-msg--bot:not(#pop){background:#fff;border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .som-msg--user:not(#pop){background:var(--pop-peach);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .som-chip:not(#pop){border:2px solid var(--pop-ink);color:var(--pop-ink);font-family:var(--ff-mono);font-size:11px;box-shadow:0 2px 0 var(--pop-ink)}
body .som-chip:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);border-color:var(--pop-ink)}
body .som-foot:not(#pop){background:#fff;border-top:3px solid var(--pop-ink)}
body .som-input:not(#pop){border:2px solid var(--pop-ink);background:#fff;border-radius:14px}
body .som-input:not(#pop):focus{border-color:var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink)}
body .som-send:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .som-send:not(#pop):hover:not(:disabled){background:var(--pop-yellow)}

/* ───────────────────────── 22 · VENTANA DEL CUPÓN (lead magnet) ───────────────────────── */
body #tr-lm:not(#pop){background:rgba(26,23,16,.62)}
body .tr-lm-card:not(#pop){background:var(--pop-cream);border:3px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:0 8px 0 var(--pop-ink),0 30px 70px rgba(26,23,16,.4)}
body .tr-lm-close:not(#pop){display:grid;place-items:center;width:34px;height:34px;padding:0;top:12px;right:12px;background:#fff;color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:50%;box-shadow:0 2px 0 var(--pop-ink);font-size:14px}
body .tr-lm-close:not(#pop):hover{background:var(--pop-peach)}
body .tr-lm-eyebrow:not(#pop){display:inline-block;margin:0 0 14px;padding:6px 12px 5px;background:var(--pop-lime);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:999px;box-shadow:0 2px 0 var(--pop-ink);font:500 10.5px/1.2 var(--ff-mono);letter-spacing:.1em}
body .tr-lm-h:not(#pop){color:var(--pop-ink)}
body .tr-lm-sub:not(#pop){color:rgba(26,23,16,.8)}
body .tr-lm-email:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#fff;color:var(--pop-ink);font-weight:500;padding:13px 16px}
body .tr-lm-email:not(#pop):focus{border-color:var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink)}
body .tr-lm-btn:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);font-size:14px;padding:15px 20px 14px}
body .tr-lm-err:not(#pop){font-family:var(--ff-mono);color:#A5301F}
body .tr-lm-coupon:not(#pop){border:2px dashed var(--pop-ink);background:var(--pop-yellow);color:var(--pop-ink);border-radius:var(--pop-r)}
body .tr-lm-dl:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 3px 0 var(--pop-ink)}

/* ───────────────────────── 23 · HOME ───────────────────────── */
body .hero-claim:not(#pop){color:#1A3318;margin-bottom:20px}
body .hero-claim .accent:not(#pop){color:#1A3318;font-weight:600;background:linear-gradient(transparent 56%,var(--pop-yellow) 56% 90%,transparent 90%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body .hero h1 .accent:not(#pop){color:#1A3318}
body .hero-h1-seo:not(#pop){font:500 12px/1.4 var(--ff-mono);letter-spacing:.14em;color:var(--pop-ink)}
body :is(.s-novet .novet-tabs,.s-filo .filo-tabs):not(#pop){border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink)}

/* ───────────────────────── 24 · MÓVIL ───────────────────────── */
@media (max-width:640px){
  /* rejillas de vinos: 2 columnas con tarjeta compacta (también a 375-390 px, donde main.css las deja en una) */
  body .vins-grid:not(#pop){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  body .vins-grid .vi-card-nou:not(#pop){border-radius:12px}
  body .vins-grid .vi-card-nou-img:not(#pop){height:150px!important;padding:10px 6px 0}
  body .vins-grid .vi-card-nou-img img:not(#pop){height:auto;max-height:100%;max-width:100%}
  body .vins-grid .vi-cap:not(#pop){padding:9px 10px 5px}
  body .vins-grid .vi-nom-card:not(#pop){font-size:14px}
  body .vins-grid .vi-card-nou-any:not(#pop){font-size:12px}
  body .vins-grid .vi-loc:not(#pop){font-size:9.5px;letter-spacing:.06em}
  body .vins-grid .vi-preu:not(#pop){font-size:17px;padding:2px 10px 8px}
  body .vins-grid .vi-card-btn:not(#pop){margin:0 10px 12px;width:calc(100% - 20px);padding:10px 8px 9px;font-size:13px;border-radius:10px}
  body .vins-grid .vi-card-ship-micro:not(#pop){font-size:9.5px;padding:0 4px 8px;white-space:normal;line-height:1.15}
  body .vins-grid .vi-promo-tag:not(#pop){font-size:9px!important;letter-spacing:.03em!important;padding:2px 8px;margin:0 6px 4px!important;white-space:normal;line-height:1.25}
  body .vins-grid .vi-card-nou .prod-tags:not(#pop){top:8px;left:8px}
  body .vins-grid .vi-card-nou .prod-tag:not(#pop){font-size:9px;padding:2px 7px}
  body .tr-tab-agotado:not(#pop){font-size:10px;padding:5px 8px 4px}
}

/* ───────────────────────── 25 · CABECERA BASE (páginas sin la «clara»: fichas de variedad sencillas, valoraciones, EN/FR…) ───────────────────────── */
/* Mismo aspecto que la cabecera clara: crema, puntos en dos esquinas, filete de tinta, texto centrado, título en Playfair y etiqueta en píldora */
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop){position:relative;overflow:hidden;isolation:isolate;text-align:center;background:var(--pop-cream);border-bottom:2px solid var(--pop-ink);padding:clamp(96px,12svh,140px) 0 clamp(48px,7svh,88px)}
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop)>.container{position:relative;z-index:1}
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop)::before,body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop)::after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(36vw,440px);height:min(36vw,440px);background:radial-gradient(circle,rgba(26,23,16,.22) 1.5px,transparent 2px) 0 0/13px 13px}
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop)::before{left:-80px;bottom:-90px;-webkit-mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 35% 65%,#000 0,transparent 66%)}
body .page-hero:not(.page-hero--clara):not(.var-hero):not(#pop)::after{right:-80px;top:-90px;-webkit-mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%);mask-image:radial-gradient(circle at 65% 35%,#000 0,transparent 66%)}
body .page-hero:not(.page-hero--clara):not(.var-hero) .eyebrow:not(#pop){display:inline-block;margin:0 0 clamp(18px,2.4vw,26px);padding:9px 16px 8px;max-width:100%;border:2px solid var(--pop-ink);border-radius:999px;background:var(--pop-lime);box-shadow:0 3px 0 var(--pop-ink);color:var(--pop-ink);font:500 clamp(.7rem,1vw,.78rem)/1.25 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
body .page-hero:not(.page-hero--clara):not(.var-hero) .eyebrow:not(#pop)::before{display:none}
body .page-hero:not(.page-hero--clara):not(.var-hero) h1:not(#pop){max-width:20ch;margin:0 auto clamp(16px,2.2vw,26px);color:#1A3318;text-transform:none;text-wrap:balance;font:700 clamp(2.5rem,min(6.4vw,11svh),5.6rem)/1.04 var(--ff-display);letter-spacing:-.015em}
body .page-hero:not(.page-hero--clara):not(.var-hero) h1 em:not(#pop){font-style:italic;font-weight:600;font-size:1em;color:#1A3318;background:linear-gradient(transparent 56%,#F7DE86 56% 90%,transparent 90%);padding:0 .08em}
body .page-hero:not(.page-hero--clara):not(.var-hero) p:not(#pop){max-width:58ch;margin-left:auto;margin-right:auto;color:#3A372E;font-size:clamp(1.06rem,1.5vw,1.26rem);line-height:1.65}
/* en las fichas de variedad sencillas la línea de origen repite la etiqueta de arriba (comprobado en las 106 páginas): se oculta */
body .page-hero:not(.var-hero) .var-origin-hero:not(#pop){display:none}

/* ───────────────────────── 26 · ETIQUETAS DE SECCIÓN (píldoras) ───────────────────────── */
body :is(.recursos-hero .eyebrow,.section-label,.s-plataformes .eyebrow,.s-episodis .eyebrow,.provisional-eyebrow,.s-faq .eyebrow):not(#pop){display:inline-block;padding:8px 15px 7px;border:2px solid var(--pop-ink);border-radius:999px;box-shadow:0 3px 0 var(--pop-ink);background:var(--pop-lime);color:var(--pop-ink);font:500 .74rem/1.25 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
body .recursos-hero .eyebrow:not(#pop){background:var(--pop-lime);margin-bottom:22px}
body .section-label:not(#pop){background:var(--pop-yellow)}
body .s-plataformes .eyebrow:not(#pop){background:var(--pop-rosat)}
body .s-episodis .eyebrow:not(#pop){background:var(--pop-mi)}
body .provisional-eyebrow:not(#pop){background:var(--pop-peach)}
body .s-faq .eyebrow:not(#pop){background:var(--pop-peach)}
body .web-card-tag:not(#pop),body .llibre-tema:not(#pop){align-self:flex-start;display:inline-block;width:fit-content;padding:5px 11px 4px;border:1.5px solid var(--pop-ink);border-radius:999px;background:var(--pop-lime);color:var(--pop-ink);font:500 10.5px/1.25 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}
body :is(.web-card,.llibre-card):nth-child(4n+2) :is(.web-card-tag,.llibre-tema):not(#pop){background:var(--pop-peach)}
body :is(.web-card,.llibre-card):nth-child(4n+3) :is(.web-card-tag,.llibre-tema):not(#pop){background:var(--pop-mi)}
body :is(.web-card,.llibre-card):nth-child(4n) :is(.web-card-tag,.llibre-tema):not(#pop){background:#FFE08A}
body .web-card a:not(#pop){color:var(--pop-ink);text-decoration-thickness:2px;text-decoration-color:var(--pop-yellow)}
body .web-card h3:not(#pop),body .llibre-card h3:not(#pop){color:var(--pop-ink)}
body .filtre-chip:not(#pop),body .subfiltre-chip:not(#pop){border:2px solid var(--pop-ink);color:var(--pop-ink);font-weight:800;box-shadow:0 2px 0 var(--pop-ink)}

/* ───────────────────────── 27 · DIRECTORIO DE ESPACIOS ───────────────────────── */
body .sidebar:not(#pop){background:var(--pop-cream);border-right:2px solid var(--pop-ink)}
body .sidebar-label:not(#pop){font:500 10.5px/1.2 var(--ff-mono);letter-spacing:.14em;color:rgba(26,23,16,.7)}
body .filter-btn:not(#pop){border:2px solid transparent;border-radius:999px;padding:7px 12px;color:var(--pop-ink);font-weight:600}
body .filter-btn:not(#pop):hover{background:var(--pop-peach);color:var(--pop-ink);border-color:var(--pop-ink)}
body .filter-btn.active:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border-color:var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .filter-btn .count:not(#pop){font-family:var(--ff-mono);font-weight:500;opacity:.7}
body .grid-count:not(#pop){font:500 12px/1.3 var(--ff-mono);letter-spacing:.08em;color:rgba(26,23,16,.65)}
body .esp-search-input:not(#pop){border:2px solid var(--pop-ink);border-radius:999px;color:var(--pop-ink);padding:9px 14px 9px 36px}
body .esp-search-input:not(#pop):focus{border-color:var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink)}
body .mobile-filters:not(#pop){background:var(--pop-cream);border-bottom:2px solid var(--pop-ink)}
body .mobile-chip:not(#pop){border:2px solid var(--pop-ink);color:var(--pop-ink);box-shadow:0 2px 0 var(--pop-ink)}
body .mobile-chip.active:not(#pop){background:var(--pop-yellow);color:var(--pop-ink)}
body .nota-bar:not(#pop){background:var(--pop-lime);border-top:2px solid var(--pop-ink);border-bottom:2px solid var(--pop-ink);color:var(--pop-ink);font:500 12.5px/1.4 var(--ff-mono)}
body .nota-bar a:not(#pop){color:var(--pop-ink);text-decoration-thickness:2px}
body .espai-card:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:0 3px 0 var(--pop-ink);transition:transform .15s ease,box-shadow .15s ease}
body .espai-card:not(#pop):hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--pop-ink)}
body .espai-lloc:not(#pop){font-family:var(--ff-mono);font-weight:500;font-size:10.5px;letter-spacing:.06em}
body .tipus-badge:not(#pop){border:1.5px solid var(--pop-ink);border-radius:999px;padding:3px 9px 2px;font:500 9.5px/1.3 var(--ff-mono);letter-spacing:.08em;color:var(--pop-ink)}
body .tipus-bar:not(#pop){background:var(--pop-natural)}
body .tipus-restaurant:not(#pop){background:var(--pop-peach)}
body .tipus-taberna:not(#pop){background:#FFE08A}
body .tipus-botiga:not(#pop){background:var(--pop-rosat)}
body .tipus-enoteca:not(#pop){background:var(--pop-mi)}
body .espai-link:not(#pop){color:var(--pop-ink);font-family:var(--ff-mono);font-weight:500;opacity:1;text-decoration:underline;text-decoration-color:var(--pop-yellow);text-decoration-thickness:2px;text-underline-offset:3px}
/* banda final de packs */
body .s-nus-cta:not(#pop){background:var(--pop-peach);color:var(--pop-ink);border-top:2px solid var(--pop-ink)}
body .nus-cta-eyebrow:not(#pop){display:inline-block;padding:6px 13px 5px;border:2px solid var(--pop-ink);border-radius:999px;background:#fff;color:var(--pop-ink);font:500 10.5px/1.25 var(--ff-mono);letter-spacing:.1em;box-shadow:0 2px 0 var(--pop-ink)}
body .nus-cta-sub:not(#pop){opacity:1;color:rgba(26,23,16,.85)}
body .nus-cta-btn:not(#pop){display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--pop-ink);border-radius:var(--pop-r);box-shadow:var(--pop-shadow);font:800 14px/1 var(--ff-cond);letter-spacing:.09em;padding:15px 26px 14px;transition:transform .12s ease,box-shadow .12s ease}
body .nus-cta-btn--primary:not(#pop){background:var(--pop-yellow);color:var(--pop-ink)}
body .nus-cta-btn--ghost:not(#pop){background:#fff;color:var(--pop-ink)}
body .nus-cta-btn:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink);transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}
body .nus-pack-pill:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#fff;box-shadow:0 3px 0 var(--pop-ink)}
body .nus-pack-pill-preu:not(#pop){opacity:.75;font-family:var(--ff-mono)}

/* ───────────────────────── 28 · PODCAST ───────────────────────── */
body .plataforma-item:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg);box-shadow:var(--pop-shadow)}
body .plataforma-item:not(#pop):hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--pop-ink)}
body .plataforma-icon:not(#pop){border:2px solid var(--pop-ink);background:var(--pop-yellow)}
body .plataforma-estat:not(#pop){font:500 11px/1.3 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pop-ink)}
body .episodis-buit:not(#pop){border:2px dashed var(--pop-ink);border-radius:var(--pop-r-lg);background:#fff}
body .s-episodis div[style*="border-radius:12px"]:not(#pop){border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;background:#fff;box-shadow:0 3px 0 var(--pop-ink)}
body .s-episodis div[style*="border-radius:12px"] div[style*="text-transform:uppercase"]:not(#pop){font-family:var(--ff-mono)!important;letter-spacing:.06em!important;font-size:10.5px!important}

/* ───────────────────────── 29 · DISTRIBUCIÓN, VALORACIONES Y OTRAS PÁGINAS CON ESTILOS EN LÍNEA ───────────────────────── */
body .page-hero a[style*="background:#B8451E"]:not(#pop){display:inline-flex!important;align-items:center;justify-content:center;background:var(--pop-yellow)!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink);border-radius:var(--pop-r)!important;box-shadow:var(--pop-shadow);font:800 14px/1 var(--ff-cond)!important;letter-spacing:.09em!important;padding:15px 28px 14px!important}
body .page-hero a[style*="background:#B8451E"]:not(#pop):hover{transform:translateY(2px);box-shadow:0 2px 0 var(--pop-ink)}
body div[style*="border:1px solid #e2dbd2"][style*="border-radius:12px"]:not(#pop){border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;box-shadow:var(--pop-shadow)}
body div[style*="width:40px;height:40px;background:#1a1a1a"]:not(#pop){background:var(--pop-yellow)!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink);font-family:var(--ff-cond)}
body div[style*="display:none;padding:24px;background:#fff;border:1px solid #e2dbd2"]:not(#pop){border:2px solid var(--pop-ink)!important;border-radius:var(--pop-r)!important;box-shadow:var(--pop-shadow)}
body div[style*="border-radius:14px"][style*="background:rgba(26,51,24,.06)"]:not(#pop){border:2px solid var(--pop-ink);border-radius:var(--pop-r-lg)!important;background:var(--pop-lime)!important;box-shadow:var(--pop-shadow)}
body a[style*="background:#1A3318"][style*="border-radius:999px"]:not(#pop){background:var(--pop-yellow)!important;color:var(--pop-ink)!important;border:2px solid var(--pop-ink);border-radius:var(--pop-r)!important;box-shadow:0 3px 0 var(--pop-ink);font-family:var(--ff-cond);font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
body li[style*="justify-content:space-between"] a[href*="#reviews"]:not(#pop){display:inline-block;padding:5px 12px 4px;border:2px solid var(--pop-ink);border-radius:999px;background:#fff;color:var(--pop-ink);font:500 11px/1.3 var(--ff-mono)!important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 2px 0 var(--pop-ink)}
body li[style*="justify-content:space-between"] a[href*="#reviews"]:not(#pop):hover{background:var(--pop-yellow)}
body div[style*="margin-top:16px;padding:32px 28px;background:rgba(26,51,24,.04)"]:not(#pop){border:2px dashed var(--pop-ink)!important;border-radius:var(--pop-r-lg)!important;background:#fff!important}

/* ───────────────────────── 30 · CABECERA Y PIE «POP» (nav salmón, pie azul cielo) ───────────────────────── */
/* Cabecera: barra salmón (--pop-peach) con filete de tinta; enlaces con píldora amarilla al pasar; iconos amarillos con contorno de tinta.
   Pie: azul cielo (--pop-bombolles) con trama de puntos, títulos de columna en píldoras salmón, enlaces con subrayado marcador amarillo, redes en círculos amarillos. */
body header:not(#pop){background:var(--pop-peach);box-shadow:0 3px 0 var(--pop-ink)}
body header .logo-name:not(#pop){color:var(--pop-ink)}
body .nav-link:not(#pop), body .nav-link .arr:not(#pop){color:var(--pop-ink)}
body .lang-switcher:not(#pop), body .lang-switcher *:not(#pop){color:var(--pop-ink);opacity:1}
body .nav-toggle span:not(#pop){background:var(--pop-ink)}
body header :is(a,button,input,select,textarea):focus-visible:not(#pop), body footer :is(a,button,input,select,textarea):focus-visible:not(#pop){outline-color:var(--pop-ink)!important}
@media (min-width:961px){
  body .nav-link:not(#pop){position:relative;isolation:isolate}
  body .nav-link:not(#pop)::before{content:"";position:absolute;z-index:-1;left:4px;right:4px;top:50%;height:38px;margin-top:-19px;border-radius:999px;background:var(--pop-yellow);border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);opacity:0;transition:opacity .12s ease}
  body .nav-link:not(#pop):hover, body .nav-item:hover>.nav-link:not(#pop), body .nav-link:not(#pop):focus-visible{color:var(--pop-ink)!important;background:transparent}
  body .nav-link:not(#pop):hover::before, body .nav-item:hover>.nav-link:not(#pop)::before, body .nav-link:not(#pop):focus-visible::before{opacity:1}
}
@media (max-width:960px){
  body .main-nav.is-open:not(#pop), body .main-nav.open:not(#pop){background:var(--pop-peach);border-top:3px solid var(--pop-ink)}
  body .nav-item.mob-open .mega-drop:not(#pop){border-left:3px solid var(--pop-ink);box-shadow:none}
  body .nav-item.mob-open .mega-col h6:not(#pop){color:var(--pop-ink)}
  body .nav-item.mob-open .mega-col ul a:not(#pop){color:var(--pop-ink);opacity:1}
  body .mob-lang-row:not(#pop){border-top:2px solid var(--pop-ink)}
  body .mob-lang-row .btn-lang-item:not(#pop){color:var(--pop-ink);opacity:1}
  body .mob-lang-row .btn-lang-item.actiu:not(#pop){background:var(--pop-yellow);padding:6px 16px}
}
body .header-icon-btn:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
body .header-icon-btn:not(#pop):hover{background:var(--pop-lime);color:var(--pop-ink);transform:translateY(-2px);box-shadow:0 5px 0 var(--pop-ink)}
body .header-icon-btn:not(#pop):active{transform:translateY(3px);box-shadow:0 0 0 var(--pop-ink)}
body .header-icon-btn svg:not(#pop){stroke-width:1.9}
body .header-icon-btn .tr-cart-badge:not(#pop){border:2px solid var(--pop-ink);top:-7px;right:-7px;min-width:19px;height:19px}
body .btn-lang-item.actiu:not(#pop){background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:999px;padding:4px 12px;box-shadow:0 2px 0 var(--pop-ink)}
body > footer:not(#pop){background-color:var(--pop-bombolles);background-image:radial-gradient(rgba(26,23,16,.09) 1.5px,transparent 2px);background-size:20px 20px;color:var(--pop-ink);border-top:3px solid var(--pop-ink);box-shadow:none}
body > footer .logo-name:not(#pop), body > footer .footer-tagline:not(#pop), body > footer .footer-tagline *:not(#pop){color:var(--pop-ink)}
body > footer .footer-col h5:not(#pop){display:inline-block;font-family:var(--ff-mono);font-weight:500;font-size:11px;letter-spacing:.14em;color:var(--pop-ink);background:var(--pop-peach);border:2px solid var(--pop-ink);border-radius:999px;padding:6px 13px 5px;margin:0 0 20px;box-shadow:0 3px 0 var(--pop-ink)}
body > footer .footer-col h5:not(#pop):not(:first-child){margin-top:26px}
body > footer .footer-col ul a:not(#pop){display:inline-block;padding:0 5px;margin:0 -5px;border-radius:5px;color:var(--pop-ink);transition:background .12s ease}
body > footer .footer-col ul a:not(#pop):hover{background:var(--pop-yellow);color:var(--pop-ink)}
body > footer .footer-social a:not(#pop){width:38px;height:38px;justify-content:center;border-radius:50%;background:var(--pop-yellow);color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 3px 0 var(--pop-ink);opacity:1!important;transition:transform .12s ease,background .12s ease}
body > footer .footer-social a:not(#pop):hover{background:var(--pop-lime);transform:translateY(-2px)}
body > footer .footer-legal:not(#pop){border-top:3px solid var(--pop-ink);font-family:var(--ff-mono);font-size:11px;letter-spacing:.03em}

/* ── 31. Menús desplegables: marcador al pasar el ratón (como el pie), en rosa · 16-oct-2026 ── */
body .mega-col ul a:not(#pop){display:inline-block;padding:2px 7px;margin:-2px -7px;border-radius:6px;transition:background .12s ease,color .12s ease}
body .mega-col ul a:not(#pop):hover,body .mega-col ul a:not(#pop):focus-visible{background:#FFBFD3;color:var(--pop-ink);opacity:1}
body .mega-drop--apren .mega-col ul li a:not(#pop):hover{background:#FFBFD3!important;color:var(--pop-ink)!important}

/* ── 32. Desplegable Catálogo: sin títulos de grupo, solo la raya que separa · 16-oct-2026 ── */
body .mega-drop--cat .mega-col h6:not(#pop){font-size:0;line-height:0;height:0;padding:0;margin:14px 0;overflow:hidden;border-bottom:2px solid rgba(26,23,16,.15)}
body .mega-drop--cat .mega-col h6:first-child:not(#pop){display:none}

/* ── 33. Ficha de productor: respiro entre la raya de la cabecera y el cuadro de pestañas (se tocaban y parecía una doble línea) · 16-oct-2026 ── */
body .prod-hero + .prod-info-wrap:not(#pop){margin-top:36px}
@media (max-width:960px){body .prod-hero + .prod-info-wrap:not(#pop){margin-top:24px}}