.mat-hero{background:var(--grad-navy-quente,#00205b);color:#fff;padding-top:var(--section-y-loose,var(--space-8));padding-bottom:calc(var(--section-y-loose,var(--space-8)) + clamp(44px, 4.5vw, 76px));position:relative;overflow:hidden}.mat-hero__bg{pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url(/brand/bg-elementos-coloridos.svg);background-position:50%;background-size:cover;position:absolute;inset:0}.mat-hero__inner{max-width:52rem;position:relative}.mat-hero__olho{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-4);border-radius:var(--radius-pill);color:#fff;font-weight:700;font-size:var(--text-overline,.75rem);letter-spacing:var(--tracking-overline,.08em);text-transform:uppercase;background:#ffffff24;padding:7px 14px;display:inline-flex}.mat-hero__olho i{font-size:1.15em}.mat-hero__titulo{margin:0 0 var(--space-4);max-width:20ch;letter-spacing:var(--tracking-display,-.02em);color:#fff;text-wrap:balance;font-size:clamp(2.05rem,6vw,3.35rem);font-weight:700;line-height:1.08}.mat-hero__lead{color:#ffffffeb;max-width:54ch;margin:0;font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:400;line-height:1.6}.mat-hero__meta{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-body,1rem);color:#ffffffe6;flex-wrap:wrap;margin:clamp(1.25rem,3.5vw,2rem) 0 0;padding:0;display:flex}.mat-hero__meta strong{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.mat-hero__meta-sep{background:#ffffff73;border-radius:50%;width:4px;height:4px}.materiais{flex-direction:column;gap:clamp(2.75rem,5.5vw,4rem);display:flex}.materiais-nav{padding-bottom:clamp(var(--space-5), 3vw, var(--space-7));border-bottom:1px solid var(--border-subtle,#00205b1f)}.materiais-nav__olho{margin:0 0 var(--space-4);font-size:var(--text-overline,.75rem);letter-spacing:var(--tracking-overline,.08em);text-transform:uppercase;color:var(--text-muted,#5a5a5a);font-weight:700}.materiais-nav__lista{gap:var(--space-2) var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.materiais-nav__pill{align-items:center;gap:var(--space-2);min-height:var(--tap-min,48px);padding:0 var(--space-3);border-radius:var(--radius-pill,999px);background:var(--surface-card,#fff);border:1px solid var(--border-subtle,#00205b24);color:var(--text-strong,var(--rhema-navy,#00205b));font-size:var(--text-sm,.9375rem);transition:transform var(--dur,.22s) var(--ease,ease), box-shadow var(--dur,.22s) var(--ease,ease), border-color var(--dur,.22s) var(--ease,ease);font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.materiais-nav__dot{background:var(--theme-1,var(--rhema-navy,#00205b));width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-1,#00205b) 20%, transparent);border-radius:50%;flex:none}.materiais-nav__nome{min-width:0}.materiais-nav__num{border-radius:var(--radius-pill,999px);background:var(--theme-soft,#eef1f8);min-width:1.5rem;height:1.5rem;color:var(--theme-ink,var(--rhema-navy,#00205b));font-size:var(--text-caption,.8125rem);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 6px;font-weight:700;display:grid}.materiais-nav__pill:hover{box-shadow:var(--shadow-sm,0 2px 8px #00205b14);border-color:color-mix(in srgb, var(--theme-1,#00205b) 55%, var(--border-subtle,#00205b24));transform:translateY(-1px)}.materiais-nav__pill:focus-visible{box-shadow:0 0 0 3px var(--surface-card,#fff), 0 0 0 5px var(--theme-ink,var(--rhema-navy,#00205b));outline:none}.materiais-universo{scroll-margin-top:clamp(5rem,9vw,6.5rem)}.materiais-universo__head{align-items:center;gap:var(--space-3);margin-bottom:clamp(var(--space-4), 2.5vw, var(--space-6));display:flex}.materiais-universo__icone{border-radius:var(--radius-md,16px);background:var(--theme-1,var(--rhema-navy,#00205b));color:#fff;width:48px;height:48px;box-shadow:0 6px 16px color-mix(in srgb, var(--theme-1,#00205b) 28%, transparent);flex:none;place-items:center;font-size:24px;display:grid}.materiais-universo__texto{min-width:0}.materiais-universo__nome{font-size:var(--text-h2,1.5rem);letter-spacing:var(--tracking-heading,-.015em);color:var(--text-strong,var(--rhema-navy,#00205b));text-wrap:balance;margin:0;font-weight:700;line-height:1.2}.materiais-universo__contagem{font-size:var(--text-caption,.8125rem);color:var(--text-muted,#5a5a5a);margin:2px 0 0;font-weight:600}.materiais-grade{gap:clamp(var(--space-4), 2.5vw, var(--space-6));grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.materiais-grade__item{display:flex}.material-card{border-radius:var(--radius-lg,22px);background:var(--surface-card,#fff);border:1px solid var(--border-subtle,#00205b1a);width:100%;box-shadow:var(--shadow-xs,0 1px 2px #00205b0f);color:inherit;transition:transform var(--dur,.22s) var(--ease,ease), box-shadow var(--dur,.22s) var(--ease,ease), border-color var(--dur,.22s) var(--ease,ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.material-card:hover{box-shadow:var(--shadow-md,0 8px 24px #00205b1f);border-color:color-mix(in srgb, var(--theme-ink,var(--rhema-navy,#00205b)) 28%, var(--border-subtle,#00205b1a));transform:translateY(-4px)}.material-card:focus-visible{box-shadow:0 0 0 3px var(--surface-card,#fff), 0 0 0 5px var(--theme-ink,var(--rhema-navy,#00205b));outline:none;transform:translateY(-4px)}.material-card__capa{aspect-ratio:3/2;background:var(--theme-soft,#eef1f8);display:block;position:relative;overflow:hidden}.material-card__capa:after{content:"";pointer-events:none;border-bottom:1px solid var(--border-subtle,#00205b14);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0f132b0f}.material-card__foto{transition:transform .5s var(--ease,cubic-bezier(.22, 1, .36, 1))}.material-card:hover .material-card__foto{transform:scale(1.03)}.material-card__fallback{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.material-card__fallback i{opacity:.92;font-size:clamp(2.75rem,9vw,3.75rem)}.material-card__corpo{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.material-card__tema{border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--theme-ink,var(--rhema-navy,#00205b)) 12%, #fff);max-width:100%;color:var(--theme-ink,var(--rhema-navy,#00205b));font-size:var(--text-caption,.8125rem);letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:4px 10px;font-weight:700;line-height:1.15;display:inline-flex;overflow:hidden}.material-card__titulo{color:var(--text-strong,var(--rhema-navy,#00205b));font-size:var(--text-body-lg,1.0625rem);letter-spacing:var(--tracking-heading,-.01em);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.material-card__formato{color:var(--text-muted,#5a678c);align-items:center;gap:5px;min-width:0;font-size:.78rem;font-weight:600;display:inline-flex}.material-card__formato i{color:var(--rhema-teal,#00c7b1);flex:none;font-size:1.05rem}.material-card__rodape{width:100%;padding-top:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle,#00205b1a);margin-top:auto;display:flex}.material-card__baixar{border-radius:var(--radius-pill,999px);background:var(--rhema-navy,#00205b);color:#fff;min-height:2.25rem;font-size:var(--text-caption,.8125rem);transition:background var(--dur,.22s) var(--ease,ease), color var(--dur,.22s) var(--ease,ease);flex:none;align-items:center;gap:7px;padding:0 14px;font-weight:700;line-height:1.1;display:inline-flex}.material-card__baixar i{flex:none;font-size:1.1em}.material-card:hover .material-card__baixar,.material-card:focus-visible .material-card__baixar{background:var(--action-secondary,#00c7b1);color:var(--action-secondary-on,#04121f)}.materiais-rodape{padding-top:var(--space-2);text-align:center;font-size:var(--text-sm,.9375rem);color:var(--text-muted,#5a5a5a);margin:0}@media (prefers-reduced-motion:reduce){.materiais-nav__pill,.material-card,.material-card__foto,.material-card__baixar{transition:none}.materiais-nav__pill:hover,.material-card:hover,.material-card:focus-visible,.material-card:hover .material-card__foto{transform:none}}