.hsb-section{padding-top:var(--space-8)}.hsb{--hsb-ink: var(--text-primary);--hsb-title: var(--color-primary-ink);position:relative}.hsb-icon{flex:none;display:inline-block;vertical-align:middle}.hsb-h2{margin-top:0}.hsb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border:2px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);line-height:1.2;cursor:pointer;text-decoration:none;box-shadow:0 3px #00000038;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.hsb-btn:hover{transform:translateY(-2px);box-shadow:0 5px #00000038;text-decoration:none;color:#fff}.hsb-btn:active{transform:translateY(1px);box-shadow:0 1px #00000038}.hsb-btn--ghost{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.hsb-btn--ghost:hover{color:var(--text-primary);border-color:var(--color-accent)}.hsb-btn--dice{background:var(--color-secondary);border-color:var(--color-secondary-dark);color:#141a26}.hsb-btn--dice:hover{color:#141a26}.hsb-btn--dice:hover svg{transform:rotate(-18deg)}.hsb-btn--dice svg{transition:transform .2s ease}.hsb-btn--big{font-size:var(--text-base);padding:var(--space-3) var(--space-6);background:var(--color-secondary);border-color:var(--color-secondary);color:#141a26}.hsb-btn--big:hover{color:#141a26}.hsb-hero-cta{margin-top:var(--space-6)}.hsb-linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--text-link);text-decoration:underline;cursor:pointer}.hsb-btn:focus-visible,.hsb-chip:focus-visible,.hsb-choice:focus-visible,.hsb-dot:focus-visible,.hsb-linkbtn:focus-visible,.hsb-card__title a:focus-visible,.hsb-check input:focus-visible,.hsb input:focus-visible,.hsb textarea:focus-visible,.hsb-editor input:focus-visible,.hsb-wizard input:focus-visible,.hsb-wizard textarea:focus-visible,.hsb-editor textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.hsb-step h2:focus{outline:none}.hsb-step h2:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.hsb-filters{display:grid;gap:var(--space-4);padding:var(--space-5);border:2px solid var(--border-light);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm)}.hsb-search label,.hsb-field label{display:block;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.hsb-search input,.hsb-field input,.hsb-share input,.hsb-textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-page);color:var(--text-primary);font:inherit;font-size:var(--text-base)}.hsb-search input{border-radius:var(--radius-full);padding-left:var(--space-5)}.hsb-textarea{line-height:1.55;resize:vertical}.hsb-facet__title{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--text-secondary);margin-bottom:var(--space-2)}.hsb-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hsb-chips--sm{margin-top:var(--space-2)}.hsb-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:38px;padding:var(--space-1) var(--space-4);border:2px dashed var(--border-dark);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease}.hsb-chip:nth-child(3n+1){transform:rotate(-1.2deg)}.hsb-chip:nth-child(3n+2){transform:rotate(.9deg)}.hsb-chip:hover{transform:rotate(0) scale(1.05)}.hsb-chip[aria-pressed=true]{border-style:solid;border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:2px 2px 0 var(--color-secondary)}.hsb-chip--medio{border-style:solid;border-color:var(--m)}.hsb-chip--medio .hsb-icon{color:var(--text-primary)}.hsb-chip--medio[aria-pressed=true]{background:var(--m);border-color:var(--m);color:var(--m-ink);box-shadow:2px 2px 0 var(--text-primary)}.hsb-chip--medio[aria-pressed=true] .hsb-icon{color:var(--m-ink)}.hsb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.hsb-count{margin:0 auto 0 0;font-size:var(--text-lg);color:var(--text-primary)}.hsb-count strong{font-family:var(--font-heading);font-size:var(--text-2xl)}.hsb-surprise{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center;padding:var(--space-5);margin-bottom:var(--space-6);border:3px solid var(--m);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:6px 6px 0 var(--m);animation:hsb-pop .35s cubic-bezier(.34,1.56,.64,1)}.hsb-surprise__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-lg);background:var(--m);color:var(--m-ink);transform:rotate(-6deg)}.hsb-surprise__kicker{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--text-secondary)}.hsb-surprise__title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--hsb-title);text-wrap:balance}.hsb-surprise__sum{margin:var(--space-1) 0 0;color:var(--text-secondary)}.hsb-surprise__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2)}@keyframes hsb-pop{0%{opacity:0;transform:scale(.92) rotate(-1deg)}to{opacity:1;transform:none}}.hsb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:var(--space-6)}.hsb-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:2px solid var(--border-light);border-top:10px solid var(--m);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:5px 5px 0 var(--m);transition:transform .15s ease,box-shadow .15s ease}.hsb-card:hover,.hsb-card:focus-within{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 var(--m)}.hsb-card.is-selected{outline:3px solid var(--color-secondary);outline-offset:3px}.hsb-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.hsb-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--m);color:var(--m-ink);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hsb-badge--lg{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.hsb-check{position:relative;z-index:2;display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);background:var(--surface-page);cursor:pointer}.hsb-check input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.hsb-card.is-selected .hsb-check{border-color:var(--color-secondary);color:var(--text-primary)}.hsb-card__title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);line-height:1.2;text-wrap:balance}.hsb-card__title a{color:var(--hsb-title);text-decoration:none}.hsb-card__title a:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}.hsb-card__title a:hover,.hsb-card__title a:focus{text-decoration:none}.hsb-card__sum{margin:0;color:var(--text-secondary);line-height:1.5;text-wrap:pretty}.hsb-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.hsb-tag{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-parchment);color:var(--text-primary);font-size:var(--text-xs);font-weight:600;border:1px solid var(--border-light)}.hsb-tag--ref{background:transparent;border-style:dashed;border-color:var(--border-dark);font-style:italic}.hsb-meta{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.hsb-meta__lvl{display:inline-flex;align-items:center;gap:3px}.hsb-meta__lvl i{display:inline-block;width:9px;height:9px;border-radius:50%;border:2px solid var(--text-secondary)}.hsb-meta__lvl i.on{background:var(--text-secondary)}.hsb-meta__lvl i:last-of-type{margin-right:var(--space-1)}.hsb-empty{text-align:center;padding:var(--space-10) var(--space-4);border:3px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-secondary)}.hsb-empty__big{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2)}.hsb-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:2px solid var(--color-secondary);border-radius:var(--radius-xl);background:var(--surface-card);color:var(--text-primary)}.hsb-banner p{margin:0}.hsb-note{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.hsb-selbar{position:sticky;bottom:var(--space-3);z-index:5;margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border:2px solid var(--color-primary);border-radius:var(--radius-xl);background:var(--surface-elevated);box-shadow:var(--shadow-lg)}.hsb-selbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.hsb-selbar__row p{margin:0 auto 0 0;color:var(--text-primary)}.hsb-share{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.hsb-share label{font-weight:700;color:var(--text-primary)}.hsb-share__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.hsb-crumb{margin:0 0 var(--space-3);font-weight:700}.hsb-crumb a{color:#e6eef7;text-decoration:none}.hsb-crumb a:before{content:"← "}.hsb-crumb a:hover{color:var(--color-secondary)}.hsb-item-hero{border-bottom:10px solid var(--m)}.hsb-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);color:#e6eef7;font-weight:600;margin-top:var(--space-4)}.hsb-tags--hero .hsb-tag{background:#ffffff24;border-color:#ffffff4d;color:#fff}.hsb-hero--short{padding-bottom:var(--space-8)}.hsb-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-6);align-items:start;margin-top:var(--space-4)}.hsb-editor__fields{display:grid;gap:var(--space-5)}.hsb-editor__preview{position:sticky;top:calc(var(--space-20) + var(--space-2));padding:var(--space-5);border:2px solid var(--border-light);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:5px 5px 0 var(--color-accent)}.hsb-live{font-size:var(--text-lg);line-height:1.7;color:var(--text-primary);white-space:pre-wrap;margin:0 0 var(--space-3)}.hsb-slot{background:#d4a84347;color:inherit;padding:1px 5px;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-secondary);font-weight:600}.hsb-slot.is-empty{background:transparent;border-bottom-style:dashed;font-weight:400;font-style:italic;color:var(--text-secondary)}.hsb-tool{margin-top:var(--space-6);color:var(--text-secondary)}.hsb-item-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-8)}.hsb-howto{padding-left:0;list-style:none;counter-reset:hsb;display:grid;gap:var(--space-3)}.hsb-howto li{counter-increment:hsb;position:relative;padding-left:3rem;line-height:1.6;min-height:2.2rem}.hsb-howto li:before{content:counter(hsb);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:var(--color-secondary);color:#141a26;font-weight:800;transform:rotate(-6deg)}.hsb-criterios{list-style:none;padding:0;display:grid;gap:var(--space-2)}.hsb-criterios li{position:relative;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface-card)}.hsb-criterios li:before{content:"";position:absolute;left:var(--space-4);top:1rem;width:14px;height:14px;border:2px solid var(--color-accent);border-radius:4px}.hsb-resguardo{margin-top:var(--space-8);padding:var(--space-4) var(--space-5);border-left:6px solid var(--color-secondary);border-radius:var(--radius-md);background:var(--surface-card)}.hsb-resguardo p{margin:var(--space-1) 0 0}.hsb-back{margin-top:var(--space-8)}.hsb-wizard{max-width:860px;margin:0 auto}.hsb-dots{list-style:none;display:flex;justify-content:center;gap:var(--space-3);padding:0;margin:0 0 var(--space-6)}.hsb-dot{width:16px;height:16px;min-width:16px;padding:0;border-radius:50%;border:2px solid var(--border-dark);background:var(--surface-page);cursor:pointer;transition:transform .15s ease,background .15s ease,width .2s ease}.hsb-dot.is-done{background:var(--color-accent);border-color:var(--color-accent)}.hsb-dot.is-current{width:40px;border-radius:var(--radius-full);background:var(--color-secondary);border-color:var(--color-secondary-dark)}.hsb-dots li{display:flex;align-items:center}.hsb-step{padding:var(--space-8) var(--space-6);border:2px solid var(--border-light);border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:6px 6px 0 var(--color-secondary)}.hsb-step__count{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--text-secondary)}.hsb-step h2{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.3rem);color:var(--text-primary);margin:var(--space-1) 0 var(--space-2);text-wrap:balance}.hsb-step__help{color:var(--text-secondary);margin:0 0 var(--space-6)}.hsb-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.hsb-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:76px;padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-page);color:var(--text-primary);font:inherit;font-weight:700;font-size:var(--text-base);text-align:center;cursor:pointer;box-shadow:0 4px 0 var(--border-default);transition:transform .12s ease,box-shadow .12s ease}.hsb-choice:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--border-default)}.hsb-choice[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--color-secondary)}.hsb-choice--medio{min-height:110px;border-color:var(--m);box-shadow:0 5px 0 var(--m)}.hsb-choice--medio .hsb-icon{width:34px;height:34px;padding:6px;border-radius:var(--radius-md);background:var(--m);color:var(--m-ink);box-sizing:content-box}.hsb-choice--medio:hover{box-shadow:0 8px 0 var(--m)}.hsb-choice--medio[aria-pressed=true]{background:var(--m);color:var(--m-ink);border-color:var(--m);box-shadow:0 5px 0 var(--text-primary)}.hsb-field{margin-bottom:var(--space-4)}.hsb-step__nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.hsb-step__nav .hsb-btn:last-child{margin-left:auto}.hsb-helpers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.hsb-helper{padding:var(--space-4);border:2px dashed var(--border-dark);border-radius:var(--radius-lg);background:var(--surface-page)}.hsb-helper h3,.hsb-check-q h3{font-size:var(--text-base);margin:0 0 var(--space-2);color:var(--text-primary)}.hsb-pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.55;max-height:12rem;overflow:auto;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-code);color:var(--color-code-text);margin:0 0 var(--space-2)}.hsb-check-q{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-xl);border:3px solid var(--color-accent);background:var(--surface-page)}.hsb-check-q p{color:var(--text-primary)}[data-theme=dark] .hsb{--hsb-title: var(--text-primary)}[data-theme=dark] .hsb-surprise__title{color:var(--text-primary)}[data-theme=dark] .hsb-btn{border-color:var(--color-primary-lighter)}[data-theme=dark] .hsb-btn--ghost{border-color:var(--border-dark)}[data-theme=dark] .hsb-chip[aria-pressed=true],[data-theme=dark] .hsb-choice[aria-pressed=true]:not(.hsb-choice--medio){background:var(--color-primary-lighter);border-color:var(--color-primary-lighter)}[data-theme=dark] .hsb-slot{background:#d4a84338}@media(max-width:760px){.hsb-editor{grid-template-columns:1fr}.hsb-editor__preview{position:static}}@media(max-width:480px){.hsb-filters{padding:var(--space-4)}.hsb-step{padding:var(--space-6) var(--space-4)}.hsb-card{padding:var(--space-4)}.hsb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hsb-surprise{grid-template-columns:1fr}.hsb-btn{padding:var(--space-2) var(--space-4)}}@media(prefers-reduced-motion:reduce){.hsb-btn,.hsb-chip,.hsb-card,.hsb-choice,.hsb-dot,.hsb-btn--dice svg{transition:none}.hsb-btn:hover,.hsb-card:hover,.hsb-card:focus-within,.hsb-choice:hover,.hsb-chip:hover,.hsb-chip:nth-child(n){transform:none}.hsb-btn--dice:hover svg{transform:none}.hsb-surprise{animation:none}}.hsb-modo{margin-bottom:var(--space-6)}.hsb-modo__h{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.3rem);color:var(--text-primary);margin:0 0 var(--space-4);text-wrap:balance}.hsb-modo__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.hsb-modo__choice{min-height:150px;align-items:flex-start;text-align:left;justify-content:flex-start}.hsb-modo__b{font-family:var(--font-heading);font-size:1.35rem}.hsb-modo__s{font-weight:500;font-size:var(--text-sm);line-height:1.45}.hsb-modo.is-chosen .hsb-modo__h{font-size:1.15rem;margin-bottom:var(--space-3)}.hsb-modo.is-chosen .hsb-modo__choice{min-height:0;padding:var(--space-3) var(--space-4)}.hsb-modo.is-chosen .hsb-modo__s{display:none}.hsb-modo.is-chosen .hsb-modo__b{font-size:1.05rem}.hsb-modo.is-chosen .hsb-modo__choice svg{width:22px;height:22px}.hsb-step--estudio h2:focus{outline:none}.hsb-queEs{max-width:70ch}.hsb-modo.is-chosen .hsb-modo__choice{flex-direction:row;align-items:center}.hsb-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}