.hb-h1:hover { color:var(--color-accent) }
.hb-b1::before { content:'';position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--color-accent) }
.hb-b2::before { content:'';position:absolute;left:-64px;top:50%;width:44px;height:1px;background:var(--color-accent) }
.hb-b3::before { content:'';position:absolute;left:0;top:11px;width:6px;height:1px;background:var(--color-accent) }
.hb-h2:hover { border-color:var(--color-accent-700) }
.hb-h3:hover { border-color:var(--color-accent) }
.hb-nav { color: color-mix(in srgb, var(--color-text) 72%, transparent) }
.hb-nav:hover, .hb-nav[aria-current="page"] { color: var(--color-accent) }
sc-if { display: contents }
sc-if[hidden] { display: none }
.hueco-imagen { background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: 8px }
.hb-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden }
.hb-error { margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; font-size: 13px; border: 1px solid var(--color-accent); background: color-mix(in srgb, var(--color-accent) 12%, transparent) }
.hb-error ul { margin: 6px 0 0; padding-left: 18px }