/* Glosario de variedades (repertorio complementario) – ver glosario-varietats.js */
body .notes-grid:not(#pop):not(#pop2){display:block;max-width:1240px;margin:0 auto}
.gl-bar{max-width:1240px;margin:26px auto 22px}
.gl-search{display:block;width:100%;max-width:640px;height:56px;padding:0 22px;border:1.5px solid #1A1710;border-radius:16px;background:#fff;color:#1A1710;font:500 17px/1 var(--ff-body,inherit)}
.gl-search:focus{outline:3px solid #FFC72C;outline-offset:2px}
.gl-chips,.gl-az{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gl-chip{height:44px;padding:0 18px;border:1.5px solid #1A1710;border-radius:999px;background:#fff;color:#1A1710;font:700 15px/1 var(--ff-tit,sans-serif);cursor:pointer}
.gl-chip span{opacity:.55;font-weight:500;margin-left:4px}
.gl-chip.on{background:#1A1710;color:#fff}
.gl-az-b{min-width:44px;height:44px;padding:0 10px;border:1.5px solid #1A1710;border-radius:10px;background:#fff;color:#1A1710;font:800 16px/1 var(--ff-tit,sans-serif);cursor:pointer}
.gl-az-b.on{background:#1A1710;color:#fff}
.gl-az-b:disabled{opacity:.3;cursor:default;border-color:rgba(26,23,16,.4)}
.gl-count{margin:18px 0 0;padding-top:14px;border-top:1.5px solid rgba(26,23,16,.25);font:500 13px/1 var(--ff-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:rgba(26,23,16,.7)}
.gl-letra{margin:26px 0 12px;font:800 1.6rem/1 var(--ff-tit,sans-serif);color:rgba(26,23,16,.55)}
body .note-item:not(#pop):not(#pop2){position:relative;display:block;margin:0 0 12px;padding:18px 64px 18px 24px;border:1.5px solid #1A1710;border-radius:16px;background:#fff;box-shadow:none;cursor:pointer;transition:box-shadow .15s,transform .15s}
body .note-item:not(#pop):not(#pop2):hover{box-shadow:0 4px 0 rgba(26,23,16,.15)}
body .note-item:not(#pop):not(#pop2)::after{content:"+";position:absolute;right:22px;top:16px;width:32px;height:32px;border:1.5px solid #1A1710;border-radius:50%;font:800 20px/29px var(--ff-tit,sans-serif);text-align:center;color:#1A1710}
body .note-item.gl-abierto:not(#pop):not(#pop2)::after{content:"–"}
body .note-item .note-nom:not(#pop):not(#pop2){margin:0 0 4px;font-size:clamp(1.2rem,1.8vw,1.5rem)}
body .note-item .note-origen:not(#pop):not(#pop2){display:block;margin:0 0 8px}
body .note-item .note-text:not(#pop):not(#pop2){margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:none}
body .note-item.gl-abierto .note-text:not(#pop):not(#pop2){-webkit-line-clamp:unset;display:block;overflow:visible}
.note-item.gl-oculto,.gl-letra.gl-oculto{display:none!important}
.gl-vacio{padding:24px 0;font-weight:600}
@media(max-width:560px){.gl-search{height:50px}.gl-az-b{min-width:40px;height:40px}body .note-item:not(#pop):not(#pop2){padding:16px 56px 16px 18px}}

/* ── carácter TR: contornos gruesos, sombra dura, cápsulas de color (como Quiénes somos y packs) ── */
.gl-search{border:2px solid #1A1710;border-radius:999px;box-shadow:0 4px 0 #1A1710;padding:0 26px;font-weight:600}
.gl-search::placeholder{color:rgba(26,23,16,.55)}
.gl-chip{border:2px solid #1A1710;box-shadow:0 3px 0 #1A1710;font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}
.gl-chip::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #1A1710;background:#fff;flex:none}
.gl-chip[data-k=blanc]::before{background:#F7DE86}
.gl-chip[data-k=negre]::before{background:#D9705E}
.gl-chip[data-k=rosat]::before{background:#F4B6AA}
.gl-chip:not([data-k]):first-child::before,.gl-chip[data-k=""]::before{background:#FFC72C}
.gl-chip.on{background:#FFC72C;color:#1A1710;transform:translateY(2px);box-shadow:0 1px 0 #1A1710}
.gl-az{gap:8px}
.gl-az-b{border:2px solid #1A1710;border-radius:12px;box-shadow:0 3px 0 #1A1710;font-weight:800}
.gl-az-b:hover:not(:disabled){transform:translateY(-1px)}
.gl-az-b.on{background:#FFC72C;color:#1A1710;transform:translateY(2px);box-shadow:0 1px 0 #1A1710}
.gl-az-b:disabled{box-shadow:none;border-style:dashed}
.gl-count{border-top:2px dashed rgba(26,23,16,.35)}
.gl-letra{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:30px 0 14px;border:2px solid #1A1710;border-radius:50%;background:#B7D39C;box-shadow:0 3px 0 #1A1710;color:#1A1710;font:800 1.5rem/1 var(--ff-tit,sans-serif)}
body .note-item:not(#pop):not(#pop2){border:2px solid #1A1710;border-radius:18px;box-shadow:0 4px 0 #1A1710;border-left-width:12px;border-left-color:#1A1710}
body .note-item[data-color=blanc]:not(#pop):not(#pop2){border-left-color:#F7DE86}
body .note-item[data-color=negre]:not(#pop):not(#pop2){border-left-color:#D9705E}
body .note-item[data-color=rosat]:not(#pop):not(#pop2){border-left-color:#F4B6AA}
body .note-item:not(#pop):not(#pop2):hover{transform:translateY(-2px);box-shadow:0 6px 0 #1A1710}
body .note-item:not(#pop):not(#pop2)::after{border:2px solid #1A1710;background:#FFC72C;box-shadow:0 2px 0 #1A1710;line-height:27px}
body .note-item .note-origen:not(#pop):not(#pop2){display:inline-block;padding:4px 12px 3px;border:2px solid #1A1710;border-radius:999px;background:#FFF8EC;font:500 11.5px/1.3 var(--ff-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#1A1710}
body .notes-grid:not(#pop):not(#pop2){display:block!important;grid-template-columns:none!important}
body .notes-grid>.note-item:not(#pop):not(#pop2){width:auto!important;max-width:none!important;min-height:0!important;height:auto!important}
body .notes-grid:not(#pop):not(#pop2){columns:auto!important;column-width:auto!important;column-count:1!important;column-gap:0!important}