/* Bloco do relatório de sustentabilidade (página de investidores e home). Só tokens. */
.rel{padding-block:40px}
.rel .rel-chapeu{display:block; font:500 12px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--verde)}
.rel h2{font:800 clamp(26px,7vw,34px)/1.1 var(--display); letter-spacing:-.02em; margin:10px 0 8px}
.rel .rel-linha{margin:0 0 16px; font-size:18px}
.rel-abas{display:flex; gap:8px; margin-bottom:14px}
.rel-abas button{font:700 18px var(--corpo); min-height:48px; padding:0 22px; border-radius:var(--r-pill); border:2px solid var(--linha); background:#fff; color:var(--preto); cursor:pointer}
.rel-abas button[aria-selected="true"]{background:var(--verde); border-color:var(--verde); color:#fff}
.rel-painel{background:#fff; border-radius:var(--r-lg); box-shadow:var(--sombra-rest); padding:18px}
.rel-breve{display:flex; align-items:center; gap:12px; margin:0; font-size:18px}
.rel-breve::before{content:""; flex:none; width:28px; height:28px; background:var(--verde); -webkit-mask:var(--rel-ic) center/contain no-repeat; mask:var(--rel-ic) center/contain no-repeat; --rel-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
.rel-visor{width:100%; height:70vh; min-height:420px; border:0; border-radius:var(--r-md)}
.rel-baixar{display:inline-block; margin-top:12px; font-weight:700; color:var(--verde)}
.fonte{font-size:14px; margin-top:6px}
.fonte a{color:var(--verde)}
.rel-ver{display:flex; align-items:center; justify-content:center; min-height:56px; padding:0 20px; border-radius:14px; border:2px solid var(--linha); background:#fff; color:var(--preto); font:800 18px var(--corpo); text-decoration:none}