/* ── Sub-barra catálogo ── */
  .cat-subbar{
    position:sticky;top:var(--header-h, 96px);z-index:40;
    transition:top .35s cubic-bezier(.2,.7,.2,1);
    background:rgba(241,236,228,.96);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
    padding:10px 32px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  .cat-subbar-label{
    font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);
  }
  .cat-subbar-label strong{
    color:var(--ink);font-weight:700;font-family:var(--sans);letter-spacing:.02em;
  }
  .btn-dl{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--ink);padding:7px 14px;
    font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
    background:var(--ink);color:var(--paper);
    transition:background .2s,color .2s;white-space:nowrap;
  }
  .btn-dl:hover{background:transparent;color:var(--ink)}
  .btn-dl svg{width:11px;height:11px;flex-shrink:0}
  @media(max-width:600px){
    .cat-subbar{padding:8px 18px}
    .cat-subbar-label{display:none}
  }

  /* ── Layout ── */
  .layout{display:grid;grid-template-columns:220px 1fr;align-items:start}
  @media(max-width:900px){.layout{grid-template-columns:1fr}}

  /* ── Sidebar ── */
  .sidebar{
    position:sticky;top:var(--header-h, 96px);
    height:calc(100vh - var(--header-h, 96px));
    overflow-y:auto;overflow-x:hidden;
    border-right:1px solid var(--line);
    padding:32px 0;
  }
  .sidebar::-webkit-scrollbar{width:3px}
  .sidebar::-webkit-scrollbar-thumb{background:var(--line)}
  .sidebar-title{
    font-family:var(--mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--ink-mute);padding:0 24px 16px;
  }
  .sidebar nav{display:flex;flex-direction:column}
  .sidebar nav a{
    font-family:var(--sans);font-size:13px;font-weight:400;color:var(--ink-soft);
    padding:9px 24px;border-left:2px solid transparent;
    transition:color .2s,border-color .2s,background .2s;line-height:1.3;
  }
  .sidebar nav a:hover{color:var(--ink);background:var(--paper-2)}
  .sidebar nav a.active{color:var(--ink);border-left-color:var(--ink);background:var(--paper-2);font-weight:500}
  .sidebar nav a .cnt{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--ink-mute);margin-left:6px}
  .sidebar-sep{height:1px;background:var(--line-soft);margin:10px 24px}

  /* ── Mobile section tabs ── */
  .cat-tabs{
    display:none;overflow-x:auto;white-space:nowrap;padding:0 18px;
    border-bottom:1px solid var(--line);background:var(--paper);scrollbar-width:none;
  }
  .cat-tabs::-webkit-scrollbar{display:none}
  .cat-tabs a{
    display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-mute);padding:13px 14px 11px;border-bottom:2px solid transparent;
    transition:color .2s,border-color .2s;white-space:nowrap;
  }
  .cat-tabs a.active{color:var(--ink);border-bottom-color:var(--ink)}
  @media(max-width:900px){
    .sidebar{display:none}
    .cat-tabs{display:block}
  }

  /* ── Contenido principal ── */
  .main{padding:0 48px 80px;max-width:780px}
  @media(max-width:900px){.main{padding:0 22px 60px;max-width:100%}}

  /* ── Encabezado de página ── */
  .page-header{padding:48px 0 36px;border-bottom:1px solid var(--line);margin-bottom:0}
  .page-header .eyebrow{
    font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--ink-mute);display:flex;align-items:center;gap:12px;margin-bottom:14px;
  }
  .page-header .eyebrow::before{content:"";width:20px;height:1px;background:var(--ink);opacity:.5}
  .page-header h1{
    font-family:var(--sans);font-weight:700;
    font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.025em;
    color:var(--ink);margin-bottom:12px;
  }
  .page-header h1 em{font-style:italic;font-weight:400}
  .page-header p{font-size:14px;color:var(--ink-mute);font-weight:400;max-width:52ch;line-height:1.6}

  /* ── Secciones ── */
  .cat-section{padding:48px 0;border-bottom:1px solid var(--line-soft)}
  .cat-section:last-child{border-bottom:none}
  .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
  .section-head h2{font-family:var(--sans);font-weight:700;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;color:var(--ink)}
  .section-head .count{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}
  .section-rule{height:1px;background:var(--line);margin-bottom:28px}

  /* ── Subsecciones ── */
  .subsection{margin-bottom:28px}
  .subsection-label{
    font-family:var(--mono);font-size:16px;letter-spacing:.24em;text-transform:uppercase;
    color:var(--ink-soft);margin-bottom:12px;display:flex;align-items:center;gap:10px;
  }
  .subsection-label::after{content:"";flex:1;height:1px;background:var(--line-soft)}

  /* ── Lista de productos ── */
  .product-list{list-style:none;display:flex;flex-direction:column;gap:0}
  .product-list li{
    font-family:var(--sans);font-size:14px;font-weight:400;color:var(--ink-soft);
    padding:7px 0 7px 16px;border-bottom:1px solid var(--line-soft);
    position:relative;line-height:1.35;
    display:flex;align-items:center;justify-content:flex-start;gap:8px;
    transition:color .15s,background .15s;
  }
  .product-list li:last-child{border-bottom:none}
  .product-list li::before{content:"–";position:absolute;left:0;color:var(--ink-mute);font-weight:400}
  .product-list li:hover{color:var(--ink);background:var(--paper-2)}
  .elegida-badge{
    font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-mute);border:1px solid var(--line);padding:2px 5px;
    white-space:nowrap;flex-shrink:0;
  }
  .consultar-link{
    font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink-mute);white-space:nowrap;flex-shrink:0;margin-left:auto;
    opacity:0;transition:opacity .2s;padding:3px 6px;border:1px solid transparent;
  }
  .product-list li:hover .consultar-link{opacity:1}
  .consultar-link:hover{color:var(--ink);border-color:var(--line)!important}

  /* ── Las Elegidas ── */
  .elegidas-note{
    font-family:var(--sans);font-style:italic;font-size:13px;font-weight:400;
    color:var(--ink-mute);margin-top:8px;margin-bottom:28px;
    padding-left:16px;border-left:2px solid var(--line);
  }
  .elegidas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:12px}
  @media(max-width:600px){.elegidas-grid{grid-template-columns:1fr;gap:16px}}
  .elegida-card{display:flex;flex-direction:column;color:inherit}
  .elegida-card:hover img{opacity:.9}
  .elegidas-lede{font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.7;color:var(--ink-soft);max-width:52ch;margin-bottom:28px}
  .elegida-card .elegida-cta{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
  a.elegida-badge{transition:color .15s,border-color .15s}
  a.elegida-badge:hover{color:var(--ink);border-color:var(--ink)}
  .elegida-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:saturate(.85)}
  .elegida-card .elegida-body{padding:14px 0 0}
  .elegida-card .elegida-proc{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}
  .elegida-card .elegida-nombre{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--ink);margin-bottom:6px;line-height:1.3}
  .elegida-card .elegida-tagline{font-family:var(--sans);font-style:italic;font-size:13px;font-weight:400;color:var(--ink-mute);margin-bottom:10px;line-height:1.4}
  .elegida-card .elegida-vinos{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--ink-soft);line-height:1.6;border-top:1px solid var(--line-soft);padding-top:10px;margin-top:4px}
  .elegida-badge{display:inline-block;font-family:var(--mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);padding:3px 8px;color:var(--ink-mute);margin-bottom:16px}