/* ===========================================================
   SPACE — tema LUMIN (compartilhado: home + páginas de política)
   =========================================================== */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root{
  --green:#7ed957;
  --green-band:#e4f5da;
  --green-btn:#3cc11a;
  --green-btn-2:#2fb00f;
  --ink:#1c1c1c;
  --muted:#555;
  --band-title:#2e8b2e;
  --cta:#1a2fb0;
  --black:#0d0d0d;
  --rule:#e4e4e4;
}

html,body{width:100%;}
body{
  font-family:'Trebuchet MS','Segoe UI',Tahoma,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px;margin:0 auto;padding:0 22px;}
.wrap--narrow{max-width:720px;}
a{color:var(--band-title);}

/* ---------- logo circular (bola preta) ---------- */
.logo{
  width:78px;height:78px;border-radius:50%;
  margin:0 auto 20px;
  background:radial-gradient(circle at 35% 30%,#fdfdf5,#efeede 55%,#2a2a2a 56%,#111 100%);
  display:grid;place-items:center;
  box-shadow:0 3px 8px rgba(0,0,0,.25);
  position:relative;flex:none;
}
.logo .mark{
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;font-weight:700;font-size:30px;color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1;
}
.logo .tag{
  position:absolute;top:9px;left:50%;transform:translateX(-50%);
  font-size:6px;letter-spacing:.18em;color:#bbb;font-weight:700;
}
.logo--sm{width:44px;height:44px;margin:0;}
.logo--sm .mark{font-size:17px;}
.logo--sm .tag{top:5px;font-size:4.5px;}

/* ---------- HERO da home ---------- */
.hero{text-align:center;padding:34px 0 8px;}
.hero h1{font-size:20px;font-weight:700;letter-spacing:.2px;margin-bottom:16px;}
.hero .intro{font-style:italic;color:var(--muted);font-size:15px;max-width:620px;margin:0 auto;line-height:1.5;}

/* ---------- faixa verde ---------- */
.band{position:relative;background:var(--green-band);margin-top:26px;padding:44px 0 40px;}
.band::before,.band::after{content:"";position:absolute;left:0;right:0;height:26px;background:#fff;}
.band::before{top:0;clip-path:polygon(0 0,50% 100%,100% 0);}
.band::after{bottom:0;clip-path:polygon(0 100%,50% 0,100% 100%);}
.band .wrap{position:relative;z-index:1;}
.band p{margin-bottom:14px;font-size:15px;}
.band .strong{font-weight:700;color:var(--ink);}
.band .heading-green{color:var(--band-title);font-weight:700;margin:6px 0 10px;}
.band ul{margin:0 0 16px 20px;}
.band li{margin-bottom:7px;font-size:15px;}
.band .fine{color:var(--muted);font-size:15px;}

/* ---------- CTA ---------- */
.cta-note{text-align:center;color:var(--cta);font-weight:700;font-size:15px;line-height:1.5;margin:30px auto 6px;max-width:640px;padding:0 22px;}
.arrow{text-align:center;color:var(--green-btn);font-size:20px;margin:8px 0 14px;}
.btn-wrap{padding:0 22px 46px;}
.btn{
  display:block;max-width:640px;margin:0 auto;
  background:linear-gradient(180deg,var(--green-btn),var(--green-btn-2));
  color:#fff;text-decoration:none;text-align:center;
  font-weight:700;font-size:16px;letter-spacing:.3px;
  padding:17px 20px;border-radius:6px;
  box-shadow:0 3px 0 #229305,0 5px 12px rgba(0,0,0,.2);
  transition:transform .05s,box-shadow .1s;
}
.btn:hover{filter:brightness(1.04);}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #229305,0 3px 8px rgba(0,0,0,.2);}

/* ===========================================================
   PÁGINAS DE POLÍTICA (Refund / Privacy / Terms / Delivery)
   =========================================================== */

/* topo simples com logo + navegação */
.pagehead{border-bottom:1px solid var(--rule);background:#fff;}
.pagehead .wrap{
  display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;
  justify-content:space-between;padding:16px 22px;
}
.pagehead .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.pagehead .brand .bname{font-weight:700;font-size:16px;line-height:1.1;}
.pagehead .brand .bname small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:2px;}
.pagehead nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;}
.pagehead nav a{color:var(--muted);text-decoration:none;}
.pagehead nav a:hover{color:var(--band-title);}

/* faixinha verde de título */
.doc-hero{
  position:relative;background:var(--green-band);
  padding:40px 0;text-align:center;
}
.doc-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:#fff;clip-path:polygon(0 100%,50% 0,100% 100%);}
.doc-hero .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--band-title);font-weight:700;margin-bottom:8px;}
.doc-hero h1{font-size:26px;font-weight:700;color:var(--ink);}
.doc-hero .updated{font-size:12.5px;color:var(--muted);margin-top:8px;}

/* corpo do documento */
.doc{padding:14px 0 48px;}
.doc h2{font-size:16px;font-weight:700;color:var(--ink);margin:26px 0 8px;}
.doc h2:first-of-type{margin-top:6px;}
.doc p{margin:0 0 12px;font-size:15px;color:#2a2a2a;}
.doc ul{margin:0 0 14px 22px;}
.doc li{margin-bottom:7px;font-size:15px;}
.doc a{color:var(--band-title);}

/* ficha de dados (record) */
.record{
  background:var(--green-band);border:1px solid #cfe8bf;border-radius:8px;
  padding:18px 20px;margin:16px 0;
}
.record dl{display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:8px 20px;margin:0;font-size:14px;}
.record dt{color:var(--band-title);text-transform:uppercase;font-size:10px;letter-spacing:.06em;font-weight:700;padding-top:2px;}
.record dd{margin:0;color:#2a2a2a;}
@media(max-width:32rem){.record dl{grid-template-columns:1fr;gap:2px;}.record dd{margin-bottom:10px;}}

/* ---------- FOOTER preto (igual à home) ---------- */
.foot{background:var(--black);color:#cfcfcf;padding:34px 0 30px;}
.foot-links{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;max-width:560px;margin:0 auto 26px;}
.foot-links .col{display:flex;flex-direction:column;gap:12px;align-items:center;}
.foot-links a{color:#e6e6e6;text-decoration:underline;font-size:13px;background:#242424;padding:5px 14px;border-radius:4px;}
.foot-links a:hover{background:#333;}
.foot-info{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:720px;margin:0 auto;font-size:11.5px;line-height:1.7;color:#b3b3b3;}
.foot-info h4{font-size:11.5px;color:#e6e6e6;letter-spacing:.05em;margin-bottom:4px;}
.foot-info strong{color:#dcdcdc;}
.copyright{text-align:center;color:#8f8f8f;font-size:12px;margin-top:26px;padding-top:18px;border-top:1px solid #262626;}

@media(max-width:640px){
  .foot-info{grid-template-columns:1fr;gap:20px;}
  .foot-links{gap:20px;}
  .hero h1{font-size:18px;}
  .doc-hero h1{font-size:22px;}
}