/* Estilo das páginas legais (termos.html e privacidade.html).
   Leitura confortável, nas cores da app, em tema claro e escuro. */

*, *::before, *::after{ box-sizing:border-box; }

:root{
    --bg:#0b0818;
    --bg-alto:#1d1538;
    --cartao:#1a1432;
    --texto:#f3eefc;
    --texto-2:#b8b0d4;
    --linha:#3a3060;
    --ouro:#f6d365;
    --link:#c7a6ff;
}
html[data-tema="light"]{
    --bg:#f3eefb;
    --bg-alto:#fbf9ff;
    --cartao:#ffffff;
    --texto:#1c2431;
    --texto-2:#5b6472;
    --linha:#e1d9f1;
    --ouro:#a87b06;
    --link:#6b3fd1;
}

html{ background:var(--bg); }
body{
    margin:0;
    min-height:100vh;
    background:linear-gradient(to bottom, var(--bg-alto), var(--bg) 420px);
    color:var(--texto);
    font-family:"Nunito", Arial, sans-serif;
    font-size:16px;
    line-height:1.65;
    -webkit-text-size-adjust:100%;
}

.topo{
    position:sticky;
    top:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;
    background:color-mix(in srgb, var(--bg-alto) 88%, transparent);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--linha);
}
.voltar{
    color:var(--ouro);
    font-weight:800;
    text-decoration:none;
}
.idiomas{
    flex-shrink:0;
    padding:5px 30px 5px 12px;
    border:1.5px solid var(--ouro);
    border-radius:999px;
    background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f6d365' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;
    color:var(--ouro);
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
}
html[data-tema="light"] .idiomas{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a87b06' stroke-width='1.6'/%3E%3C/svg%3E");
}
.idiomas option{
    background:var(--bg-alto);
    color:var(--texto);
}

main{
    max-width:680px;
    margin:0 auto;
    padding:28px 20px calc(48px + env(safe-area-inset-bottom, 0px));
}

h1{
    font-family:"Baloo 2", "Nunito", sans-serif;
    font-size:32px;
    line-height:1.15;
    margin:0 0 6px;
    color:var(--ouro);
}
.atualizado{
    margin:0 0 28px;
    color:var(--texto-2);
    font-size:14px;
}
h2{
    font-family:"Baloo 2", "Nunito", sans-serif;
    font-size:21px;
    line-height:1.25;
    margin:32px 0 8px;
}
p, li{ color:var(--texto); }
ul{ padding-left:22px; margin:8px 0 14px; }
li{ margin-bottom:6px; }
strong{ font-weight:800; }
a{ color:var(--link); }

.resumo{
    margin:0 0 8px;
    padding:16px 18px;
    border:1px solid var(--linha);
    border-radius:16px;
    background:var(--cartao);
}
.resumo p{ margin:0; }

table{
    width:100%;
    border-collapse:collapse;
    margin:10px 0 16px;
    font-size:15px;
}
th, td{
    text-align:left;
    vertical-align:top;
    padding:9px 8px;
    border-bottom:1px solid var(--linha);
}
th{ color:var(--texto-2); font-weight:800; }

.rodape{
    margin-top:40px;
    padding-top:16px;
    border-top:1px solid var(--linha);
    color:var(--texto-2);
    font-size:14px;
}

[hidden]{ display:none !important; }

/* Texto justificado (sem linhas "em cobra"), com hifenização na língua
   da página para não abrir buracos entre palavras */
p, li{
    text-align:justify;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.rodape, .atualizado{ text-align:left; }