/* Página central dos recursos extras (RN-187). Usa os tokens do site.css. */
.rx-hero h1{max-width:22ch}
.rx-hero .lede{max-width:60ch}
.rx-h2{font-size:var(--t-lg);font-weight:800;margin-bottom:var(--s6)}
.rx-grid{align-items:stretch}
.rx-card{display:flex;flex-direction:column;gap:var(--s3);background:var(--surface);
  border:2px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);
  transition:border-color .15s,box-shadow .15s}
.rx-card.is-on{border-color:var(--zap);box-shadow:0 0 0 1px var(--zap),var(--e2)}
.rx-card__escolha{display:flex;align-items:center;gap:var(--s3);cursor:pointer}
.rx-card__escolha input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--zap-ink)}
.rx-card__ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--surface-2);color:var(--zap-ink)}
.rx-card__t{font-size:var(--t-md);font-weight:800}
.rx-card p{color:var(--ink-3);font-size:var(--t-body-sm)}
.rx-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s2)}
.rx-card li{display:flex;gap:var(--s2);font-size:var(--t-body-sm);color:var(--ink-3)}
.rx-card li svg{flex:0 0 auto;margin-top:3px;color:var(--zap-ink)}
.rx-card__mais{margin-top:auto;font-weight:700}
.rx-card__direto{font-size:var(--t-body-sm);color:var(--ink-3)}
.js .rx-card__direto{display:none}
.rx-ir{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s4);margin-top:var(--s8)}
.rx-ir__aviso{color:var(--ink-3);font-size:var(--t-body-sm)}
.rx-ir__aviso.is-alerta{color:var(--danger,#b42318);font-weight:700}
.rx-ir .btn[aria-disabled="true"]{opacity:.55}
.rx-passos{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--s3);max-width:62ch}
.rx-nota{margin-top:var(--s6);color:var(--ink-3);font-size:var(--t-body-sm)}
@media(max-width:600px){.rx-ir{justify-content:stretch}.rx-ir .btn{width:100%;justify-content:center}}
.skip{position:absolute;left:var(--s4);top:-100px;z-index:100;background:var(--honey);color:var(--fixed-black);
  padding:var(--s2) var(--s3);border-radius:var(--r);font-weight:800;text-decoration:none}
.skip:focus{top:var(--s4)}