/* ====================================================================
   CONSCIÊNCIA S/A — site institucional (v2)
   Tokens do Design System oficial. Sem animações dependentes de JS —
   o conteúdo é sempre visível por padrão.
   ==================================================================== */

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

:root{
  --ember:#F18644;
  --ember-deep:#C96A2E;
  --ember-light:#FBD9BE;
  --ember-wash:#FDF0E5;
  --stone:#878786;
  --stone-light:#C7C6C4;
  --stone-dark:#5A5A59;
  --ink:#2B2B2A;
  --cream:#FAF7F2;
  --sand:#EFE9E0;
  --white:#FFFFFF;
  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:26px;
  --wrap:1120px;
  --nav-h:72px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body{
  background:var(--cream); color:var(--ink); font-family:'Inter',sans-serif;
  line-height:1.62; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:var(--ember-deep); text-decoration:none;}
ul{list-style:none;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif; color:var(--ink); letter-spacing:-.01em;}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 28px;}
.swirl{width:26px; height:26px; flex-shrink:0;}

/* anchors land below the sticky nav, not behind it */
section[id], header[id]{scroll-margin-top:calc(var(--nav-h) + 14px);}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--ember-deep);
  background:var(--ember-wash); padding:7px 14px; border-radius:100px; margin-bottom:20px;
}

.btn{
  font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px; border:none; cursor:pointer;
  padding:13px 26px; border-radius:100px; transition:transform .15s ease, background .2s ease, border-color .2s ease;
  display:inline-flex; align-items:center; gap:9px; white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--ember); color:var(--white);}
.btn-primary:hover{background:var(--ember-deep);}
.btn-dark{background:var(--ink); color:var(--white);}
.btn-dark:hover{background:#000;}
.btn-secondary{background:transparent; color:var(--ink); border:1.5px solid var(--stone-light);}
.btn-secondary:hover{border-color:var(--ink);}
.btn-wa svg{width:16px; height:16px; flex-shrink:0;}

.badge{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; padding:6px 12px; border-radius:100px;}
.badge-ember{background:var(--ember-wash); color:var(--ember-deep);}

/* ---------------- NAV ---------------- */
nav.site-nav{
  position:sticky; top:0; z-index:100; height:var(--nav-h); background:rgba(250,247,242,.95);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--sand);
}
nav.site-nav .wrap{display:flex; align-items:center; justify-content:space-between; height:100%;}
.brandmark img{height:24px; width:auto;}
.nav-links{display:flex; align-items:center; gap:24px;}
.nav-links a.navlink{font-size:13.5px; font-weight:500; color:var(--stone-dark);}
.nav-links a.navlink:hover{color:var(--ember-deep);}
.nav-toggle{
  display:none; background:none; border:0; font-family:'Inter'; font-weight:600; font-size:13px;
  color:var(--ink); cursor:pointer; padding:8px;
}
@media (max-width:880px){
  .nav-links{
    position:fixed; top:var(--nav-h); left:0; right:0; background:var(--white);
    flex-direction:column; align-items:stretch; padding:20px 28px 26px; gap:16px;
    border-bottom:1px solid var(--sand); display:none;
  }
  .nav-links.open{display:flex;}
  .nav-toggle{display:block;}
}

/* ---------------- HERO ---------------- */
header.hero{padding:80px 0 68px;}
header.hero h1{font-size:clamp(34px,5.2vw,56px); font-weight:700; max-width:780px; line-height:1.1;}
header.hero h1 span{color:var(--ember);}
header.hero p.lede{font-size:18px; color:var(--stone-dark); max-width:580px; margin-top:20px;}
header.hero .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:32px;}
header.hero .tagline-line{margin-top:40px; padding-top:22px; border-top:1px solid var(--sand); display:flex; align-items:center; gap:12px; color:var(--stone); font-size:13px;}

/* ---------------- SECTION SHELL ---------------- */
section{padding:64px 0;}
section.alt{background:var(--white); border-top:1px solid var(--sand); border-bottom:1px solid var(--sand);}
.section-head{margin-bottom:36px; max-width:680px;}
.section-head .num{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ember-deep); letter-spacing:.1em; font-weight:500;}
.section-head h2{font-size:clamp(25px,3.2vw,36px); margin-top:8px;}
.section-head p{color:var(--stone-dark); margin-top:10px; font-size:15px;}

/* ---------------- ESCADA DE OFERTA ---------------- */
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.prod-card{background:var(--cream); border:1px solid var(--sand); border-radius:var(--radius-md); padding:26px; display:flex; flex-direction:column; gap:8px;}
.prod-card .idx{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ember-deep);}
.prod-card h4{font-size:17px;}
.prod-card p{font-size:13.5px; color:var(--stone-dark); flex-grow:1;}
.prod-card .price{font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--ink); margin-top:2px;}
.prod-card a.link{font-size:13px; font-weight:600; color:var(--ember-deep); margin-top:6px;}
.prod-card a.link:hover{text-decoration:underline;}
@media (max-width:860px){.card-grid{grid-template-columns:1fr;}}

