/* Selinger · tienda y blog (W1-B). Valores del mockup de Claude Design: Categoria, FichaModelo, FichaAccesorio, BlogIndice y BlogEntrada. */
.tb{--tb-pad:clamp(16px,4vw,56px);--tb-sec:min(clamp(64px,9vw,120px),max(40px,8vh));font-size:17px;line-height:1.6}
.tb-in{max-width:1360px;margin:0 auto}
.tb-sec{padding:var(--tb-sec) var(--tb-pad)}
.tb-ink{background:var(--ink);color:#fff}
.tb-bone{background:var(--bone)}
.tb-bone2{background:var(--bone-2)}
.tb-split{display:flex;flex-wrap:wrap;gap:36px 64px}
.tb-end{align-items:flex-end}
.tb-center{align-items:center}
.tb-l{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tb-l-faq{flex-basis:320px}
.tb-l-wide{flex:2 1 420px}
.tb-r{flex:2 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tb-r-faq{flex-basis:520px;gap:28px;align-self:flex-start}
.tb-half{flex:1 1 420px;min-width:0}
.tb-stack{display:flex;flex-direction:column;gap:22px}
.tb-stack-36{display:flex;flex-direction:column;gap:36px}
.tb-head{display:flex;flex-direction:column;gap:14px}
.tb-head-10{gap:10px}
.tb p,.tb h1,.tb h2,.tb h3,.tb ul,.tb ol,.tb figure{margin:0}
.tb-k{margin:0;font-size:12.2px;line-height:1.6;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.tb-ink .tb-k{color:var(--gold)}
.tb-h2{font-family:var(--f-d);font-weight:300;font-size:min(clamp(32px,4.6vw,54.4px),max(32px,6.2vh));line-height:1.08;letter-spacing:-.01em;text-wrap:wrap}
.tb h1 b,.tb h2 b,.tb-callout-h b{font-weight:800}
.tb-gold b{color:var(--gold)}
.tb-h3{font-family:var(--f-d);font-weight:800;font-size:24px;line-height:1.2}
.tb-lead{max-width:max(40.1em,62ch);font-size:19px;line-height:1.55;opacity:1;margin:0}
.tb-ink .tb-lead{opacity:.85}
.tb-small{font-size:14px;line-height:1.6}
.tb-note{font-size:14px}
.tb .pc{font-size:inherit}
.tb-btns{display:flex;flex-wrap:wrap;gap:12px}
.tb .tb-btn{display:inline-flex;align-items:center;min-height:0;padding:14px 26px;font:700 16px/1.6 var(--f-b);text-decoration:none;white-space:nowrap;border:0;border-radius:0;justify-content:flex-start;text-align:left}
.tb .tb-btn.btn-primary{background:var(--gold);color:var(--ink)}
.tb .tb-btn.btn-line{background:transparent;border:1px solid currentColor;padding:13px 26px;color:inherit}
.tb .tb-btn:hover{transform:none}
.tb-more{font-weight:700;color:inherit}
.tb-ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:14px;font-weight:700;background:var(--ink-2);color:#fff}
.tb-ia{position:absolute;right:8px;bottom:8px;font-size:10.5px;line-height:1.6;letter-spacing:.04em;background:rgba(18,18,17,.85);color:#fff;padding:2px 7px}
.tb .ico{flex:none;display:block;color:var(--gold-deep)}
.tb-ink .ico{color:var(--gold)}
/* Migas */
.tb .crumbs{margin:0;font-size:14px}
.tb .crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
.tb .crumbs li+li::before{content:"›";margin-right:10px;opacity:1}
.tb .crumbs a{opacity:1;text-decoration:underline;color:var(--ink)}
.tb .crumbs [aria-current]{color:var(--gold-deep);font-weight:700}
.tb-crumbrow{padding:22px var(--tb-pad) 0}
.tb-crumbs-dark .crumbs{opacity:.8}
.tb-crumbs-dark .crumbs ol{gap:4px}
.tb-crumbs-dark .crumbs li+li::before{margin-right:4px}
.tb-crumbs-dark .crumbs a{color:#fff;text-decoration:none}
.tb-crumbs-dark .crumbs [aria-current]{color:inherit;font-weight:400}
/* Tablas */
.tb-tw{overflow-x:auto}
.tb table{border-collapse:collapse;width:100%;text-align:left;font-size:16px}
.tb thead tr{border-bottom:2px solid var(--ink)}
.tb thead th{padding:12px 14px 12px 0;font-size:12.2px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;vertical-align:bottom}
.tb tbody tr{border-bottom:1px solid var(--rule);vertical-align:top}
.tb tbody td,.tb tbody th{padding:12px 14px 12px 0;text-align:left}
.tb tbody th{font-weight:700}
.tb-body td:last-child{font-weight:700}
.tb .wp-block-table{margin:0}
.tb .wp-block-table thead{border:0}
.tb .wp-block-table td,.tb .wp-block-table th{border:0}
/* ===== Categoría ===== */
.tb-cat-hero{padding:clamp(40px,5vw,72px) var(--tb-pad) clamp(48px,6vw,88px)}
.tb-cat-head{display:flex;flex-wrap:wrap;gap:28px 64px;align-items:flex-end}
.tb-cat-h{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px}
.tb-cat-l{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}
.tb-cat-l .tb-lead{max-width:max(36.2em,56ch);opacity:.85}
.tb-h1-cat{font-family:var(--f-d);font-weight:300;font-size:clamp(38px,6vw,73.6px);line-height:1.02;letter-spacing:-.02em;max-width:14ch;text-wrap:balance}
.tb-h1-cat b{color:var(--gold)}
.tb-prose{gap:18px}
.tb-prose p{max-width:max(43.9em,68ch)}
.tb-prose .tb-btns{margin-top:6px}
.tb-cat .tb-r.tb-prose{flex-basis:560px}
.tb-mcs{display:flex;flex-wrap:wrap;gap:18px}
.tb-mc{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--rule-dark);color:#fff;text-decoration:none}
.tb-mc-img{position:relative;display:block;height:440px}
.tb-mc-img img{display:block;width:100%;height:440px;object-fit:cover}
.tb-mc-b{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.tb-mc-t{font-family:var(--f-d);font-weight:800;font-size:30px;line-height:1.15}
.tb-mc-x{opacity:.85}
.tb-mc-p{font-size:14px;color:var(--gold);font-weight:700}
.tb-mc-m{margin-top:6px;font-weight:700;color:var(--gold)}
.tb-cmp{min-width:640px}
.tb-cmp thead th{padding:14px 16px;font:800 22px/1.6 var(--f-d);letter-spacing:0;text-transform:none;color:var(--ink)}
.tb-cmp thead th:first-child{padding-left:0}
.tb-cmp tbody td{padding:14px 16px}
.tb-cmp tbody th{padding:14px 16px 14px 0}
.tb-pick{min-width:520px}
.tb-pick tbody td{padding:14px 16px 14px 0}
.tb-pick tbody td:last-child{padding:14px 0;font-weight:700}
.tb-pick a{color:inherit;text-decoration:none}
.tb-pick tr:last-child a{text-decoration:underline}
.tb-points{display:flex;flex-direction:column;gap:14px}
.tb-pts{display:flex;flex-wrap:wrap;gap:0 36px}
.tb-pt{flex:1 1 260px;min-width:0;border-top:1px solid var(--rule);padding:16px 0 20px;display:flex;flex-direction:column;gap:8px}
.tb-band{padding:clamp(40px,5vw,64px) var(--tb-pad)}
.tb-band-in{display:flex;flex-wrap:wrap;gap:18px 64px;align-items:baseline}
.tb-band-l{font-size:19px}
.tb-band-l a{color:#fff;font-weight:700}
/* Preguntas */
.tb-faq{border-top:1px solid var(--rule)}
.tb .faq{display:block}
.tb .faq-i{border:0;border-bottom:1px solid var(--rule);padding:18px 0}
.tb .faq-i summary{font:800 20px/1.3 var(--f-d);cursor:pointer;padding:0;list-style:revert;display:list-item}
.tb .faq-i summary::after,.tb .faq-i summary::before{content:none;display:none}
.tb .faq-i summary h3,.tb .faq-i summary span{display:inline;margin:0;font:inherit}
.tb .faq-i p{margin:10px 0 0;max-width:max(43.9em,68ch);font-size:17px;padding:0;opacity:1}
/* ===== Fichas ===== */
.tb-prod-head{padding:clamp(28px,4vw,48px) var(--tb-pad) min(clamp(56px,7vw,96px),max(36px,7vh))}
.tb-acc .tb-prod-head{padding-bottom:var(--tb-sec)}
.tb-prod-in{display:flex;flex-wrap:wrap;gap:36px 64px;align-items:flex-start}
.tb-prod-in.tb-center{align-items:center}
.tb-gal{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}
.tb-gal-w{position:relative;display:block}
.tb-gal-w img{display:block;width:100%;height:auto}
.tb-gal-ph{min-height:420px}
.tb-thumbs{position:relative;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.tb-thumb{position:relative;flex:0 0 clamp(92px,22%,150px);min-width:0;height:104px;display:block;opacity:.72;outline:2px solid transparent;outline-offset:-2px;transition:opacity .15s}
.tb-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.tb-thumb:hover,.tb-thumb:focus-visible,.tb-thumb.is-on{opacity:1}
.tb-thumb.is-on{outline-color:var(--gold)}
.tb-thumb:focus-visible::after{content:"";position:absolute;inset:0;border:3px solid var(--gold);box-shadow:inset 0 0 0 2px #141412}
.tb-gal-w .tb-gal-nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(20,20,18,.72);color:#fff;cursor:pointer;z-index:2}
.tb-gal-w .tb-gal-nav:hover{background:rgba(20,20,18,.92);color:var(--gold)}
.tb-gal-w .tb-gal-ant{left:12px}
.tb-gal-w .tb-gal-sig{right:12px;transform:scaleX(-1)}
.tb-gal-w .tb-gal-n{position:absolute;right:12px;top:12px;padding:3px 9px;font-size:13px;font-weight:700;line-height:1.4;background:rgba(20,20,18,.72);color:#fff;z-index:2}
.tb-info{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
.tb-info .tb-lead{max-width:max(36.2em,56ch)}
.tb-h1-prod{font-family:var(--f-d);font-weight:300;font-size:clamp(34px,4.8vw,62px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.tb-specs{padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);list-style:none;display:flex;flex-direction:column;gap:6px}
.tb-price{display:flex;flex-direction:column;gap:4px}
.tb-price-n{font:800 34px/1.1 var(--f-d)}
.tb-price-iva{font:400 14px/1.5 var(--f-b);opacity:.78}
.sp-iva{display:block;margin-top:2px;font:400 14px/1.5 var(--f-b);opacity:.78}
.tb-mc .sp-iva,.tb-rel .sp-iva{color:#fff;opacity:.72}
.tb-cond{display:flex;flex-direction:column;gap:10px;padding:14px 0 0;border-top:1px solid var(--rule);font-size:14px;list-style:none}
.tb-cond li{display:flex;align-items:flex-start;gap:12px}
.tb-small a{color:inherit;text-decoration:none}
.tb-body .tb-leads,.tb-leads{display:flex;flex-direction:column;gap:14px}
.tb-leads p,.tb-plain p{max-width:max(40.1em,62ch);font-size:19px;line-height:1.55}
.tb-ink .tb-plain p+p,.tb-ink .tb-leads p{opacity:.85}
.tb-bone .tb-plain:not(.tb-iconrows){border-top:1px solid var(--ink);padding-top:18px}
.tb-bone2 .tb-plain .tb-quote{padding-left:18px;border-left:3px solid var(--gold-deep);font-size:17px;line-height:1.6}
.tb-quote a{color:inherit}
.tb-body figure img{display:block;width:100%;height:auto}
.tb-rows{border-top:1px solid var(--rule);list-style:none}
.tb-ink .tb-rows,.tb-ink .tb-rows li{border-color:var(--rule-dark)}
.tb-rows li{border-bottom:1px solid var(--rule);padding:16px 0;display:flex;align-items:flex-start;gap:14px}
.tb-rows .ico{margin-top:3px}
.tb-rows p{margin:0;min-width:0}
.tb-gap{flex:none;width:22px}
.tb-cards{display:flex;flex-wrap:wrap;gap:0 36px;align-content:flex-start}
.tb-card{flex:1 1 240px;min-width:0;border-top:1px solid var(--rule);padding:18px 0 22px}
.tb-ink .tb-card{border-color:var(--rule-dark)}
.tb-card h3{margin:0 0 6px;font:800 24px/1.2 var(--f-d)}
.tb-ink .tb-card p{opacity:.85}
.tb-body table{font-size:16px}
.tb-body thead th{padding:12px 14px 12px 0;color:inherit}
.tb-ink .tb-body thead tr{border-color:#fff}
.tb-ink .tb-body tbody tr{border-color:var(--rule-dark)}
.tb-acc .tb-body table{font-size:17px}
.tb-acc .tb-body thead th{color:var(--gold-deep);padding-right:16px}
.tb-acc .tb-body tbody td{padding-right:16px}
.tb-acc .tb-body td:first-child{font-weight:700}
.tb-acc .tb-body td:last-child{font-weight:400}
.tb-facts{display:flex;flex-wrap:wrap;gap:0 36px}
.tb-fact{flex:1 1 280px;min-width:0;border-top:1px solid var(--rule-dark);padding:18px 0 22px}
.tb-fact .ico{margin-bottom:10px}
.tb-fact h3{margin:0 0 6px;font:800 24px/1.2 var(--f-d);color:var(--gold)}
.tb-arrive{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 28px}
.tb-arrive li{flex:1 1 220px;min-width:0;border-top:2px solid var(--rule-dark);padding:16px 0 20px;display:flex;flex-direction:column;gap:8px}
.tb-arrive h3{font:700 19px/1.6 var(--f-b)}
.tb-arrive p{font-size:15px;opacity:.85}
.tb-catlinks{flex:1 1 320px;gap:0;border-top:1px solid var(--rule-dark)}
.tb-catlinks a{display:block;padding:18px 0;border-bottom:1px solid var(--rule-dark);color:#fff;font:800 24px/1.2 var(--f-d);text-decoration:none}
/* Accesorio */
.tb-acc-img{flex:1 1 380px;min-width:0;background:var(--bone-2);padding:clamp(20px,4vw,48px);display:flex;justify-content:center}
.tb-acc-img .tb-gal-w{width:100%;max-width:520px}
.tb-acc .tb-info{flex-basis:420px}
.tb-h1-acc{font-family:var(--f-d);font-weight:300;font-size:clamp(38px,5.2vw,64px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.tb-figs{display:flex;flex-wrap:wrap;gap:18px 36px;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.tb-figs div{display:flex;flex-direction:column}
.tb-figs b{font:800 28px/1.1 var(--f-d)}
.tb-figs span{font-size:14px}
.tb-price-a{font:800 28px/1.2 var(--f-d)}
.tb-price-a span{display:block;margin-top:2px;font:400 14px/1.5 var(--f-b);opacity:.78}
.tb-iconrows>div{display:flex;gap:14px;align-items:flex-start}
.tb-iconrows .ico{margin-top:6px}
.tb-iconrows p{max-width:max(40.1em,62ch);font-size:19px;line-height:1.55;opacity:.85}
.tb-otros{display:flex;flex-direction:column;gap:14px}
.tb-olist>div{border-top:1px solid var(--rule);padding:16px 0}
.tb-olist>div:last-child{border-bottom:1px solid var(--rule)}
.tb-olist h3{margin:0 0 4px;font:800 24px/1.2 var(--f-d)}
.tb-olist a{color:inherit;text-decoration:none}
.tb-otros .tb-btns{margin-top:10px}
.tb-ogrid{display:flex;flex-wrap:wrap;gap:10px}
.tb-of{flex:1 1 200px;min-width:0;margin:0}
.tb-of-1{flex-basis:100%}
.tb-of-i{position:relative;display:block;height:160px}
.tb-of-1 .tb-of-i{height:320px}
.tb-of-i img{display:block;width:100%;height:100%;object-fit:cover}
.tb-of-i.tb-ph{display:flex;background:var(--bone-2);border:1px solid var(--rule);color:inherit;font-weight:400}
.tb-of figcaption{font-size:14px;padding-top:6px}
/* ===== Índice del blog ===== */
.tb-bhero{padding:22px var(--tb-pad) clamp(40px,6vw,80px)}
.tb-bhero-in{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.tb-bhero .crumbs{opacity:1}
.tb-bhero-t{display:flex;flex-direction:column;gap:16px}
.tb-bhero .tb-lead{max-width:max(38.8em,60ch);opacity:1}
.tb-h1-blog{font-family:var(--f-d);font-weight:300;font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.02em;max-width:20ch;text-wrap:balance}
.tb-h1-blog b{color:var(--gold)}
.tb-topics{padding:clamp(24px,3vw,36px) var(--tb-pad);border-bottom:1px solid var(--rule)}
.tb-topics .tb-in{display:flex;flex-direction:column;gap:14px}
.tb-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.tb-chips a{display:block;font-size:15px;font-weight:700;line-height:1.6;color:var(--ink);border:1px solid var(--ink);padding:9px 20px;text-decoration:none}
.tb-chips a[aria-current]{background:var(--ink);color:#fff}
.tb-feat{padding:clamp(40px,6vw,80px) var(--tb-pad) 0}
.tb-feat-in{display:flex;flex-wrap:wrap;gap:32px 64px;align-items:center}
.tb-feat-img{position:relative;flex:1 1 360px;min-width:0;display:block}
.tb-feat-img img{display:block;width:100%;max-height:480px;object-fit:cover}
.tb-feat-t{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.tb-feat-t .tb-lead{max-width:max(36.2em,56ch)}
.tb-feat-t .tb-btns{margin-top:6px}
.tb-h2-feat{font-family:var(--f-d);font-weight:300;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.01em;max-width:20ch;text-wrap:wrap}
.tb-latest{padding:clamp(48px,7vw,96px) var(--tb-pad) clamp(32px,4vw,48px)}
.tb-latest-in{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.tb-pcs{display:flex;flex-wrap:wrap;gap:28px}
.tb-pc{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.tb-pc-light{background:#fff;border:1px solid var(--rule)}
.tb-pc-img{position:relative;display:block;height:200px;overflow:hidden;background:var(--ink)}
.tb-pc-img img{display:block;width:100%;height:100%;object-fit:cover}
.tb-pc-b{flex:1;padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px}
.tb-pc-t{font:800 21px/1.25 var(--f-d)}
.tb-pc-x{font-size:15.5px}
.tb-pc-m{margin-top:auto;padding-top:6px;font-weight:700;font-size:15px}
.tb-pcs-dark{gap:0 36px}
.tb-pc-dark{color:#fff;padding:0 0 26px;gap:10px}
.tb-pc-dark .tb-pc-img{height:190px;margin-bottom:6px}
.tb-pc-dark .tb-pc-b{padding:0;gap:10px}
.tb-pc-dark .tb-k{color:var(--gold)}
.tb-pc-dark .tb-pc-t{font-size:24px;line-height:1.2}
.tb-pc-dark .tb-pc-x{font-size:15px;opacity:.85}
.tb-pc-dark .tb-pc-m{margin-top:0;padding-top:0;font-size:17px;color:var(--gold)}
.tb-pag{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.tb-pag .page-numbers{display:inline-block;font-size:16px;font-weight:700;line-height:1.6;color:var(--ink);border:1px solid var(--ink);min-width:44px;padding:9px 14px;text-align:center;text-decoration:none}
.tb-pag .current{background:var(--ink);color:#fff}
.tb-pag .dots{border-color:transparent}
.tb-ink .tb-pag .page-numbers{color:#fff;border-color:#fff;background:transparent}
.tb-ink .tb-pag .current{background:#fff;color:var(--ink)}
/* ===== Entrada ===== */
.tb-phero{padding:clamp(36px,5vw,64px) var(--tb-pad);margin-top:22px}
.tb-phero-in{display:flex;flex-wrap:wrap;gap:32px 64px;align-items:center}
.tb-phero-t{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.tb-h1-post{font-family:var(--f-d);font-weight:300;font-size:clamp(34px,4.8vw,58px);line-height:1.06;letter-spacing:-.02em;max-width:20ch;text-wrap:balance}
.tb-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
.tb-phero-w{position:relative;flex:1 1 360px;min-width:0;display:block}
.tb-phero-w img{display:block;width:100%;max-height:380px;object-fit:cover}
.tb-pbody{padding:clamp(40px,6vw,80px) var(--tb-pad) min(clamp(56px,7vw,96px),max(36px,7vh))}
.tb-pbody-in{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:flex-start}
.tb-pmain{flex:3 1 560px;min-width:0;display:flex;flex-direction:column;gap:40px}
.tb-summary{max-width:max(43.9em,68ch);background:#fff;border-left:4px solid var(--gold-deep);padding:22px 26px;display:flex;flex-direction:column;gap:8px}
.tb-summary p+p{font-size:19px;line-height:1.55}
.tb-toc-in{max-width:max(43.9em,68ch);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0}
.tb-toc-in summary{padding:8px 0;font-size:12.2px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);cursor:pointer;list-style:revert;display:list-item}
.tb-toc-in summary::after,.tb-toc-in summary::before{content:none;display:none}
.tb .tb-toc-in ol{margin:4px 0 8px;padding-left:22px;list-style:decimal;display:flex;flex-direction:column;gap:4px}
.tb-toc-in a,.tb-toc a{color:var(--ink)}
.tb-grp{display:flex;flex-direction:column;gap:14px}
.tb-grp>*{margin:0}
.tb-grp h2{font-family:var(--f-d);font-weight:300;font-size:clamp(28px,3.6vw,42px);line-height:1.1;letter-spacing:-.01em;scroll-margin-top:112px;text-wrap:balance}
.tb-grp h3{margin:8px 0 0;font:700 19px/1.6 var(--f-b)}
.tb-grp p,.tb-grp ul,.tb-grp ol{max-width:max(43.9em,68ch)}
.tb-grp ul{padding-left:22px;list-style:disc}
.tb-grp ol{padding-left:22px;list-style:decimal}
.tb-grp a{font-weight:700}
.tb-grp figure:not(.wp-block-table){margin:4px 0;max-width:max(43.9em,68ch);display:flex;flex-direction:column;gap:8px}
.tb-grp figure img{display:block;width:100%;height:auto}
.tb-grp figcaption{font-size:14px;opacity:.75;margin:0;text-align:left}
.tb-grp .wp-block-table{overflow-x:auto}
.tb-grp table{min-width:520px}
.tb-grp thead th{color:inherit}
.tb-grp thead th+th,.tb-grp tbody td{padding-left:14px}
.tb-grp tbody td:last-child,.tb-grp thead th:last-child{padding-right:0}
.tb-grp blockquote{border-left:3px solid var(--gold-deep);padding-left:18px}
.tb-callout{border:1px solid var(--ink);padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.tb-callout-t{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.tb-callout-t p:last-child{max-width:max(36.2em,56ch)}
.tb-callout-h{font-family:var(--f-d);font-weight:300;font-size:clamp(24px,3vw,32px);line-height:1.15}
.tb-pside{flex:1 1 300px;min-width:0;max-width:100%;position:sticky;top:112px;align-self:flex-start;display:flex;flex-direction:column;gap:28px}
.tb-toc{display:flex;flex-direction:column;gap:10px}
.tb-toc ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.tb-toc li{border-bottom:1px solid var(--rule)}
.tb-toc a{display:block;padding:10px 0;font-size:15px;text-decoration:none}
.tb-rel{display:flex;flex-direction:column}
.tb-rel-img{position:relative;display:block;height:200px}
.tb-rel-img img{display:block;width:100%;height:200px;object-fit:cover}
.tb-rel-b{padding:22px;display:flex;flex-direction:column;gap:10px}
.tb-rel-t{font:800 24px/1.2 var(--f-d)}
.tb-rel-x{font-size:15px;opacity:.85}
.tb-rel-p{font:800 22px/1.6 var(--f-d);color:var(--gold)}
.tb-rel-b a{color:#fff;font-weight:700;text-decoration:underline}
.tb-post .tb-sec[aria-labelledby="preguntas"]{padding:min(clamp(56px,8vw,104px),max(36px,7vh)) var(--tb-pad)}
.tb-post .tb-sec[aria-labelledby="preguntas"] h2{scroll-margin-top:112px}
.tb-more-sec{padding:min(clamp(56px,8vw,104px),max(36px,7vh)) var(--tb-pad)}
@media (max-width:899px){.tb-pside{position:static}}
@media (prefers-reduced-motion:reduce){.tb *{transition:none!important}}
/* Ronda 3 (W1-A): entrada como BlogEntrada.dc.html */
.tb-post .crumbs [aria-current]{color:var(--ink);font-weight:400}
.tb-summary{box-sizing:content-box}
.tb-phero-w img{height:380px}
.tb-grp>p:empty,.tb-grp>br{display:none}
/* Ronda 3 (W1-A): fichas como FichaModelo/FichaAccesorio.dc.html */
.tb-icos{flex:none;display:flex;flex-direction:column;gap:6px;margin-top:3px}
.tb-icos .ico{margin:0}
.tb-tdi{display:inline-flex;align-items:center;gap:10px}
.tb-tdi .ico{color:var(--gold-deep)}
.tb-acc-img{box-sizing:content-box}
.tb-ficha:not(.tb-acc) .tb-r.tb-tbl,.tb-ficha:not(.tb-acc) .tb-r.tb-plain{flex-basis:520px}
.tb-pack{max-width:max(40.1em,62ch);font-size:19px;line-height:1.55;opacity:.85;margin:0}
/* Ronda 4 (W1-A) */
.tb-grp.entry-content::after{display:none}
.tb-ficha .tb-body tbody tr,.tb-post .tb-grp tbody tr{vertical-align:middle}
/* Encargo 21, 1h: galería de las fichas de accesorio (columna con la foto principal y hasta 3 miniaturas) */
.tb-acc-col{width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px}.tb-acc-col .tb-gal-w{max-width:none}
/* Encargo 23, punto 4 (12/10/2026): cabecera de las fichas de modelo (p. ej. /productos/malena/), que no cabía en una pantalla a 1440×900.
   Solo desde 960 px de ancho, según el alto de la ventana; en móvil no cambia nada. «hm-cabe» es la clase gancho de product-modelo.php (las fichas de accesorio no cambian).
   Menos relleno vertical; la foto principal (vertical) cede alto con la ventana, recortada con cover y anclada arriba (se ve la campana y la parrilla), y las miniaturas más bajas.
   Los textos no se tocan. */
@media(min-width:960px){
.tb-prod-head.hm-cabe{padding-top:min(clamp(28px,4vw,48px),max(16px,2.2vh));padding-bottom:min(clamp(56px,7vw,96px),max(20px,2.4vh))}
.tb-prod-head.hm-cabe .tb-gal-w img.tb-gal-main{max-height:max(calc(100vh - 285px),420px);object-fit:cover;object-position:50% 22%}
.tb-prod-head.hm-cabe .tb-thumb{height:min(104px,max(84px,12vh))}
}
/* Encargo 25, revisión de diseño (W7-E, 13/10/2026). Rejillas de fichas y de entradas con la última fila sin estirar (auto-fit: con 2 o 3 elementos siguen ocupando la fila); precios y enlaces de las fichas alineados abajo;
   galería y botón de archivo de WordPress en la entrada; relleno superior de portada del blog, últimas entradas y cuerpo de la entrada en la escala (--tb-sec); tabla comparativa con columnas iguales. Sin textos. */
.tb-mcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.tb-latest .tb-pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
/* fb1101 (01/11/2026), punto 31: auto-fill en lugar de auto-fit. Con auto-fit las columnas vacías se plegaban y una ficha sola (o dos o tres) se estiraba a todo el ancho; con auto-fill cada ficha mide lo mismo que si hubiera una fila completa (4 por fila a 1528 px). */
.tb-mc-b>.tb-mc-p{margin-top:auto}
.tb-grp figure.wp-block-gallery{flex-direction:row;gap:var(--wp--style--unstable-gallery-gap,16px)}
.tb-grp .wp-block-file__button{border-radius:0;background:var(--ink);color:var(--white);font:700 15px/1.4 var(--f-b);padding:12px 20px}
.tb-feat,.tb-latest,.tb-pbody{padding-top:var(--tb-sec)}
.tb-cmp{table-layout:fixed;width:100%}
.tb-cmp thead th:first-child{width:18%}
/* fb1101, maqueta 1 (01/11/2026), puntos 29 a 31. Categorías y /productos/: cabecera compacta (migas, kicker, H1 y botones juntos, sin el aire de antes), los modelos justo debajo y visibles en la primera pantalla
   (1528×732 y móvil), la descripción de la categoría tras los modelos y, solo en /productos/, dos entradas con foto (barbacoas y accesorios). Sin textos nuevos. */
.tb-cat .tb-cat-hero{padding:clamp(14px,1.6vw,24px) var(--tb-pad) clamp(14px,1.4vw,20px)}
.tb-cat .tb-cat-hero .tb-stack{gap:10px}
.tb-cat .tb-cat-head{gap:12px 40px;align-items:flex-end}
.tb-cat .tb-cat-h{flex:2 1 460px;gap:4px}
.tb-cat .tb-cat-l{flex:1 1 360px;gap:12px}
.tb-cat .tb-cat-l .tb-lead{font-size:16.5px;line-height:1.5}
.tb-cat .tb-cat-hero .tb-h1-cat{font-size:min(clamp(32px,4.2vw,56px),max(32px,6.2vh));max-width:none}
.tb-cat .tb-models{padding-top:clamp(14px,1.4vw,20px);padding-bottom:clamp(40px,5vw,72px)}
.tb-cat .tb-models .tb-stack-36{gap:clamp(14px,1.8vw,22px)}
.tb-cat .tb-models .tb-head{gap:4px}
.tb-cat .tb-models .tb-h2{font-size:min(clamp(28px,3.4vw,44px),max(28px,5.2vh))}
.tb-cat .tb-models .tb-lead{font-size:17px;line-height:1.5}
.tb-cat .tb-mc-img,.tb-cat .tb-mc-img img{height:clamp(200px,32vh,440px)}
@media(max-width:639px){.tb-cat .tb-cat-hero .tb-btns{gap:10px}.tb-cat .tb-cat-hero .tb-btn{padding:10px 14px;font-size:15px}}
@media(min-width:960px){
.tb-cat .tb-models .tb-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:48px;align-items:end}
.tb-cat .tb-models .tb-head>.tb-k,.tb-cat .tb-models .tb-head>.tb-h2{grid-column:1}
.tb-cat .tb-models .tb-head>.tb-lead{grid-column:2;grid-row:1/3;align-self:end;margin-bottom:6px}
}
/* Entradas de /productos/: barbacoas y accesorios, con foto y enlace a su bloque. Dos columnas también en móvil (foto arriba, nombre debajo). */
.tb-ents{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.tb-ent{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--ink-2);border:1px solid var(--rule-dark);color:#fff;text-decoration:none}
.tb-ent img{display:block;width:100%;height:84px;object-fit:cover}
.tb-ent-t{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font:800 21px/1.2 var(--f-d)}
.tb-ent-t::after{content:"";flex:none;width:9px;height:9px;margin-top:-5px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg)}
.tb-ent:hover,.tb-ent:focus-visible{border-color:var(--gold)}
@media(min-width:640px){
.tb-ents{gap:16px}
.tb-ent{flex-direction:row;height:clamp(80px,11.5vh,112px)}
.tb-ent img{width:34%;height:100%}
.tb-ent-t{flex:1;padding:0 22px;font-size:clamp(22px,2.2vw,30px)}
}
/* Tienda local (04/11/2026). Tarjeta por tipo de venta (tienda / por encargo / idea a medida): etiqueta sobre la foto, precio y botón abajo, del mismo ancho y alto en los tres tipos.
   El enlace del título cubre la tarjeta; el botón de WhatsApp o de «Quiero una parecida» va por encima. Sin textos nuevos aquí. */
.tb-mc{position:relative}
.tb-mc-tag{position:absolute;top:12px;left:12px;z-index:1;pointer-events:none;background:var(--ink);color:var(--gold);border:1px solid var(--gold);font:700 12.2px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px}
.tb-mc-t a{color:inherit;text-decoration:none}
.tb-mc-t a::after{content:"";position:absolute;inset:0}
.tb-mc:hover,.tb-mc:focus-within{border-color:var(--gold)}
.tb-mc-x{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;min-height:4.5em}
.tb-mc-p{min-height:2.9em}
.tb-mc-m{display:block;margin-top:6px;padding:12px 14px;text-align:center;border:1px solid var(--gold);font-size:16px;line-height:1.3;text-decoration:none}
.tb-mc-b>.tb-mc-x+.tb-mc-m{margin-top:auto}
a.tb-mc-m{position:relative;z-index:1}
a.tb-mc-m:hover,a.tb-mc-m:focus-visible{background:var(--gold);color:var(--ink)}
.tb-cruz .tb-more{color:var(--gold)}
/* Repaso 09/11/2026 (F2). Sin textos nuevos aquí.
   A2: el rótulo de «referencia a medida» baja a tamaño de entradilla; A21: migas y etiqueta sin símbolo suelto al saltar de línea; A7/A8: venta cruzada a todo el ancho y descripciones completas;
   A17: pocas tarjetas, centradas; A20: «Precio a consultar» como texto; A22: datos clave en 2 columnas en móvil; A23: temas del blog en una fila deslizable; E17: flecha de «Ver tienda». */
.tb-price-n.tb-idea-t{font-size:clamp(20px,2.2vw,24px);line-height:1.25}
.tb-idea-t+.tb-small{font-size:16px}
.tb-k-a{white-space:nowrap}
.tb-ficha .crumbs li,.tb-cat .crumbs li{display:flex;align-items:baseline;min-width:0}
.tb-ficha .crumbs li+li::before,.tb-cat .crumbs li+li::before{flex:none}
.tb-cruz .tb-mc-x{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0}
@media(min-width:900px){.tb-cruz .tb-mcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tb-mc-x{-webkit-line-clamp:5}
.tb-mcs-few{display:flex;flex-wrap:wrap;justify-content:center}
.tb-mcs-few>.tb-mc{flex:0 1 min(100%,340px)}
.tb-mc-p-n{color:#fff;opacity:.8;font-weight:400}
@media(max-width:639px){
.tb-figs{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}

}
.tb-ent-t-go::after{transform:rotate(-45deg)}
/* A23 (solo filtros) y E18 (etiqueta sin saltar de línea): temas del blog en una fila deslizable en móvil; etiqueta de tarjeta más apretada. */
@media(max-width:639px){
.tb-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.tb-chips li{flex:none}
.tb-chips a{white-space:nowrap}
}
.tb-pc-b>.tb-k{letter-spacing:.06em;white-space:nowrap}