.mapa{--fundo-area:var(--paper);--borda:var(--line);--texto:var(--text);--suave:var(--muted);--linha:var(--line-strong);gap:28px;display:grid}.mapa--escuro{--fundo-area:var(--ink-2);--borda:#ffffff14;--texto:var(--on-ink);--suave:var(--on-ink-muted);--linha:#ffffff2e}.mapa__grade{grid-template-rows:auto auto;grid-template-columns:1fr minmax(220px,280px) 1fr;align-items:stretch;gap:24px 56px;display:grid}.mapa__area{border-radius:var(--radius-lg);background:var(--fundo-area);border:1px solid var(--borda);padding:20px 22px;position:relative}.mapa__area--esq{grid-column:1}.mapa__area--dir{grid-column:3}.mapa__area:first-child,.mapa__area:nth-child(3){grid-row:1}.mapa__area:nth-child(2),.mapa__area:nth-child(4){grid-row:2}.mapa__area:after{content:"";background:var(--linha);width:56px;height:2px;position:absolute;top:50%}.mapa__area--esq:after{left:100%}.mapa__area--dir:after{right:100%}.mapa__area-topo{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.mapa__area h3{font-size:var(--fs-lg);color:var(--texto)}.mapa__area-topo span{font-size:var(--fs-xs);color:var(--red);font-weight:700}.mapa--escuro .mapa__area-topo span{color:var(--red-on-ink)}.mapa__area ul{grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:0;list-style:none;display:grid}.mapa__area a{color:var(--texto);font-size:var(--fs-sm);border-radius:8px;align-items:center;gap:8px;margin-inline:-8px;padding:7px 8px;font-weight:500;text-decoration:none;display:flex}.mapa__area a .icon{color:var(--red);flex:none}.mapa--escuro .mapa__area a .icon{color:var(--red-on-ink)}.mapa__area a:hover{background:color-mix(in srgb, var(--red) 10%, transparent)}.mapa__centro{grid-area:1/2/3;place-items:center;display:grid;position:relative}.mapa__centro:before,.mapa__centro:after{content:"";background:var(--linha);height:2px;position:absolute;left:0;right:0}.mapa__centro:before{top:25%}.mapa__centro:after{top:75%}.mapa__nucleo{text-align:center;aspect-ratio:1;background:var(--red);color:#fff;width:100%;max-width:260px;box-shadow:0 0 0 12px color-mix(in srgb, var(--red) 18%, transparent),0 0 0 26px color-mix(in srgb, var(--red) 8%, transparent);border-radius:50%;place-items:center;gap:8px;padding:28px;display:grid;position:relative}.mapa__nucleo strong{font-family:var(--font-display);font-size:var(--fs-xl)}.mapa__nucleo span{font-size:var(--fs-sm);opacity:.92;line-height:1.4}.mapa__fora{justify-items:center;gap:12px;display:grid}.mapa__fora-titulo{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--suave);font-weight:700}.mapa__fora ul{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mapa__fora a{background:var(--fundo-area);border:1px dashed var(--linha);color:var(--texto);border-radius:99px;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;display:flex}.mapa__fora a .icon{color:var(--erp)}.mapa--escuro .mapa__fora a .icon{color:#7fd1e0}.mapa__fora strong{font-size:var(--fs-sm);display:block}.mapa__fora small{font-size:var(--fs-xs);color:var(--suave);display:block}.mapa__fora a:hover{border-style:solid}.mapa--anima .mapa__area{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:calc(.15s + var(--i) * .15s);transform:translateY(12px)}.mapa--anima .mapa__area:after{transition:transform .4s ease-out;transition-delay:calc(.6s + var(--i) * .15s);transform:scaleX(0)}.mapa--anima .mapa__area--esq:after{transform-origin:0}.mapa--anima .mapa__area--dir:after{transform-origin:100%}.mapa--anima .mapa__nucleo{opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;transform:scale(.85)}.mapa--anima .mapa__fora li{opacity:0;transition:opacity .4s,transform .4s;transition-delay:calc(1.2s + var(--i) * .1s);transform:translateY(8px)}.mapa--visto .mapa__area,.mapa--visto .mapa__fora li{opacity:1;transform:none}.mapa--visto .mapa__area:after{transform:none}.mapa--visto .mapa__nucleo{opacity:1;transform:none}@media (width<=1020px){.mapa__grade{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:20px}.mapa__centro{grid-area:1/1/auto/-1}.mapa__centro:before,.mapa__centro:after{display:none}.mapa__nucleo{max-width:220px}.mapa__area--esq,.mapa__area--dir{grid-column:auto}.mapa__area:nth-child(n){grid-row:auto}.mapa__area:after{display:none}}@media (width<=640px){.mapa__grade{grid-template-columns:1fr}.mapa__area ul{grid-template-columns:1fr 1fr}}