/* ---------------- FLAGSHIP: INTELIGÊNCIA ESPIRITUAL ---------------- */
.flagship-card{
  background:var(--white); border:1.5px solid var(--ember-light); border-radius:var(--radius-lg);
  padding:40px; box-shadow:0 20px 44px -24px rgba(43,43,42,.22);
}
.flag-grid{display:grid; grid-template-columns:.62fr 1.38fr; gap:44px; align-items:center;}
.flag-photo .frame{
  aspect-ratio:4/5; border-radius:var(--radius-md); overflow:hidden; background:var(--sand);
}
.flag-photo .frame img{width:100%; height:100%; object-fit:cover; object-position:center 20%;}
.flag-photo .caption{margin-top:12px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--stone-dark); text-align:center;}
.flagship-card h2{font-size:clamp(26px,3.4vw,36px); margin-bottom:6px;}
.flagship-card .role-line{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--ember-deep); letter-spacing:.02em; margin-bottom:18px; display:block;}
.flagship-card p.body{font-size:15.5px; color:var(--ink); margin-bottom:14px; max-width:600px;}
.cred-strip{display:flex; flex-wrap:wrap; gap:9px; margin:20px 0 26px;}
.cred-strip span{
  font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--stone-dark);
  border:1px solid var(--sand); background:var(--cream); padding:6px 11px; border-radius:100px;
}
.flag-actions{display:flex; gap:12px; flex-wrap:wrap;}
@media (max-width:860px){
  .flagship-card{padding:26px;}
  .flag-grid{grid-template-columns:1fr; gap:26px;}
  .flag-photo .frame{max-width:260px; margin:0 auto;}
}

.sub-offers{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:36px;}
.sub-offer{background:var(--cream); border:1px solid var(--sand); border-radius:var(--radius-md); padding:20px;}
.sub-offer .idx{font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--ember-deep); margin-bottom:8px; display:block;}
.sub-offer h4{font-size:15px; margin-bottom:8px;}
.sub-offer p{color:var(--stone-dark); font-size:13px;}
@media (max-width:780px){.sub-offers{grid-template-columns:1fr;}}

/* ---------------- QUEM FALA ---------------- */
.who-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.who-card{background:var(--white); border:1px solid var(--sand); border-radius:var(--radius-md); overflow:hidden; display:flex;}
.who-photo{width:150px; flex-shrink:0; aspect-ratio:4/5; background:var(--sand);}
.who-photo img{width:100%; height:100%; object-fit:cover;}
.who-text{padding:22px 22px;}
.who-text .tag{font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--ember-deep); letter-spacing:.06em; text-transform:uppercase;}
.who-text h4{font-size:18px; margin:8px 0 8px;}
.who-text p{font-size:13.5px; color:var(--stone-dark);}
@media (max-width:780px){.who-grid{grid-template-columns:1fr;} .who-card{flex-direction:column;} .who-photo{width:100%; aspect-ratio:16/9;}}

/* ---------------- STATS ---------------- */
.stat-row{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--sand); margin-top:8px;}
.stat{padding:26px 22px 0; border-right:1px solid var(--sand);}
.stat:last-child{border-right:none;}
.stat .num{font-family:'Poppins',sans-serif; font-size:clamp(28px,3.4vw,40px); font-weight:700; color:var(--ink); line-height:1;}
.stat .num span{color:var(--ember-deep);}
.stat .cap{font-size:13px; color:var(--stone-dark); margin-top:8px; padding-bottom:26px; max-width:210px;}
@media (max-width:760px){.stat-row{grid-template-columns:1fr;} .stat{border-right:none; border-bottom:1px solid var(--sand);}}

/* ---------------- CTA FINAL ---------------- */
.cta-final{background:var(--ember); color:var(--white); padding:66px 0; text-align:center;}
.cta-final h2{color:var(--white); font-size:clamp(26px,3.6vw,38px); max-width:680px; margin:0 auto 14px;}
.cta-final p{color:rgba(255,255,255,.92); font-size:15.5px; max-width:540px; margin:0 auto 28px;}

/* ---------------- CONTATO ---------------- */
.contact-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:48px;}
.contact-grid .direct{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--stone-dark); line-height:2.2; margin-top:18px;}
.contact-grid .direct b{color:var(--ink); display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; margin-top:14px;}
form.card-form{background:var(--white); border:1px solid var(--sand); padding:30px; border-radius:var(--radius-md);}
.f-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.f-group{margin-bottom:15px;}
.f-group label{display:block; font-size:11.5px; font-weight:600; color:var(--stone-dark); margin-bottom:6px;}
.f-group input, .f-group select, .f-group textarea{
  width:100%; border:1.5px solid var(--sand); background:var(--cream); padding:11px 13px;
  font-family:'Inter',sans-serif; font-size:14px; color:var(--ink); border-radius:9px;
}
.f-group input:focus, .f-group select:focus, .f-group textarea:focus{outline:2px solid var(--ember); outline-offset:1px; border-color:var(--ember);}
.f-group textarea{resize:vertical; min-height:88px;}
.form-msg{margin-top:12px; font-size:13.5px; padding:11px 13px; border-radius:9px; display:none;}
.form-msg.ok{display:block; background:#EAF3E6; color:#3D6E2F;}
.form-msg.err{display:block; background:#FBEAE7; color:#B23A3A;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;} .f-row{grid-template-columns:1fr;} form.card-form{padding:22px;}}

/* ---------------- FOOTER ---------------- */
footer{background:var(--ink); color:rgba(255,255,255,.6); padding:44px 0 30px;}
footer .wrap{display:flex; justify-content:space-between; align-items:flex-start; gap:22px; flex-wrap:wrap;}
footer img.flogo{height:20px; margin-bottom:12px;}
footer .fnote{font-size:12.5px; max-width:380px; line-height:1.7;}
footer .fright{font-family:'JetBrains Mono',monospace; font-size:12px; text-align:right;}
footer .fright a{color:rgba(255,255,255,.75);}
footer .fcopy{margin-top:10px; color:rgba(255,255,255,.4);}
@media (max-width:680px){footer .wrap{flex-direction:column;} footer .fright{text-align:left;}}

/* ---------------- WHATSAPP FLOAT ---------------- */
.wa-float{
  position:fixed; bottom:20px; right:20px; z-index:150; background:#25D366; color:#fff;
  width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.4); transition:transform .2s ease;
}
.wa-float:hover{transform:scale(1.06);}
.wa-float svg{width:26px; height:26px;}