.page__top{position:relative}.page__top .header{position:absolute;inset:0 0 auto;z-index:2}.page__top--sem-hero .header{position:static}.page{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-12);max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.page__columns{display:flex;flex-direction:column;gap:var(--space-12)}.page__aside,.page__main{display:contents}.bloco{order:var(--ordem, 0)}.page__full{display:flex;flex-direction:column;gap:var(--space-12)}.fade-image{width:100%;margin-block:0}.fade-image__img{width:100%;height:auto}.fade-image--screen .fade-image__img{mix-blend-mode:screen}.fade-image--rounded .fade-image__img{border-radius:var(--radius-md)}.page__player{position:fixed;inset:auto 0 0;z-index:50;display:flex;justify-content:center;pointer-events:none}.page__player>*{width:100%;max-width:var(--content-max);pointer-events:auto}.pular-para-conteudo{display:none;position:absolute;top:var(--space-2);left:var(--space-2);z-index:200;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-primary);text-decoration:none;translate:0 -200%}.pular-para-conteudo:focus-visible{translate:0 0}@media(min-width:768px){.pular-para-conteudo{display:block}.page__player{padding-inline:var(--container-pad)}}@media(min-width:1024px){.page__columns{display:grid;grid-template-columns:var(--column-text) var(--column-panel);align-items:start;gap:var(--gutter)}.page__aside,.page__main{display:flex;flex-direction:column}.page__aside{gap:var(--space-12)}.page__main{gap:var(--space-4)}.bloco{order:0}.page__columns--cola-main .page__main,.page__columns--cola-aside .page__aside{position:sticky;top:var(--space-12)}}.intro{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-12) var(--space-8)}.intro__content{display:flex;flex-direction:column;gap:var(--space-6)}.intro__title{font-size:var(--text-h1);line-height:var(--leading-tight);max-width:none}.intro__lead{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-accent);max-width:46ch}.intro__text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);max-width:56ch}.intro__figure{margin:0;align-self:center}.intro__figure img{width:100%;max-width:320px;height:auto}.banner-grid{display:grid;gap:var(--space-6);list-style:none;padding:0;margin:0}.banner-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);background-color:var(--color-secondary);color:var(--color-text);text-decoration:none;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-standard),translate var(--duration-fast) var(--ease-out)}.banner-card:hover{background-color:color-mix(in srgb,var(--color-secondary) 82%,var(--color-text));translate:0 -2px}.banner-card__media{display:block;aspect-ratio:1720 / 480;background-color:var(--color-primary)}.banner-card__media img{width:100%;height:100%;object-fit:cover}.banner-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.banner-card__title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-h3);line-height:var(--leading-tight);color:var(--color-accent)}.banner-card__text{font-size:var(--text-meta);line-height:var(--leading-body)}.banner-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.banner-card__tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-small);line-height:var(--leading-body);color:var(--color-text);white-space:nowrap}.banner-card__tag .icon{flex-shrink:0;color:var(--color-accent)}@media(min-width:768px){.intro{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--space-12);padding-block:var(--space-15) var(--space-12)}.intro__figure{align-self:center}.intro__figure img{max-width:440px}.banner-grid{grid-template-columns:repeat(2,1fr)}.banner-grid__item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - var(--space-6) / 2)}}.revelar{opacity:0;translate:0 var(--space-4);transition:opacity var(--duration-slow) var(--ease-out) var(--revelar-atraso, 0ms),translate var(--duration-slow) var(--ease-out) var(--revelar-atraso, 0ms)}.revelar--visivel{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.revelar{opacity:1;translate:0 0;transition:none}}
