/* =========================================================
   CAREKA DIGITAL — V54 MINI LP GUIA ESTRATÉGICO
   Página de espera do material "A camada estratégica que quase ninguém vê".
   ========================================================= */
:root{
  --guide-bg:#05070a;
  --guide-surface:rgba(10,13,18,.86);
  --guide-surface-2:rgba(16,18,22,.72);
  --guide-line:rgba(197,160,89,.22);
  --guide-gold:#C5A059;
  --guide-copper:#C45D18;
  --guide-text:#FDF8F0;
  --guide-muted:rgba(253,248,240,.70);
}
body.guideLanding{
  min-height:100vh;
  background:
    radial-gradient(900px 520px at 82% 4%,rgba(197,160,89,.12),transparent 64%),
    radial-gradient(820px 520px at 8% 16%,rgba(196,93,24,.08),transparent 60%),
    linear-gradient(180deg,#05070a 0%,#080b10 48%,#05070a 100%);
  color:var(--guide-text);
}
.guideMain{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.guideMain::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(197,160,89,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(197,160,89,.05) 1px,transparent 1px);
  background-size:118px 118px;
  mask-image:radial-gradient(circle at 50% 22%,black,transparent 72%);
  opacity:.38;
}
.guideShell{
  width:min(100% - 42px,1240px);
  margin-inline:auto;
}
.guideHero{
  min-height:calc(100svh - 98px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr);
  gap:clamp(28px,4vw,58px);
  align-items:center;
  padding:clamp(132px,12vw,178px) 0 clamp(56px,8vw,96px);
}
.guideKicker{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--guide-gold);
  font:800 clamp(.78rem,.82vw,.92rem)/1 Inter,system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.guideKicker::after{
  content:"";
  width:58px;
  height:1px;
  background:linear-gradient(90deg,var(--guide-gold),transparent);
}
.guideHero h1{
  margin:clamp(18px,2vw,24px) 0 0;
  max-width:10.8ch;
  font-family:"Bebas Neue",Impact,sans-serif;
  font-weight:400;
  font-size:clamp(58px,8.1vw,132px);
  line-height:.9;
  letter-spacing:.012em;
  text-transform:uppercase;
  text-wrap:balance;
  color:var(--guide-text);
}
.guideHero h1 .gold{color:var(--guide-gold);}
.guideLead{
  max-width:66ch;
  margin:clamp(22px,2.4vw,30px) 0 0;
  color:var(--guide-muted);
  font:400 clamp(17px,1.22vw,21px)/1.72 Inter,system-ui,sans-serif;
}
.guideLead strong{color:var(--guide-text);font-weight:700;}
.guideActions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:clamp(28px,3vw,38px);
}
.guideBtn{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  padding:0 24px;
  text-decoration:none;
  font:800 .88rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:transform .28s cubic-bezier(.16,1,.3,1),background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.guideBtn--primary{
  color:#130c06;
  border:1px solid rgba(244,189,91,.72);
  background:linear-gradient(135deg,#F0C15E,#C45D18);
  box-shadow:0 18px 54px rgba(196,93,24,.24);
}
.guideBtn--ghost{
  color:var(--guide-text);
  border:1px solid rgba(197,160,89,.30);
  background:rgba(255,255,255,.025);
}
.guideBtn:hover,.guideBtn:focus-visible{transform:translateY(-2px);}
.guideBtn--ghost:hover,.guideBtn--ghost:focus-visible{color:#130c06;background:var(--guide-gold);border-color:var(--guide-gold);}
.guideMeta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:clamp(28px,3vw,42px);
  max-width:720px;
}
.guideMeta span{
  border:1px solid rgba(197,160,89,.20);
  border-radius:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.028);
  color:rgba(253,248,240,.74);
  font:600 .84rem/1.35 Inter,system-ui,sans-serif;
}
.guidePreview{
  position:relative;
  min-height:clamp(520px,44vw,640px);
  border:1px solid rgba(197,160,89,.22);
  border-radius:clamp(30px,3vw,42px);
  background:
    radial-gradient(380px 300px at 50% 18%,rgba(197,160,89,.14),transparent 62%),
    linear-gradient(180deg,rgba(16,18,22,.82),rgba(5,7,10,.94));
  box-shadow:0 34px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  padding:clamp(24px,3vw,34px);
}
.guidePreview::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,transparent 48%,rgba(197,160,89,.10),transparent 58%),
    radial-gradient(480px 360px at 100% 0%,rgba(196,93,24,.12),transparent 64%);
  pointer-events:none;
}
.guidePreview__inner{
  position:relative;
  height:100%;
  display:grid;
  align-content:space-between;
  gap:28px;
}
.guideSeal{
  width:96px;
  height:96px;
  border-radius:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(197,160,89,.32);
  background:rgba(5,7,10,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 60px rgba(197,160,89,.10);
}
.guideSeal img{width:64px;height:64px;object-fit:contain;}
.guidePreview h2{
  margin:0;
  color:var(--guide-gold);
  font:400 clamp(38px,3.2vw,54px)/.94 "Bebas Neue",Impact,sans-serif;
  letter-spacing:.045em;
  text-transform:uppercase;
  text-wrap:balance;
}
.guidePreview p{margin:0;color:var(--guide-muted);font:400 1rem/1.68 Inter,system-ui,sans-serif;max-width:38ch;}
.guidePreview__list{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.guidePreview__list li{display:flex;gap:10px;align-items:flex-start;color:rgba(253,248,240,.76);font:500 .95rem/1.45 Inter,system-ui,sans-serif;}
.guidePreview__list li::before{content:"";width:8px;height:8px;border-radius:99px;background:linear-gradient(180deg,var(--guide-gold),var(--guide-copper));margin-top:.45em;box-shadow:0 0 0 5px rgba(197,160,89,.06);flex:0 0 auto;}
.guideSection{padding:clamp(56px,7vw,86px) 0;}
.guideSplit{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(26px,4vw,58px);align-items:start;}
.guideSection h2,.guideCta h2{
  margin:0;
  font-family:"Bebas Neue",Impact,sans-serif;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.92;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-wrap:balance;
  color:var(--guide-text);
}
.guideSection h2 span,.guideCta h2 span{color:var(--guide-gold);}
.guideCopy{display:grid;gap:18px;color:var(--guide-muted);font:400 clamp(16px,1.05vw,18px)/1.78 Inter,system-ui,sans-serif;}
.guideCopy p{margin:0;}
.guideCopy strong{color:var(--guide-text);}
.guideCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(30px,4vw,46px);}
.guideCard{
  border:1px solid rgba(197,160,89,.20);
  border-radius:26px;
  padding:clamp(22px,2.3vw,28px);
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.015));
  box-shadow:0 20px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);
}
.guideCard span{color:var(--guide-gold);font:800 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;}
.guideCard h3{margin:18px 0 12px;color:var(--guide-text);font:400 clamp(30px,2.7vw,42px)/.95 "Bebas Neue",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;}
.guideCard p{margin:0;color:var(--guide-muted);font:400 .98rem/1.68 Inter,system-ui,sans-serif;}
.guideQuote{
  margin-top:clamp(34px,5vw,56px);
  border-left:2px solid var(--guide-gold);
  padding:4px 0 4px clamp(22px,2.4vw,30px);
  max-width:900px;
  color:var(--guide-text);
  font:500 clamp(20px,1.7vw,26px)/1.55 Inter,system-ui,sans-serif;
}
.guideCta{
  margin:clamp(54px,7vw,96px) auto clamp(70px,8vw,110px);
  padding:clamp(28px,4vw,48px);
  border:1px solid rgba(197,160,89,.24);
  border-radius:clamp(28px,3vw,42px);
  background:
    radial-gradient(720px 260px at 100% 0%,rgba(197,160,89,.10),transparent 64%),
    linear-gradient(180deg,rgba(16,18,22,.80),rgba(7,9,13,.94));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(26px,4vw,52px);
  align-items:center;
}
.guideCta p{margin:18px 0 0;color:var(--guide-muted);font:400 clamp(16px,1.06vw,18px)/1.72 Inter,system-ui,sans-serif;max-width:68ch;}
.guideCta__actions{display:grid;gap:12px;min-width:min(100%,320px);}
.guideSmall{display:block;color:rgba(253,248,240,.56);font:500 .86rem/1.5 Inter,system-ui,sans-serif;text-align:center;}
html[data-theme="light"] body.guideLanding{
  background:radial-gradient(900px 520px at 82% 4%,rgba(196,93,24,.10),transparent 64%),linear-gradient(180deg,#FBF4E9 0%,#F4E7D4 100%);
  color:#21150D;
}
html[data-theme="light"] .guideMain::before{opacity:.26;}
html[data-theme="light"] .guideHero h1,html[data-theme="light"] .guideSection h2,html[data-theme="light"] .guideCard h3,html[data-theme="light"] .guideCta h2{color:#21150D;}
html[data-theme="light"] .guideLead,html[data-theme="light"] .guideCopy,html[data-theme="light"] .guideCard p,html[data-theme="light"] .guidePreview p,html[data-theme="light"] .guidePreview__list li,html[data-theme="light"] .guideCta p{color:rgba(33,21,13,.72);}
html[data-theme="light"] .guidePreview,html[data-theme="light"] .guideCard,html[data-theme="light"] .guideCta{background:linear-gradient(180deg,rgba(255,251,244,.92),rgba(244,232,214,.88));border-color:rgba(196,93,24,.18);box-shadow:0 22px 70px rgba(67,42,21,.10),inset 0 1px 0 rgba(255,255,255,.70);}
html[data-theme="light"] .guideSeal{background:rgba(255,251,244,.66);}
html[data-theme="light"] .guideBtn--ghost{color:#C45D18;background:#fff8ef;border-color:rgba(196,93,24,.24);}
html[data-theme="light"] .guideBtn--ghost:hover,html[data-theme="light"] .guideBtn--ghost:focus-visible{background:#C45D18;color:#fff8ef;border-color:#C45D18;}
html[data-theme="light"] .guideMeta span{background:rgba(255,251,244,.72);color:rgba(33,21,13,.72);border-color:rgba(196,93,24,.16);}
@media(max-width:980px){
  .guideHero,.guideSplit,.guideCta{grid-template-columns:1fr;}
  .guideHero{padding-top:clamp(124px,20vw,154px);}
  .guidePreview{min-height:460px;}
  .guideCards{grid-template-columns:1fr;}
  .guideCta__actions{min-width:0;}
}
@media(max-width:640px){
  .guideShell{width:min(100% - 28px,1240px);}
  .guideHero h1{font-size:clamp(48px,15vw,72px);max-width:100%;}
  .guideMeta{grid-template-columns:1fr;}
  .guideActions{display:grid;}
  .guideBtn{width:100%;padding-inline:18px;}
  .guidePreview{min-height:auto;}
  .guidePreview__inner{gap:34px;}
}