/* =====================================================================
   CK Advogadas — camada de marca sobre a base do blog (site.css)
   Carregada depois de site.css. Mesma lógica da camada DP2: não reescreve
   o motor do blog, troca tokens, tipografia, topo, rodapé, hero e cards
   para a identidade de ckadvogadas.com.br (creme, tinta, dourado;
   Cormorant Garamond nos títulos e Outfit no texto).
   ===================================================================== */

/* ---------- Fontes (as mesmas do site principal, servidas localmente) ---------- */
@font-face{font-family:"Cormorant Garamond";src:url(/blog/assets/ck/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/blog/assets/ck/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/blog/assets/ck/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/blog/assets/ck/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Outfit;src:url(/blog/assets/ck/fonts/outfit-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Outfit;src:url(/blog/assets/ck/fonts/outfit-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Outfit;src:url(/blog/assets/ck/fonts/outfit-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Outfit;src:url(/blog/assets/ck/fonts/outfit-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* ---------- Tokens (valores de assets/css/style.css do site principal) ---------- */
:root{
  --ck-ink:#1a1a1a;
  --ck-ink-soft:#3d3d3d;
  --ck-ink-muted:#6b6b6b;
  --ck-sand:#f5f0eb;
  --ck-sand-light:#faf7f4;
  --ck-cream:#fffcf8;
  --ck-gold:#b8954f;
  --ck-gold-light:#d4b978;
  --ck-gold-dark:#96783e;
  --ck-gold-ink:#7d6331;          /* dourado para TEXTO sobre creme (AA 5.4:1) */
  --ck-border:#e5ddd4;
  --ck-border-light:#ede7e0;
  --ck-green:#25d366;
  --ck-green-dark:#1fb855;
  --ck-display:"Cormorant Garamond",Georgia,serif;
  --ck-body:Outfit,"Helvetica Neue",Arial,sans-serif;
  --ck-radius-sm:4px;
  --ck-radius-md:8px;
  --ck-radius-lg:16px;
  --ck-shadow-sm:0 1px 3px rgba(26,26,26,.06);
  --ck-shadow-md:0 4px 20px rgba(26,26,26,.08);
  --ck-shadow-lg:0 12px 40px rgba(26,26,26,.12);
  --ck-ease:cubic-bezier(.25,.46,.45,.94);
  --ck-nav-h:80px;

  /* tokens da base apontando para a marca */
  --paper:var(--ck-cream);
  --paper-2:var(--ck-sand);
  --surface:#fff;
  --surface-soft:var(--ck-sand-light);
  --ink:var(--ck-ink);
  --ink-2:var(--ck-ink-soft);
  --muted:var(--ck-ink-muted);
  --line:var(--ck-border);
  --line-strong:#d6cbbd;
  --accent:var(--ck-gold);
  --accent-soft:#f3ead9;
  --teal:var(--ck-gold-dark);
  --sans:var(--ck-body);
  --serif:var(--ck-display);
  --header-h:var(--ck-nav-h);
  --sod-shell:1200px;
  --sod-blue:var(--ck-gold);
  --sod-blue-dark:var(--ck-gold-ink);
  --sod-ink:var(--ck-ink);
  --sod-text:var(--ck-ink-soft);
  --sod-muted:var(--ck-ink-muted);
  --sod-line:var(--ck-border);
  --sod-news:var(--ck-sand);
}

/* A base declara Inter em vários componentes; a marca troca tudo por Outfit. */
.ck-site,.ck-site *:not(code):not(pre):not(kbd):not(samp){font-family:var(--ck-body)}
.ck-site h1 *,.ck-site h2 *,.ck-site h3 *,.ck-site h4 *{font-family:inherit!important}
.ck-site{background:var(--ck-cream);color:var(--ck-ink);font-weight:300;-webkit-font-smoothing:antialiased}
.ck-site a{text-decoration:none}
.ck-site ::selection{background:var(--ck-gold);color:#fff}
.ck-site :focus-visible{outline:2px solid var(--ck-gold);outline-offset:3px}
.ck-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
html:has(.ck-navbar__menu.is-open){overflow:hidden}

/* ---------- Botões ---------- */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:var(--ck-radius-sm);cursor:pointer;transition:transform .25s var(--ck-ease),background-color .25s var(--ck-ease),box-shadow .25s var(--ck-ease);line-height:1.2}
.ck-btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.ck-btn--primary{background:var(--ck-green);color:#fff!important}
.ck-btn--primary:hover{background:var(--ck-green-dark);transform:translateY(-2px);box-shadow:var(--ck-shadow-md)}
.ck-btn--whatsapp{background:var(--ck-green);color:#fff!important;border-radius:var(--ck-radius-md);font-weight:600}
.ck-btn--whatsapp:hover{background:var(--ck-green-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,211,102,.3)}
.ck-btn--white{background:#fff;color:var(--ck-ink)!important}
.ck-btn--white:hover{background:var(--ck-sand);transform:translateY(-2px)}

/* ==========================================================================
   TOPO + NAVBAR — espelho de ckadvogadas.com.br
   ========================================================================== */
.ck-topbar{background:var(--ck-ink);color:#fff;padding:8px 0;font-size:.8rem;font-weight:300;line-height:1.6}
.ck-topbar .ck-container{display:flex;justify-content:space-between;align-items:center;gap:16px}
.ck-topbar a{color:rgba(255,255,255,.7);transition:color .25s var(--ck-ease)}
.ck-topbar a:hover{color:var(--ck-gold-light)}
.ck-topbar__social{display:flex;gap:16px}

.ck-navbar{position:sticky;top:0;z-index:1000;background:var(--ck-cream);border-bottom:1px solid var(--ck-border-light);transition:background-color .4s var(--ck-ease),box-shadow .4s var(--ck-ease)}
.ck-navbar.is-scrolled{background:rgba(255,252,248,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--ck-shadow-sm)}
.ck-navbar__inner{display:flex;justify-content:space-between;align-items:center;height:var(--ck-nav-h)}
.ck-navbar__logo{display:flex;align-items:center}
.ck-navbar__logo-box{display:flex;align-items:center;justify-content:center;width:148px;height:68px;padding:10px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(184,149,79,.22);box-shadow:0 10px 24px rgba(26,26,26,.08)}
.ck-navbar__logo-box img{width:100%;height:auto;object-fit:contain}
.ck-navbar__menu{display:flex;align-items:center}
.ck-navbar__menu>a,.ck-navbar__trigger{position:relative;display:inline-flex;align-items:center;padding:8px 18px;border:0;background:none;font-size:.85rem;font-weight:400;letter-spacing:.03em;color:var(--ck-ink-soft);cursor:pointer;transition:color .25s var(--ck-ease)}
.ck-navbar__menu>a::after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:2px;background:var(--ck-gold);transform:scaleX(0);transition:transform .4s var(--ck-ease)}
.ck-navbar__menu>a:hover,.ck-navbar__menu>a.is-active,.ck-navbar__trigger:hover{color:var(--ck-ink)}
.ck-navbar__menu>a:hover::after,.ck-navbar__menu>a.is-active::after{transform:scaleX(1)}
.ck-navbar__menu>a.ck-navbar__cta{margin-left:16px;padding:10px 24px;font-size:.8rem;color:#fff;background:var(--ck-green)}
.ck-navbar__menu>a.ck-navbar__cta:hover{background:var(--ck-green-dark);color:#fff}
.ck-navbar__menu>a.ck-navbar__cta::after{display:none}
.ck-navbar__group{position:relative}
.ck-navbar__dropdown{position:absolute;top:100%;left:0;min-width:240px;padding:12px 0;background:#fff;border:1px solid var(--ck-border-light);border-radius:var(--ck-radius-md);box-shadow:var(--ck-shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s var(--ck-ease),transform .25s var(--ck-ease),visibility 0s .25s;z-index:100}
.ck-navbar__group:hover .ck-navbar__dropdown,.ck-navbar__group:focus-within .ck-navbar__dropdown,.ck-navbar__group.is-open .ck-navbar__dropdown{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ck-ease),transform .25s var(--ck-ease)}
.ck-navbar__dropdown a{display:block;padding:10px 24px;font-size:.85rem;color:var(--ck-ink-soft)}
.ck-navbar__dropdown a:hover{background:var(--ck-sand-light);color:var(--ck-gold-dark)}
.ck-menu-toggle{display:none;position:relative;z-index:1001;flex-direction:column;gap:5px;padding:8px;border:0;background:none;cursor:pointer}
.ck-menu-toggle span{display:block;width:24px;height:2px;background:var(--ck-ink);transition:transform .25s var(--ck-ease),opacity .25s var(--ck-ease)}
.ck-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ck-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.4)}
.ck-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ==========================================================================
   HERO — mesmo padrão das páginas internas do site principal
   (fundo escuro, letra inicial gigante, meta em dourado, divisor)
   ========================================================================== */
.ck-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:420px;overflow:hidden;color:#fff;background:radial-gradient(ellipse 70% 60% at 8% 100%,rgba(184,149,79,.20) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 100% 0%,rgba(196,125,90,.10) 0%,transparent 55%),linear-gradient(135deg,#1a1410 0%,#251c14 50%,#1a1410 100%)}
.ck-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 38px,rgba(184,149,79,.05) 38px,rgba(184,149,79,.05) 39px,transparent 39px,transparent 78px);-webkit-mask-image:linear-gradient(115deg,rgba(0,0,0,.6) 0%,transparent 70%);mask-image:linear-gradient(115deg,rgba(0,0,0,.6) 0%,transparent 70%)}
.ck-hero--photo{min-height:clamp(460px,52svh,580px);background:#1a1410}
.ck-hero--photo::before{display:none}
.ck-hero__media{position:absolute;inset:0;z-index:0}
.ck-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04)}
.ck-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,12,.88) 0%,rgba(18,14,12,.66) 38%,rgba(18,14,12,.38) 100%),linear-gradient(to top,rgba(18,14,12,.68) 0%,rgba(18,14,12,.08) 72%)}
.ck-hero__letter{position:absolute;left:-1vw;top:50%;z-index:1;transform:translateY(-48%);font-family:var(--ck-display)!important;font-style:italic;font-weight:400;font-size:clamp(18rem,30vw,28rem);line-height:.85;letter-spacing:-.06em;color:var(--ck-gold);opacity:.12;pointer-events:none;user-select:none;white-space:nowrap}
.ck-hero--article .ck-hero__letter{left:auto;right:-2vw;opacity:.10}
.ck-hero__container{position:relative;z-index:2}
.ck-hero__container::before{content:"";position:absolute;left:24px;bottom:96px;width:1px;height:88px;background:linear-gradient(to bottom,transparent 0%,var(--ck-gold) 30%,var(--ck-gold) 100%)}
.ck-hero__container::after{content:"";position:absolute;left:21px;bottom:88px;width:7px;height:7px;border-radius:50%;background:var(--ck-gold);box-shadow:0 0 0 4px rgba(184,149,79,.12)}
.ck-hero__content{position:relative;max-width:840px;padding:96px 0 80px 56px}
.ck-hero--photo .ck-hero__content{padding-top:110px}
.ck-breadcrumb{margin-bottom:20px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,232,219,.45)}
.ck-breadcrumb a{color:rgba(240,232,219,.6);transition:color .25s var(--ck-ease)}
.ck-breadcrumb a:hover{color:var(--ck-gold-light)}
.ck-breadcrumb .sep{margin:0 8px;color:rgba(240,232,219,.3)}
.ck-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-bottom:22px;font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(240,232,219,.65)}
.ck-hero__meta .num{font-family:var(--ck-display)!important;font-style:italic;font-size:1.4rem;font-weight:400;letter-spacing:0;text-transform:none;line-height:1;color:var(--ck-gold-light)}
.ck-hero__meta .divider{width:28px;height:1px;background:rgba(240,232,219,.3)}
.ck-hero h1{max-width:820px;margin:0 0 24px;font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.06;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.ck-hero--photo h1{font-size:50px}
.ck-hero__divider{display:block;width:64px;height:1px;margin-bottom:22px;background:linear-gradient(to right,var(--ck-gold) 0%,rgba(184,149,79,0) 100%)}
.ck-hero p{max-width:580px;margin:0;font-size:1.08rem;font-weight:300;line-height:1.55;color:rgba(240,232,219,.8)}
.ck-hero__search{display:flex;align-items:center;width:min(520px,100%);height:54px;margin-top:30px;padding-left:20px;border:1px solid rgba(240,232,219,.25);border-radius:var(--ck-radius-md);background:rgba(255,252,248,.96);transition:box-shadow .25s var(--ck-ease)}
.ck-hero__search:focus-within{box-shadow:0 0 0 3px rgba(184,149,79,.55)}
.ck-hero__search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ck-ink);font-size:.95rem;font-weight:400}
.ck-hero__search input::placeholder{color:#7a7068}
.ck-hero__search button{display:grid;place-items:center;width:46px;height:46px;margin-right:4px;border:0;border-radius:6px;background:var(--ck-gold);color:#fff;cursor:pointer;transition:background-color .25s var(--ck-ease)}
.ck-hero__search button:hover{background:var(--ck-gold-dark)}

/* Byline da matéria (dentro do hero escuro) */
.ck-byline{display:flex;align-items:center;gap:14px;margin-top:28px}
.ck-byline__avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:#fff;color:var(--ck-ink);font-size:.75rem;font-weight:600;border:1px solid rgba(184,149,79,.4)}
.ck-byline__avatar img{width:100%;height:100%;object-fit:contain;padding:4px}
.ck-byline__text{display:flex;flex-direction:column;line-height:1.35}
.ck-byline__text strong{font-weight:500;color:#fff;font-size:.95rem}
.ck-byline__text span{font-size:.82rem;color:rgba(240,232,219,.65)}

/* ==========================================================================
   HOME — clusters (cada pilar é uma seção; creme e areia alternados)
   ========================================================================== */
.ck-cluster-nav{padding-top:40px!important;padding-bottom:34px!important}
.ck-site .sod-category-filter a{height:38px;padding:0 18px;border:1px solid var(--ck-border);border-radius:40px;background:#fff;color:var(--ck-ink-soft)!important;font-size:.78rem;font-weight:500;letter-spacing:.04em}
.ck-site .sod-category-filter a:hover{border-color:var(--ck-gold)}
.ck-site .sod-category-filter a.is-active{background:var(--ck-ink);border-color:var(--ck-ink);color:#fff!important}
.ck-cluster{padding:8px 0 24px;scroll-margin-top:calc(var(--ck-nav-h) + 12px)}
.ck-cluster+.ck-cluster{padding-top:64px}
.ck-cluster--light{background:var(--ck-cream)}
.ck-cluster--sand{background:var(--ck-sand)}
.ck-cluster .sod-featured{padding-bottom:56px}
.ck-cluster .sod-all{padding-top:0;padding-bottom:64px}
.ck-site .sod-section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ck-gold-ink)}
.ck-site .sod-section-kicker::before{content:"";width:40px;height:1px;background:var(--ck-gold)}
.ck-featured{display:grid;gap:28px}
.ck-featured__image{display:block;aspect-ratio:1240/300;border-radius:var(--ck-radius-lg);overflow:hidden;background:#1a1410}
.ck-featured__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ck-ease)}
.ck-featured:hover .ck-featured__image img{transform:scale(1.015)}
.ck-featured__copy{display:grid;grid-template-columns:minmax(0,1fr);max-width:860px}
.ck-featured__copy h2{margin:16px 0 14px;font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.01em;color:var(--ck-ink)}
.ck-featured__copy h2 a:hover{color:var(--ck-gold-dark)}
.ck-featured__copy>p{margin:0 0 18px;max-width:680px;font-size:1.02rem;line-height:1.65;color:var(--ck-ink-soft)}
.ck-featured__copy>.sod-category-pill{justify-self:start}
.ck-link-arrow{justify-self:start;margin-top:20px;font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ck-ink)!important;border-bottom:1px solid var(--ck-gold);padding-bottom:4px;transition:color .25s var(--ck-ease)}
.ck-link-arrow:hover{color:var(--ck-gold-dark)!important}
.ck-site .sod-category-pill{min-height:26px;padding:0 12px;border-radius:40px;background:#f3ead9;color:var(--ck-gold-ink);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ck-cluster--sand .sod-category-pill{background:#fff}
.ck-site .sod-card__meta{font-size:.78rem;color:var(--ck-ink-muted)}
.ck-site .sod-card__meta b{font-weight:500;color:var(--ck-ink-soft)}
.ck-site .sod-all__heading h2,.ck-site .sod-related__heading h2{font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:0;color:var(--ck-ink)}
.ck-site .sod-all__heading>span{font-size:.78rem;color:var(--ck-ink-muted)}

/* Cards */
.ck-site .sod-grid{gap:44px 32px}
.ck-card .sod-card__link{display:flex;flex-direction:column;height:100%;padding:0 0 22px;border-radius:var(--ck-radius-lg);background:#fff;border:1px solid var(--ck-border-light);overflow:hidden;transition:transform .4s var(--ck-ease),box-shadow .4s var(--ck-ease),border-color .4s var(--ck-ease)}
.ck-card .sod-card__link:hover{transform:translateY(-4px);box-shadow:var(--ck-shadow-lg);border-color:var(--ck-border)}
.ck-site .ck-card__media{aspect-ratio:1240/300;margin:0 0 18px;border-radius:0;background:#1a1410}
.ck-card .sod-card__body{padding:0 24px}
.ck-site .sod-card__body h3{margin:14px 0 10px;font-family:var(--ck-display)!important;font-weight:500;font-size:1.45rem;line-height:1.18;letter-spacing:0;color:var(--ck-ink)}
.ck-card .sod-card__link:hover h3{color:var(--ck-gold-dark)}
.ck-site .sod-card__body p{font-size:.92rem;line-height:1.6;color:var(--ck-ink-soft);-webkit-line-clamp:3}

/* Placeholder enquanto a capa não sobe: mesmo fundo do hero + letra inicial */
.ck-placeholder{position:relative;display:block;width:100%;height:100%;background:radial-gradient(ellipse 60% 120% at 0% 100%,rgba(184,149,79,.28) 0%,transparent 60%),linear-gradient(135deg,#1a1410 0%,#2a2017 55%,#1a1410 100%);overflow:hidden}
.ck-placeholder::after{content:attr(data-letter);position:absolute;right:6%;top:50%;transform:translateY(-52%);font-family:var(--ck-display)!important;font-style:italic;font-size:clamp(5rem,12vw,11rem);line-height:1;color:var(--ck-gold);opacity:.35}
.ck-placeholder::before{content:"";position:absolute;left:6%;top:50%;width:64px;height:1px;background:linear-gradient(to right,var(--ck-gold),rgba(184,149,79,0))}
.ck-card .ck-placeholder::after{font-size:4.2rem}

.ck-site .sod-load-more button{border-radius:var(--ck-radius-sm);border-color:var(--ck-ink);background:transparent;color:var(--ck-ink);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.ck-site .sod-load-more button:hover{background:var(--ck-ink);color:#fff}

.ck-empty{padding:72px 0 96px;text-align:center}
.ck-empty>span{display:block;color:var(--ck-gold-ink);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.ck-empty h2{margin:12px auto 10px;max-width:640px;font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}
.ck-empty p{margin:0 auto 26px;color:var(--ck-ink-soft)}

/* ==========================================================================
   MATÉRIA (pilar e filha)
   ========================================================================== */
.ck-site .reading-progress{top:var(--ck-nav-h)}
.ck-site .reading-progress span{background:linear-gradient(90deg,var(--ck-gold-dark),var(--ck-gold-light))}
.ck-article-cover{margin-top:40px}
.ck-article-cover img{display:block;width:100%;height:auto;aspect-ratio:1240/300;object-fit:cover;border-radius:var(--ck-radius-lg)}
.ck-article-cover figcaption{margin-top:10px;font-size:.78rem;color:var(--ck-ink-muted)}
.ck-article-cover figcaption span{margin-left:8px}
.ck-audio{margin-top:36px;margin-bottom:36px}
.ck-site .sod-audio-reader{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:18px 22px;border:1px solid var(--ck-border-light);border-radius:var(--ck-radius-lg);background:#fff}
.ck-site .sod-audio-reader__copy span{color:var(--ck-gold-ink)!important}
.ck-site .sod-audio-reader__play{background:var(--ck-ink)!important;border-color:var(--ck-ink)!important;color:#fff!important}

/* Sumário e compartilhar */
.ck-site .sod-toc>strong,.ck-site .sod-share>strong{font-size:.68rem;font-weight:600;letter-spacing:.18em;color:var(--ck-gold-ink)}
.ck-site .sod-toc li{border-left-color:var(--ck-border);font-size:.8rem;line-height:1.4;color:var(--ck-ink-muted)}
.ck-site .sod-toc li a:hover{color:var(--ck-ink)}
.ck-site .sod-toc li a[aria-current="true"]{color:var(--ck-ink);border-left-color:var(--ck-gold)}
.ck-site .sod-toc ol{border-bottom-color:var(--ck-border)}
.ck-site .sod-share{background:transparent!important}
.ck-site .sod-share a,.ck-site .sod-share button{border-color:var(--ck-border);background:#fff;color:var(--ck-ink);font-size:.75rem}
.ck-site .sod-share a:hover,.ck-site .sod-share button:hover{border-color:var(--ck-gold);color:var(--ck-gold-dark)}
.ck-site .sod-mobile-toc details{border-color:var(--ck-border);background:#fff;border-radius:var(--ck-radius-md)}
.ck-site .sod-mobile-toc summary{font-weight:500}
.ck-site .sod-mobile-toc a{color:var(--ck-ink-soft)}

/* Corpo do texto: mesma leitura de .blog-single-content do site principal */
.ck-site .sod-article-body{font-size:1.06rem;line-height:1.8;font-weight:300;color:var(--ck-ink-soft)}
.ck-site .sod-article-body p{margin:0 0 24px}
.ck-site .sod-article-body strong{font-weight:500;color:var(--ck-ink)}
.ck-site .sod-article-body h2{margin:56px 0 20px;font-family:var(--ck-display)!important;font-weight:500;font-size:clamp(1.9rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.005em;color:var(--ck-ink);scroll-margin-top:calc(var(--ck-nav-h) + 28px)}
.ck-site .sod-article-body h2::before{content:"";display:block;width:40px;height:1px;margin-bottom:18px;background:var(--ck-gold)}
.ck-site .sod-article-body h3{margin:38px 0 14px;font-family:var(--ck-display)!important;font-weight:600;font-size:clamp(1.45rem,2.2vw,1.65rem);line-height:1.22;letter-spacing:0;color:var(--ck-ink);scroll-margin-top:calc(var(--ck-nav-h) + 28px)}
.ck-site .sod-article-body h4{margin:30px 0 12px;font-weight:500;font-size:1.08rem;line-height:1.35;color:var(--ck-ink);scroll-margin-top:calc(var(--ck-nav-h) + 28px)}
.ck-site .sod-article-body a{color:var(--ck-gold-ink);text-decoration:underline;text-decoration-color:rgba(184,149,79,.55);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s var(--ck-ease),text-decoration-color .2s var(--ck-ease)}
.ck-site .sod-article-body a:hover{color:var(--ck-ink);text-decoration-color:var(--ck-ink)}
.ck-site .sod-article-body ul,.ck-site .sod-article-body ol{margin:0 0 28px;padding-left:22px}
.ck-site .sod-article-body li{margin:0 0 10px;padding-left:6px}
.ck-site .sod-article-body li::marker{color:var(--ck-gold)}
.ck-site .sod-article-body ol>li::marker{font-family:var(--ck-display);font-weight:600;font-size:1.05em}
.ck-site .sod-article-body blockquote{border-left:2px solid var(--ck-gold);background:transparent;border-radius:0;margin:32px 0;padding:4px 0 4px 22px;font-family:var(--ck-display)!important;font-style:italic;font-size:1.4rem;line-height:1.45;color:var(--ck-ink)}
.ck-site .sod-article-body table{display:table;width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--ck-border);border-radius:var(--ck-radius-md);overflow:hidden;font-size:.92rem;line-height:1.55;background:#fff}
.ck-site .sod-article-body th,.ck-site .sod-article-body td{min-width:0;padding:13px 16px;border:0;border-bottom:1px solid var(--ck-border-light);text-align:left;vertical-align:top}
.ck-site .sod-article-body thead th{background:var(--ck-ink);color:#fff;font-weight:500;font-size:.82rem;letter-spacing:.04em}
.ck-site .sod-article-body thead th strong{color:#fff;font-weight:500}
.ck-site .sod-article-body tbody tr:nth-child(even) td{background:var(--ck-sand-light)}
.ck-site .sod-article-body tbody tr:last-child td{border-bottom:0}
.ck-site .sod-article-body tbody td:first-child{color:var(--ck-ink)}

/* Caixa “Ficou com alguma dúvida?” — mesma do post do blog antigo */
.ck-article-cta{margin-top:12px;margin-bottom:48px;padding:44px 40px;border-radius:var(--ck-radius-lg);background:var(--ck-sand);text-align:center}
.ck-article-cta h2{margin:0 0 12px;font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(1.6rem,3vw,2rem);color:var(--ck-ink)}
.ck-article-cta p{max-width:500px;margin:0 auto 24px;color:var(--ck-ink-soft)}

/* Autor */
.ck-site .ck-author-box{background:#fff;border:1px solid var(--ck-border-light);border-radius:var(--ck-radius-lg)}
.ck-site .sod-author-box>img{object-fit:contain;background:#fff;border:1px solid var(--ck-border);padding:10px}
.ck-site .sod-author-box>div>span{font-size:.68rem;font-weight:600;letter-spacing:.18em;color:var(--ck-gold-ink)}
.ck-site .sod-author-box h2{font-family:var(--ck-display)!important;font-weight:500;font-size:1.8rem}
.ck-site .sod-author-box strong{color:var(--ck-gold-ink);font-weight:500;font-size:.9rem}
.ck-site .sod-author-box p{color:var(--ck-ink-soft)}
.ck-site .sod-author-box__actions a{border-radius:var(--ck-radius-sm);background:var(--ck-ink);font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}
.ck-site .sod-author-box__actions a.is-light{background:#fff;border-color:var(--ck-border);color:var(--ck-ink)}

/* Continue lendo */
.ck-site .sod-related{padding:72px 0 80px}
.ck-site .sod-related__heading>div>span{font-size:.68rem;font-weight:600;letter-spacing:.2em;color:var(--ck-gold-ink)}
.ck-site .sod-related__heading>a{font-size:.85rem;color:var(--ck-ink)!important;border-bottom:1px solid var(--ck-gold);padding-bottom:3px}
.ck-site .sod-related__heading>a:hover{color:var(--ck-gold-dark)!important}

/* ==========================================================================
   BUSCA, AUTOR E 404 — mesmo fundo escuro do hero
   ========================================================================== */
.ck-site .sod-search-hero--brand,.ck-site .sod-not-found{background:#1a1410 url(/blog/assets/ck/blog-hero-1280.webp) center/cover no-repeat}
.ck-site .sod-search-hero--brand::before,.ck-site .sod-not-found::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,12,.9) 0%,rgba(18,14,12,.7) 50%,rgba(18,14,12,.5) 100%)}
.ck-site .sod-search-hero__network,.ck-site .sod-not-found__backdrop{display:none}
.ck-site .sod-search-hero h1,.ck-site .sod-not-found h1{font-family:var(--ck-display)!important;font-weight:400;color:#fff}
.ck-site .sod-search-hero--brand .sod-search-hero__kicker,.ck-site .sod-not-found__kicker{color:var(--ck-gold-light)!important;letter-spacing:.2em}
.ck-site .sod-search-hero--brand>div>p,.ck-site .sod-not-found p{color:rgba(240,232,219,.8)!important}
.ck-site .sod-search-page-field{border-radius:var(--ck-radius-md)!important}
.ck-site .sod-search-hero--brand .sod-search-page-field:focus-within{box-shadow:0 0 0 3px rgba(184,149,79,.55)!important}
.ck-site .sod-search-page-field button{background:var(--ck-gold)!important;color:#fff;border-radius:6px!important}
.ck-site .sod-search-page-field button:hover{background:var(--ck-gold-dark)!important}
.ck-site .sod-search-results__heading>div>span,.ck-site .sod-search-empty>span{color:var(--ck-gold-ink)!important}
.ck-site .sod-search-results__heading h2,.ck-site .sod-search-empty h2,.ck-site .sod-not-found-recent h2{font-family:var(--ck-display)!important;font-weight:400}
.ck-site .sod-not-found__primary{background:var(--ck-gold)!important;border-color:var(--ck-gold)!important;color:#fff!important}
.ck-site .sod-search-grid .ck-card__media,.ck-site .sod-grid--404 .ck-card__media{aspect-ratio:1240/300}
.ck-site .author-hero h1,.ck-site .section-heading h2{font-family:var(--ck-display)!important;font-weight:400}
.ck-site .author-hero__media img{object-fit:contain;background:#fff;padding:24px;border:1px solid var(--ck-border)}
.ck-site .eyebrow,.ck-site .section-heading span{color:var(--ck-gold-ink)!important;letter-spacing:.2em}

/* ==========================================================================
   FAIXA DE CONTATO + RODAPÉ — espelho do site principal
   ========================================================================== */
.ck-cta-banner{position:relative;padding:80px 0;overflow:hidden;background:radial-gradient(ellipse 60% 90% at 15% 50%,rgba(184,149,79,.16) 0%,transparent 60%),linear-gradient(135deg,#221a14 0%,#2b2119 50%,#1f1712 100%)}
.ck-cta-banner__content{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center;color:#fff}
.ck-cta-banner h2{margin:0 0 16px;font-family:var(--ck-display)!important;font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;color:#fff}
.ck-cta-banner p{margin:0 auto 32px;max-width:680px;font-size:1.1rem;color:rgba(255,255,255,.8)}
.ck-cta-banner__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}

.ck-footer{padding:80px 0 0;background:var(--ck-ink);color:rgba(255,255,255,.6)}
.ck-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}
.ck-footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.ck-footer__logo-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border-radius:var(--ck-radius-sm)}
.ck-footer__logo-icon img{width:100%;height:auto}
.ck-footer__logo-text{font-family:var(--ck-display)!important;font-size:1.4rem;font-weight:500;letter-spacing:.05em;color:#fff;line-height:1.2}
.ck-footer__logo-text span{display:block;font-size:.65rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.ck-footer__brand p{margin:16px 0 24px;max-width:420px;font-size:.9rem;color:rgba(255,255,255,.5)}
.ck-footer__social{display:flex;gap:12px}
.ck-footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:var(--ck-radius-sm);color:rgba(255,255,255,.5);transition:background-color .25s var(--ck-ease),border-color .25s var(--ck-ease),color .25s var(--ck-ease)}
.ck-footer__social a:hover{background:var(--ck-gold);border-color:var(--ck-gold);color:#fff}
.ck-footer__title{margin:0 0 24px;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.ck-footer ul{margin:0;padding:0;list-style:none}
.ck-footer li{margin-bottom:12px;font-size:.9rem;line-height:1.6}
.ck-footer li.ck-footer__gap{margin-top:8px}
.ck-footer ul a{color:rgba(255,255,255,.6);transition:color .25s var(--ck-ease)}
.ck-footer ul a:hover{color:var(--ck-gold-light)}
.ck-footer__bottom{padding:24px 0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.45)}
.ck-footer__bottom p{margin:0;max-width:none}

.ck-whatsapp-float{position:fixed;right:28px;bottom:28px;z-index:999;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--ck-green);box-shadow:0 4px 20px rgba(37,211,102,.4);transform:translateZ(0);transition:transform .4s var(--ck-ease),box-shadow .4s var(--ck-ease)}
.ck-whatsapp-float::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(37,211,102,.45);animation:ck-pulse 2s ease-out infinite;pointer-events:none}
.ck-whatsapp-float:hover{transform:translateZ(0) scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,.5)}
.ck-whatsapp-float svg{position:relative;width:30px;height:30px;fill:#fff}
@keyframes ck-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
html:has(.ck-navbar__menu.is-open) .ck-whatsapp-float{display:none}

/* ==========================================================================
   RESPONSIVO — mesmos pontos de quebra do site principal
   ========================================================================== */
@media (max-width:1024px){
  .ck-footer__grid{grid-template-columns:repeat(2,1fr)}
  .ck-site .sod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .ck-topbar{display:none}
  .ck-navbar__logo-box{width:54px;height:54px;padding:6px;border-radius:13px}
  .ck-navbar__logo-box img{width:100%;height:auto}
  .ck-menu-toggle{display:flex}
  .ck-navbar__menu{position:fixed;top:0;right:0;z-index:999;width:80%;max-width:360px;height:100vh;height:100dvh;flex-direction:column;align-items:flex-start;padding:88px 32px 32px;background:var(--ck-cream);box-shadow:0 20px 60px rgba(26,26,26,.15);overflow-y:auto;clip-path:inset(0 0 0 100%);visibility:hidden;transition:clip-path .4s var(--ck-ease),visibility 0s linear .4s}
  .ck-navbar__menu.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .4s var(--ck-ease),visibility 0s}
  .ck-navbar__menu>a,.ck-navbar__trigger{padding:12px 0;font-size:1rem}
  .ck-navbar__menu>a::after{left:0;right:auto;width:28px}
  .ck-navbar__group{width:100%}
  .ck-navbar__dropdown{position:static;min-width:0;padding:0 0 0 16px;border:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none}
  .ck-navbar__dropdown a{padding:8px 0}
  .ck-navbar__menu>a.ck-navbar__cta{margin:16px 0 0}

  .ck-hero{min-height:0}
  .ck-hero--photo{min-height:0}
  .ck-hero__content{padding:64px 0 56px 32px}
  .ck-hero--photo .ck-hero__content{padding-top:72px}
  .ck-hero__container::before{left:16px;bottom:64px;height:64px}
  .ck-hero__container::after{left:13px;bottom:57px}
  .ck-hero h1,.ck-hero--photo h1{font-size:clamp(2rem,8.4vw,2.6rem)}
  .ck-hero__letter{font-size:16rem}
  .ck-byline{margin-top:22px}

  .ck-cluster-nav{padding-top:24px!important;padding-bottom:22px!important}
  .ck-site .sod-category-filter a{height:34px;padding:0 14px;font-size:.72rem}
  .ck-cluster+.ck-cluster{padding-top:44px}
  .ck-featured{gap:18px}
  .ck-featured__image{border-radius:var(--ck-radius-md)}
  .ck-featured__copy h2{font-size:1.85rem}
  .ck-featured__copy>p{font-size:.95rem}
  .ck-site .sod-grid,.ck-site .sod-grid--related{grid-template-columns:1fr;gap:24px}
  .ck-site .sod-card__body h3{font-size:1.35rem}
  .ck-site .sod-card__body p{font-size:.9rem}
  .ck-site .sod-category-pill{min-height:22px;font-size:.6rem}
  .ck-site .sod-card__meta{font-size:.72rem}

  .ck-article-cover{margin-top:24px}
  .ck-article-cover img{border-radius:var(--ck-radius-md)}
  .ck-audio{margin-top:24px;margin-bottom:8px}
  .ck-site .sod-article-body{font-size:1rem;line-height:1.75}
  .ck-site .sod-article-body h2{margin-top:44px;font-size:1.75rem}
  .ck-site .sod-article-body h3{font-size:1.38rem}
  .ck-site .sod-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.85rem}
  .ck-site .sod-article-body th,.ck-site .sod-article-body td{min-width:140px;padding:11px 12px}
  .ck-article-cta{padding:32px 22px}
  .ck-site .sod-author-box h2{font-size:1.4rem}

  .ck-cta-banner{padding:64px 0}
  .ck-cta-banner h2{font-size:1.8rem}
  .ck-footer{padding-top:64px}
  .ck-footer__grid{grid-template-columns:1fr;gap:36px}
  .ck-whatsapp-float{right:20px;bottom:20px}
}
@media (max-width:480px){
  .ck-container{padding:0 16px}
  .ck-cta-banner__actions .ck-btn{width:100%}
  .ck-hero__content{padding-left:28px}
}
@media (prefers-reduced-motion:reduce){
  .ck-site *,.ck-site *::before,.ck-site *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Ajustes finos sobre componentes herdados da base */
.ck-site .sod-audio-reader__copy>span{background:#f3ead9!important;color:var(--ck-gold-ink)!important;letter-spacing:.14em}
.ck-site .sod-audio-reader__play,.ck-site .sod-audio-reader__stop{font-size:.85rem!important;border-radius:var(--ck-radius-sm)!important}
.ck-site .sod-audio-reader select{border-color:var(--ck-border)!important;border-radius:var(--ck-radius-sm)!important}
.ck-site .desktop-toc a[aria-current="true"],.ck-site .sod-toc li a[aria-current="true"]{background:linear-gradient(90deg,rgba(184,149,79,.12),transparent 82%)!important;color:var(--ck-ink)!important;font-weight:500}
.ck-byline__avatar img{padding:6px}
.ck-navbar__trigger::after,.ck-navbar__trigger::before{content:none!important;display:none!important}
