.hubh{gap:var(--spacing-gap-stack-sm);justify-items:start;display:grid}.hubh-title{margin:0}.hubh-lead{text-wrap:pretty;max-width:46ch;margin:0}@media (width>=1024px){.hubh{align-items:center;column-gap:var(--rhythm-3);grid-template-columns:auto minmax(0,1fr)}.hubh-lead{padding-left:var(--rhythm-3);border-left:1px solid var(--color-hair)}}.hubc{min-width:0;box-shadow:var(--shadow-mock-soft);transition:border-color var(--duration-normal) var(--ease-smooth);flex-direction:column;flex:1;display:flex}.hubc-cover{aspect-ratio:16/9;border-bottom:1px solid var(--color-line);background-color:var(--color-canvas);position:relative;overflow:hidden}.hubc-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hubc-body{gap:var(--spacing-gap-stack-sm);padding:var(--pad-card);flex-direction:column;flex:1;display:flex;container-type:inline-size}.hubc-cat{align-items:center;gap:var(--spacing-gap-10);color:var(--color-ink);font-size:var(--step-sm);font-weight:var(--font-weight-semibold);margin:0;line-height:1.3;display:flex}.hubc-disc{width:2.5rem;transition:background-color var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth)}.hubc-disc>.icon{transition:transform var(--duration-slow) var(--ease-smooth)}.hubc-title{max-width:34ch;margin:var(--spacing-gap-4) 0 0;color:var(--color-ink);font-size:var(--step-2);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;text-wrap:balance;line-height:1.25}.hubc-link{color:inherit;text-decoration:none}.hubc-link:after{z-index:1;border-radius:inherit;content:"";position:absolute;inset:0}.hubc-link:focus-visible{outline:3px solid var(--color-ring);outline-offset:4px;border-radius:var(--radius-xs)}.hubc-excerpt{max-width:62ch;color:var(--color-fg-muted);font-size:var(--step-0);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.hubc-meta{align-items:center;gap:var(--spacing-gap-tight) var(--spacing-gap-10);padding-top:var(--spacing-gap-stack-sm);border-top:1px solid var(--color-line);color:var(--color-fg-muted);font-size:var(--step-sm);white-space:nowrap;flex-wrap:wrap;margin:auto 0 0;line-height:1.4;display:flex}.hubc-date-short{display:none}.hubc-min{align-items:center;gap:var(--spacing-gap-10);display:inline-flex}time+.hubc-min:before{content:"";background-color:currentColor;border-radius:50%;width:3px;height:3px}.hubc-read{align-items:center;gap:var(--spacing-gap-stack-xs);color:var(--color-ink);font-weight:var(--font-weight-semibold);text-underline-offset:5px;transition:text-decoration-color var(--duration-normal) var(--ease-smooth);margin-left:auto;text-decoration:underline 2px #0000;display:inline-flex}.hubc-read>.icon{width:1.1em;height:1.1em;transition:transform var(--duration-normal) var(--ease-smooth)}.hubc:hover,.hubc:focus-within{border-color:var(--color-line-strong)}.hubc:hover .hubc-disc,.hubc:focus-within .hubc-disc{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-on-accent)}.hubc:hover .hubc-read,.hubc:focus-within .hubc-read{text-decoration-color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.hubc:focus-within .hubc-disc>.icon{transform:rotate(-8deg)scale(1.08)}.hubc:focus-within .hubc-read>.icon{transform:translate(3px)}@media (hover:hover) and (pointer:fine){.hubc:hover .hubc-disc>.icon{transform:rotate(-8deg)scale(1.08)}.hubc:hover .hubc-read>.icon{transform:translate(3px)}}}@media (prefers-reduced-motion:reduce){.hubc,.hubc-disc,.hubc-read{transition:none}}@container (width<420px){.hubc-date-long{display:none}.hubc-date-short{display:inline}}@container (width<290px){.hubc-read-text{display:none}}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured .hubc-title{max-width:30ch;font-size:var(--step-3);letter-spacing:var(--tracking-h2);line-height:1.15}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured .hubc-excerpt{max-width:56ch;color:var(--color-fg);font-size:var(--step-1);line-height:1.5;display:block;overflow:visible}@media (width>=1024px){.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured:not(.has-cover) .hubc-body{align-items:start;gap:var(--spacing-gap-stack-md) var(--rhythm-4);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:clamp(28px,3vw,48px);display:grid}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured:not(.has-cover) .hubc-cat,.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured:not(.has-cover) .hubc-meta{grid-column:1/-1}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured:not(.has-cover) .hubc-title{max-width:none;margin:0}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured.has-cover{flex-direction:row}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured.has-cover .hubc-cover{aspect-ratio:auto;border-right:1px solid var(--color-line);border-bottom:0;flex:0 0 50%;min-height:20rem}}@media (width<720px){.hubc-disc{width:2.25rem}.hubc-excerpt,.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured .hubc-excerpt{font-size:var(--step-0);-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;overflow:hidden}.hubl:not(:has(.hubi-filtro:checked)) .hubc.is-featured .hubc-title{font-size:calc(var(--step-2) * 1.2);line-height:1.2}}.hubg{gap:var(--spacing-gap-cards-sm);margin:0;padding:0;list-style:none;display:grid}.hubg-item{min-width:0;display:flex}.hubg:has(.has-cover)>.hubg-item{align-self:start}@media (width>=720px){.hubg{grid-template-columns:repeat(2,minmax(0,1fr))}.hubl:not(:has(.hubi-filtro:checked)) .hubg-item.is-featured{grid-column:1/-1}}@media (width>=1800px){.hubg.is-tres{grid-template-columns:repeat(3,minmax(0,1fr))}}.hubg-empty{align-items:center;gap:var(--spacing-gap-stack-sm);padding:var(--pad-card);box-shadow:none;background-color:#0000;border-style:dashed;display:flex}.hubg-empty-disc{width:2.75rem}.hubg-empty>p{margin:0}.hubg-item{--k:0}@media (width>=720px){.hubg>.hubg-item:nth-child(2n){--k:1}.hubg.has-featured>.hubg-item:nth-child(2n){--k:0}.hubg.has-featured>.hubg-item:nth-child(odd):not(.is-featured){--k:1}}@media (width>=1800px){.hubg.is-tres>.hubg-item:nth-child(3n+1){--k:0}.hubg.is-tres>.hubg-item:nth-child(3n+2){--k:1}.hubg.is-tres>.hubg-item:nth-child(3n){--k:2}.hubg.is-tres.has-featured>.hubg-item:nth-child(3n+2){--k:0}.hubg.is-tres.has-featured>.hubg-item:nth-child(3n){--k:1}.hubg.is-tres.has-featured>.hubg-item:nth-child(3n+1):not(.is-featured){--k:2}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hubg-item{animation:linear both hubg-in view();animation-range:entry calc(var(--k) * 8%) entry calc(40% + var(--k) * 8%);view-timeline:--hubg-item block}.hubg-item .hubc-disc{transform-origin:50%;animation:linear both hubg-disc --hubg-item;animation-range:entry calc(12% + var(--k) * 8%) entry calc(52% + var(--k) * 8%)}}}@keyframes hubg-in{0%{opacity:0;transform:translateY(1.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes hubg-disc{0%{opacity:0;transform:scale(.6)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hubi{min-width:0;border:0;min-inline-size:0;margin:0;padding:0}.hubi-list{gap:var(--spacing-gap-stack-sm) var(--spacing-gap-tight);padding-bottom:var(--spacing-gap-tight);flex-wrap:wrap;display:flex}.hubi-item{cursor:pointer;flex:none;position:relative}.hubi-radio{z-index:1;cursor:pointer;opacity:0;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.hubi-chip{align-items:center;gap:var(--spacing-gap-10);border:1px solid var(--color-line);border-radius:var(--radius-pill);background-color:var(--color-card);min-height:44px;color:var(--color-fg);font-size:var(--step-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:border-color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth);padding:4px 18px 4px 4px;line-height:1.2;display:inline-flex;position:relative}.hubi-disc{width:34px;transition:border-color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth)}.hubi-chip>.hubi-disc>.icon{width:52%;height:52%}.hubi-item:hover>.hubi-chip{border-color:var(--color-line-strong)}.hubi-item:hover>.hubi-chip>.hubi-disc{border-color:var(--color-accent)}.hubi-radio:checked+.hubi-chip{border-color:var(--color-ink);background-color:var(--color-ink);color:var(--color-canvas);font-weight:var(--font-weight-semibold)}.hubi-radio:checked+.hubi-chip>.hubi-disc{border-color:var(--color-canvas);background-color:var(--color-card);color:var(--color-ink)}.hubi-radio:checked+.hubi-chip:after{border-radius:var(--radius-pill);background-color:var(--color-accent);content:"";height:2px;position:absolute;bottom:-8px;left:22%;right:22%}.hubi-radio:focus-visible+.hubi-chip{outline:3px solid var(--color-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.hubi-chip,.hubi-disc{transition:none}}.hubl:has(.hubi-radio[data-cat="1"]:checked) .hubg-item:not([data-cat="1"]),.hubl:has(.hubi-radio[data-cat="2"]:checked) .hubg-item:not([data-cat="2"]),.hubl:has(.hubi-radio[data-cat="3"]:checked) .hubg-item:not([data-cat="3"]),.hubl:has(.hubi-radio[data-cat="4"]:checked) .hubg-item:not([data-cat="4"]),.hubl:has(.hubi-radio[data-cat="5"]:checked) .hubg-item:not([data-cat="5"]),.hubl:has(.hubi-radio[data-cat="6"]:checked) .hubg-item:not([data-cat="6"]),.hubl:has(.hubi-radio[data-cat="7"]:checked) .hubg-item:not([data-cat="7"]),.hubl:has(.hubi-radio[data-cat="8"]:checked) .hubg-item:not([data-cat="8"]),.hubl:has(.hubi-radio[data-cat="9"]:checked) .hubg-item:not([data-cat="9"]),.hubl:has(.hubi-radio[data-cat="10"]:checked) .hubg-item:not([data-cat="10"]),.hubl:has(.hubi-radio[data-cat="11"]:checked) .hubg-item:not([data-cat="11"]),.hubl:has(.hubi-radio[data-cat="12"]:checked) .hubg-item:not([data-cat="12"]),.hubg-vacio{display:none}.hubl:has(.hubi-radio.is-vacia:checked) .hubg-vacio{display:flex}.hubl:has(.hubi-radio.is-vacia:checked) .hubg{display:none}.hubp{padding-top:var(--rhythm-2)}.hubp-list{justify-content:center;align-items:center;gap:var(--spacing-gap-tight);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hubp-step,.hubp-num{min-height:44px;color:var(--color-ink);font-size:var(--step-sm);font-weight:var(--font-weight-semibold);transition:border-color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth);border:1px solid #0000;justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.hubp-step{gap:var(--spacing-gap-tight);white-space:nowrap;border-color:var(--color-line);border-radius:var(--radius-pill);background-color:var(--color-card);padding-inline:18px}.hubp-step>.icon{width:1.1em;height:1.1em}.hubp-prev .icon{transform:scaleX(-1)}.hubp-step.is-off{color:var(--color-fg-muted);opacity:.55;background-color:#0000}.hubp-num{border-radius:var(--radius-button);font-variant-numeric:tabular-nums;min-width:44px;position:relative}.hubp-num[aria-current]{border-color:var(--color-line-strong);background-color:var(--color-card)}.hubp-num[aria-current]:after{border-radius:var(--radius-pill);background-color:var(--color-accent);content:"";height:2px;position:absolute;bottom:-7px;left:28%;right:28%}.hubp-gap{min-width:1.5rem;color:var(--color-fg-muted);text-align:center}a.hubp-step:hover{border-color:var(--color-line-strong)}a.hubp-num:hover{background-color:var(--color-bubble)}.hubp-step:focus-visible,.hubp-num:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}@media (width<720px){.hubp-edge{flex:1 0 calc(50% - var(--spacing-gap-tight));display:flex}.hubp-prev{order:-2}.hubp-next{order:-1}.hubp-edge>.hubp-step{flex:1;padding-inline:10px}.hubp-edge>.hubp-step>.icon{display:none}}@media (prefers-reduced-motion:reduce){.hubp-step,.hubp-num{transition:none}}.hubl{padding:calc(var(--header-h) + clamp(28px, 6vh, 72px)) var(--gutter-stage) var(--space-section);background-color:var(--color-canvas)}.hubl-inner{gap:var(--rhythm-3);max-width:var(--max-w-stage);margin-inline:auto;display:grid}.hubl-top{gap:var(--rhythm-2);min-width:0;display:grid}@media (width<=720px){#main-content .hubl{padding:calc(var(--header-h) + var(--spacing-gap-stack-md)) var(--m-gutter) var(--m-section)}#main-content .hubl-inner,#main-content .hubl-top{gap:var(--spacing-gap-stack-md)}#main-content .hubi-list{margin:calc(-1 * var(--spacing-gap-stack-xs)) calc(-1 * var(--m-gutter)) 0;padding:var(--spacing-gap-stack-xs) var(--m-gutter) var(--spacing-gap-stack-sm);overscroll-behavior-x:contain;scroll-padding-inline:var(--m-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}#main-content .hubi-list:not(:hover)>.hubi-item:has(>.hubi-radio:focus-visible){scroll-snap-align:center}#main-content .hubi-list::-webkit-scrollbar{display:none}#main-content .hubi-chip{padding-right:var(--spacing-gap-inline)}#main-content .hubi-disc{width:2.25rem}#main-content .hubi-item:active>.hubi-chip{transform:scale(var(--m-press-scale))}#main-content .hubg{gap:0}#main-content .hubg-item.is-featured{margin-bottom:var(--spacing-gap-tight)}#main-content :is(.hubc:not(.is-featured),.hubl:has(.hubi-filtro:checked) .hubc){box-shadow:none;background-color:#0000;border:0;border-radius:0}#main-content .hubg-item+.hubg-item:not(.is-featured){border-top:1px solid var(--m-hair)}#main-content .hubl:not(:has(.hubi-filtro:checked)) .hubg-item.is-featured+.hubg-item{border-top:0}#main-content :is(.hubc:not(.is-featured),.hubl:has(.hubi-filtro:checked) .hubc) .hubc-body{gap:var(--spacing-gap-tight);padding:var(--spacing-gap-stack-md) 0}#main-content :is(.hubc:not(.is-featured),.hubl:has(.hubi-filtro:checked) .hubc) .hubc-disc{width:2rem}#main-content :is(.hubc:not(.is-featured),.hubl:has(.hubi-filtro:checked) .hubc) .hubc-title{margin-top:0}#main-content :is(.hubc:not(.is-featured),.hubl:has(.hubi-filtro:checked) .hubc) .hubc-meta{border-top:0;padding-top:0}#main-content .hubc:active{background-color:var(--m-pressed)}#main-content .hubp{padding-top:var(--spacing-gap-tight)}}@media (width<=720px) and (prefers-reduced-motion:no-preference){#main-content .hubi-chip{transition:border-color var(--duration-normal) var(--ease-smooth), background-color var(--duration-normal) var(--ease-smooth), transform var(--duration-fast) var(--ease-out-expo)}}
