@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Jost:wght@400;500;600;700&display=swap');

:root{
  /* Cores da marca Unique — travadas */
  --areia:#C2A57F;
  --salvia:#606F4D;
  --terracota:#C17D5F;
  --ceu:#A8C0D8;
  --tinta:#2B2622;
  --areia-clara:#F0E8E0;
  --areia-escura:#A98C68;
  --off:#FBF8F4;
  /* semânticos */
  --preto:#2B2622;
  --offwhite:#FBF8F4;
  --accent:#A98C68;       /* champagne tostado p/ texto de acento */
  --accent-soft:#C2A57F;
  --linha:#e6ddd0;
  --muted:#8a8073;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--off);
  color:var(--preto);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}

/* ---- TOP BAR ---- */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(251,248,244,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linha);
}
.topbar-inner{
  max-width:880px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{font-family:'Jost';font-weight:600;letter-spacing:.16em;font-size:17px;text-transform:uppercase}
.brand span{color:var(--accent);letter-spacing:.04em}
.brand a{text-decoration:none;color:inherit}
.epnav{display:flex;gap:6px;flex-wrap:wrap}
.epnav a{
  font-size:13px;font-weight:600;text-decoration:none;
  padding:6px 11px;border-radius:999px;border:1px solid var(--linha);
  color:var(--muted);transition:.15s;
}
.epnav a:hover{border-color:var(--areia);color:var(--preto)}
.epnav a.active{background:var(--preto);color:var(--offwhite);border-color:var(--preto)}

/* ---- LAYOUT ---- */
.wrap{max-width:880px;margin:0 auto;padding:48px 24px 100px}
.eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin-bottom:14px;
}
h1{font-family:'Jost';font-size:clamp(30px,5.5vw,48px);font-weight:600;letter-spacing:-.01em;line-height:1.08}
h2{font-family:'Jost';font-size:23px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px}
.lede{font-size:18px;color:#6b6256;max-width:620px;margin-top:18px;line-height:1.55}

/* ---- HERO (index) ---- */
.hero{padding-bottom:40px;border-bottom:1px solid var(--linha);margin-bottom:48px}

/* ---- BADGES ---- */
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.badge{
  font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;
  background:var(--areia-clara);color:var(--preto);
}
.badge.p1{background:#dce6f0;color:#3f566b}      /* azul-céu — localização */
.badge.p3{background:#e7e0d0;color:#6b5e44}      /* areia — trajetória */
.badge.p4{background:#e2e6da;color:#4e5a3e}      /* sálvia — curadoria */
.badge.dark{background:var(--preto);color:var(--offwhite)}

/* ---- STRATEGY CARDS ---- */
.grid{display:grid;gap:14px;margin:28px 0}
.panel{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:24px}
.panel h3{font-family:'Jost';font-size:16px;font-weight:600;margin-bottom:10px}
.panel p{font-size:15px;color:#6b6256}
table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}

/* ---- EPISODE CARDS (index) ---- */
.epcards{display:grid;gap:16px;margin-top:8px}
@media(min-width:640px){.epcards{grid-template-columns:1fr 1fr}}
.epcard{
  display:block;text-decoration:none;background:#fff;
  border:1px solid var(--linha);border-radius:18px;padding:26px;
  transition:.18s;position:relative;overflow:hidden;
}
.epcard:hover{transform:translateY(-3px);border-color:var(--areia);box-shadow:0 12px 30px rgba(43,38,34,.07)}
.epcard .num{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}
.epcard h3{font-family:'Jost';font-size:21px;font-weight:600;letter-spacing:-.01em;margin:8px 0 12px;line-height:1.18}
.epcard p{font-size:14px;color:#6b6256;line-height:1.5}
.epcard .go{margin-top:16px;font-size:14px;font-weight:600;color:var(--accent)}

/* ---- HOWTO ---- */
.howto{background:var(--areia-clara);border-radius:18px;padding:28px;margin:40px 0}
.howto h2{font-size:18px}
.howto ul{list-style:none;display:grid;gap:12px;margin-top:8px}
.howto li{font-size:15px;padding-left:26px;position:relative;color:#5a5247}
.howto li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:3px;background:var(--areia)}
.howto code{background:#fff;padding:2px 7px;border-radius:6px;font-size:13px;font-family:ui-monospace,monospace}

/* ---- EPISODE PAGE ---- */
.ep-head{padding-bottom:36px;border-bottom:1px solid var(--linha);margin-bottom:8px}
.ep-set{
  margin-top:24px;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:20px 22px;
}
.ep-set .k{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ep-set .v{font-size:16px;line-height:1.5;margin-top:6px}
.ep-meta{display:grid;gap:14px;margin-top:14px}
.ep-meta .row{font-size:15px;color:#6b6256;line-height:1.5}
.ep-meta .row b{color:var(--preto);font-weight:600}

/* ---- BLOCKS ---- */
.bloco{margin:36px 0;padding-top:8px}
.bloco-head{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:20px;border-bottom:2px solid var(--areia-clara);
}
.bloco-head .tag{
  font-family:'Jost';font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:var(--preto);color:var(--offwhite);padding:4px 11px;border-radius:7px;
}

.fala{
  font-size:20px;line-height:1.7;font-weight:400;color:var(--preto);
  margin:0 0 14px;max-width:640px;
}
.dir{font-size:14px;color:var(--muted);font-style:italic;margin:0 0 14px}
.pausa{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;
  color:var(--accent);background:#efe7da;padding:2px 9px;border-radius:6px;
  margin:2px 0 16px;text-transform:uppercase;
}

/* ---- CENAS ---- */
.cenas{list-style:none;display:grid;gap:12px;margin:6px 0}
.cenas li{font-size:15px;line-height:1.5;color:#5a5247;padding-left:30px;position:relative}
.cenas li .n{position:absolute;left:0;top:0;font-family:'Jost';font-weight:600;color:var(--accent)}

/* ---- CORTES PARA REDE SOCIAL ---- */
.cortes{
  background:var(--areia-clara);border:1px solid #e3d6c4;border-radius:18px;
  padding:26px 28px;margin:40px 0 0;
}
.cortes h2{font-size:17px;color:var(--preto)}
.cortes ul{list-style:none;display:grid;gap:12px;margin-top:10px}
.cortes li{font-size:15px;line-height:1.5;color:#5a5247;padding-left:30px;position:relative}
.cortes li .c{position:absolute;left:0;top:0;font-weight:600;color:var(--terracota)}

/* ---- ENCERRAMENTO (caixa escura) ---- */
.encerra{
  background:var(--salvia);color:#f1f0e8;border-radius:18px;padding:30px;margin:48px 0 0;
}
.encerra h2{color:#fff;font-size:18px}
.encerra p{font-size:15px;line-height:1.6;color:#e6e7da;margin-top:8px}
.encerra .quote{
  font-family:'Jost';font-size:19px;font-weight:500;color:#fff;line-height:1.4;
  margin-top:18px;border-left:3px solid var(--areia);padding-left:16px;
}

/* ---- FOOTER NAV ---- */
.footnav{display:flex;justify-content:space-between;gap:12px;margin-top:60px;flex-wrap:wrap}
.footnav a{
  flex:1;min-width:180px;text-decoration:none;background:#fff;border:1px solid var(--linha);
  border-radius:14px;padding:18px 22px;transition:.15s;
}
.footnav a:hover{border-color:var(--areia)}
.footnav .lab{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.footnav .t{font-family:'Jost';font-size:16px;font-weight:500;margin-top:4px}
.footnav .next{text-align:right}

.foot{text-align:center;color:var(--muted);font-size:13px;margin-top:60px}

@media(max-width:560px){
  .wrap{padding:32px 18px 90px}
  .fala{font-size:18px}
  .epnav{display:none}
}