/* ============================================================
   PagTrust — estilos compartilhados das páginas legais
   ============================================================ */
@font-face{font-family:'Branding';src:url('../fonts/2025_04_BrandingSemibold.woff2') format('woff2'),url('../fonts/2025_04_BrandingSemibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-pxieyp8kv8jhgfvrjjnecmne.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-pxieyp8kv8jhgfvrjjfecg.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --bg:#FFF7EE;
  --ink:#1B1815;
  --ink-mid:#3F3A33;
  --ink-soft:#5C5448;
  --line:rgba(27,24,21,.1);
  --paper:#FFFCF5;
  --green:#11CD59;
  --green-deep:#0A8C3D;
  --display:'Branding','Inter',system-ui,sans-serif;
  --body:'Poppins','Inter',system-ui,sans-serif;
}

[data-theme="dark"]{
  --bg:#0F1316;
  --ink:#F2EFE9;
  --ink-mid:#CFC8BD;
  --ink-soft:#B5ADA2;
  --line:rgba(245,242,236,.12);
  --paper:#1A1F23;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--body);
  background:var(--bg);
  color:var(--ink-mid);
  line-height:1.6;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}

/* Header simples */
.legal-head{
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.legal-head-inner{
  max-width:880px;margin:0 auto;
  padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.legal-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.legal-logo svg{width:26px;height:28px;flex-shrink:0}
.legal-logo span{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em}
.legal-back{
  font-family:var(--display);font-weight:600;font-size:13px;
  color:var(--ink-soft);text-decoration:none;transition:color .2s;
}
.legal-back:hover{color:var(--green-deep)}

/* Conteúdo */
.legal-main{
  max-width:780px;margin:0 auto;
  padding:60px 24px 80px;
}
.legal-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.8rem,4vw,2.4rem);
  letter-spacing:-.025em;line-height:1.15;
  color:var(--ink);margin-bottom:14px;
}
.legal-subtitle{
  font-size:14px;color:var(--ink-soft);
  margin-bottom:40px;
}

.legal-content h2{
  font-family:var(--display);font-weight:600;font-size:1.2rem;
  letter-spacing:-.015em;line-height:1.3;color:var(--ink);
  margin:40px 0 14px;
}
.legal-content h3{
  font-family:var(--display);font-weight:600;font-size:1.02rem;
  color:var(--ink);margin:26px 0 10px;
}
.legal-content p{margin:0 0 14px;color:var(--ink-mid)}
.legal-content strong{color:var(--ink);font-weight:600}
.legal-content em{font-style:italic}
.legal-content ul,.legal-content ol{margin:0 0 14px 20px}
.legal-content li{margin:0 0 8px}
.legal-content a{color:var(--green-deep);text-decoration:underline;text-underline-offset:2px}
.legal-content a:hover{color:var(--green)}
[data-theme="dark"] .legal-content a{color:#7FE5A0}

.legal-content .intro{
  background:var(--paper);
  border-left:3px solid var(--green);
  padding:18px 22px;border-radius:0 12px 12px 0;
  margin:0 0 28px;
}
.legal-content .clause{padding-left:0;margin:14px 0}

/* FAQ (details/summary) */
.legal-content .faq{border-bottom:1px solid var(--line)}
.legal-content .faq:first-of-type{border-top:1px solid var(--line)}
.legal-content .faq>summary{
  list-style:none;cursor:pointer;
  padding:18px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:var(--ink);
  font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.35;
  transition:color .2s;
}
.legal-content .faq>summary::-webkit-details-marker{display:none}
.legal-content .faq>summary::after{
  content:'';flex-shrink:0;margin-right:4px;
  width:9px;height:9px;
  border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);
  transform:rotate(45deg);
  transition:transform .25s ease;
}
.legal-content .faq[open]>summary::after{transform:rotate(-135deg)}
.legal-content .faq>summary:hover{color:var(--green-deep)}
[data-theme="dark"] .legal-content .faq>summary:hover{color:#7FE5A0}
.legal-content .faq-body{padding:0 0 20px}
.legal-content .faq-body p{margin:0 0 12px}
.legal-content .faq-body p:last-child{margin:0}

/* Footer */
.legal-foot{
  border-top:1px solid var(--line);
  padding:24px 20px;text-align:center;
  font-size:12px;color:var(--ink-soft);
  font-family:var(--display);font-weight:600;
}

/* Theme toggle no header */
.theme-toggle{
  background:transparent;border:1px solid var(--line);
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;cursor:pointer;
  color:var(--ink-mid);transition:all .2s;
}
.theme-toggle:hover{background:var(--paper);border-color:rgba(27,24,21,.2)}
.theme-toggle svg{width:18px;height:18px}
[data-theme="dark"] .theme-toggle .icon-sun{display:block}
[data-theme="dark"] .theme-toggle .icon-moon{display:none}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:block}

@media (max-width:560px){
  .legal-head-inner{padding:16px 20px}
  .legal-main{padding:40px 20px 60px}
  .legal-title{font-size:1.6rem}
  .legal-content h2{font-size:1.1rem}
  .legal-back span{display:none}
  .legal-back::before{content:'← Site'}
}
