/* Paginas de apoio (404, termos, privacidade, consideracoes, contato, sobre): usam o css/site.css + este */
.pg{background:var(--bg);color:var(--ink);padding:48px 0 80px;min-height:56vh}
.pg .corpo{max-width:760px;margin:0 auto;padding:0 var(--px)}
.pg .rot{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ind)}
.pg h1{font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:clamp(48px,9vw,92px);line-height:1;margin:10px 0 22px;color:var(--ink)}
.pg h1 .gr{background:var(--coral);padding:0 .12em;margin-right:.1em}
.pg p{font-size:18px;line-height:1.5;font-weight:600;max-width:60ch}
.pg .prep{background:var(--lil);border-radius:16px;padding:18px 20px;margin:22px 0 28px;max-width:60ch}
.pg .prep b{display:block;font-weight:800;margin-bottom:4px}
.pg .mail{font-size:clamp(18px,3.6vw,24px);font-weight:700;margin:18px 0 6px}
.pg .mail .lb{font-weight:800}
.pg .redes{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}
.pg .redes a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:99px;border:2px solid var(--ind);font-weight:800;color:var(--ind)}
.pg .bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:99px;font-weight:800;font-size:16px;background:var(--ind);color:#fff;border:2px solid var(--ind);transition:background-color .15s,border-color .15s}
@media (hover:hover){.pg .bt:hover{background:var(--ind2);border-color:var(--ind2)}}
.pg a:focus-visible{outline:3px solid var(--ind);outline-offset:3px}
/* pagina "onde me encontrar" (redes.html), estilo link da bio: botoes grandes empilhados; quadriculado que some perto do texto (js/site.js, parte 6) */
.pg.grade{position:relative;isolation:isolate;overflow:hidden}
.pg.grade:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#EAEDF2 1px,transparent 1px),linear-gradient(90deg,#EAEDF2 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px;
  -webkit-mask:var(--qm,none) 0 0/100% 100% no-repeat;mask:var(--qm,none) 0 0/100% 100% no-repeat}
.pg .lead{font-size:19px;line-height:1.45}
.lkbio{display:grid;gap:12px;margin:26px 0 30px}
.pg a.rede{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 20px;border-radius:18px;background:#fff;border:2px solid var(--ind);color:var(--ind);transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
.pg a.rede .rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pg a.rede .rh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.pg a.rede .rn{font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:34px;line-height:1;color:var(--ink)}
.pg a.rede .etq{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ind);background:var(--lil);border-radius:99px;padding:4px 10px;line-height:1.2}
.pg a.rede .rl{font-size:16px;font-weight:600;line-height:1.35;color:#454A5A}
.pg a.rede>.seta{flex:none;transition:translate .15s}
@media (hover:hover){.pg a.rede:hover{border-color:var(--ind2);background:#FAFAFF}}
/* efeitos do mouse iguais aos da pagina inicial: holofote e borda que acende (.luz/.luzb, postos pelo js/site.js parte 5), sobe 2 px, seta anda, brilho da uma volta so */
@media (hover:hover) and (pointer:fine){
.pg a.rede:hover{transform:translateY(-2px);box-shadow:0 14px 24px -16px rgba(46,42,92,.55)}
.pg a.rede:hover>.seta{translate:4px 0}
.pg a.rede>.giro{border-radius:22px}
.pg a.rede:hover>.giro{animation:volta .9s ease-out 1}}
/* celular (toque): o botao afunda um pouquinho ao apertar */
.pg a.rede:active{transform:scale(.98);background:var(--lil)}
@media (prefers-reduced-motion:reduce){.pg a.rede:hover,.pg a.rede:active{transform:none}.pg a.rede:hover>.seta{translate:none}}
.pg .rfim{margin-top:6px}
.pg .rass{font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:30px;line-height:1.05;margin-top:34px;color:var(--ind)}
/* texto legal (termos e privacidade) */
.pg .txt{margin-bottom:34px}
.pg .txt h2{font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:clamp(30px,5vw,42px);line-height:1.05;margin:34px 0 12px;color:var(--ink)}
.pg .txt p{margin:0 0 12px}
.pg .txt ul{margin:0 0 16px;padding-left:22px;max-width:60ch}
.pg .txt li{font-size:18px;line-height:1.5;font-weight:600;margin:4px 0}
.pg .txt strong{font-weight:800}
.pg .txt a{color:var(--ind);font-weight:800;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.pg .txt code{font-family:inherit;font-weight:800;background:var(--lil);border-radius:6px;padding:0 .3em}
.pg .tab{overflow-x:auto;margin:6px 0 20px}
.pg table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.45}
.pg th,.pg td{border:1px solid #CFCBF5;padding:10px 12px;text-align:left;vertical-align:top;font-weight:600}
.pg th{background:var(--lil);font-weight:800}
@media (max-width:599px){.pg thead{display:none}
.pg table,.pg tbody,.pg tr,.pg td{display:block;width:100%}
.pg tr{border:1px solid #CFCBF5;border-radius:12px;margin-bottom:12px;overflow:hidden}
.pg td{border:0;border-bottom:1px solid #E2E0F2;padding:8px 12px}
.pg td:last-child{border-bottom:0}
.pg td:before{content:attr(data-label);display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ind);margin-bottom:2px}}