/* ============================================================
   Embelezou · legal.css
   Layout compartilhado das páginas de Termos de Uso e Política de
   Privacidade — texto longo, leitura confortável, mesma identidade
   visual do resto do site (tokens de base.css).
   ============================================================ */

.p-legal{background:var(--bg);}

.legal-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;max-width:760px;margin:0 auto;
}
.legal-nav .nav-logo{font-family:'Playfair Display',serif;font-size:22px;color:var(--rose-dark);}
.legal-nav a.voltar{font-size:14px;color:var(--text-muted);text-decoration:none;}
.legal-nav a.voltar:hover{color:var(--rose);}

.legal-content{
  max-width:760px;margin:0 auto;padding:20px 24px 80px;
}
.legal-content h1{
  font-family:'Playfair Display',serif;font-weight:600;
  font-size:clamp(28px,5vw,38px);color:var(--text);margin-bottom:6px;
}
.legal-atualizado{font-size:13px;color:var(--text-light);margin-bottom:36px;}

.legal-content h2{
  font-family:'Playfair Display',serif;font-weight:600;
  font-size:20px;color:var(--rose-dark);margin:36px 0 12px;
}
.legal-content h2:first-of-type{margin-top:0;}
.legal-content p{font-size:15px;line-height:1.75;color:var(--text);margin-bottom:14px;font-weight:300;}
.legal-content ul{margin:0 0 14px 20px;}
.legal-content li{font-size:15px;line-height:1.75;color:var(--text);margin-bottom:8px;font-weight:300;}
.legal-content strong{font-weight:500;color:var(--text);}
.legal-content a{color:var(--rose);text-decoration:underline;}

.legal-aviso{
  background:var(--rose-light);border:1px solid var(--border-strong);
  border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:32px;
  font-size:13px;color:var(--rose-dark);line-height:1.6;
}

.legal-indice{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:18px 20px;margin-bottom:32px;
}
.legal-indice-title{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em;}
.legal-indice ol{margin:0;padding-left:18px;}
.legal-indice li{font-size:14px;margin-bottom:6px;}
.legal-indice a{color:var(--text);text-decoration:none;}
.legal-indice a:hover{color:var(--rose);}

@media(max-width:600px){
  .legal-nav,.legal-content{padding-left:18px;padding-right:18px;}
}