/* ==========================================================================
   Conheça Poços de Caldas — Marca v3 (Manual de Marca aprovado 30/10/2026)
   Camada única de marca. Rollback: remover o bloco <!-- marca-v3 --> do <head>
   (ou rodar o backup). Carregado DEPOIS dos estilos inline para sobrescrever.
   ========================================================================== */

/* 1. Paleta + tipografia (sobrescreve variáveis legadas SJBV) ------------- */
:root{
  --pc-azul-mineral:#122334; --pc-azul-serra:#1E3A52; --pc-vinho:#8B2635;
  --pc-vinho-hover:#6E1C28; --pc-champanhe:#C5A059; --pc-calcario:#F6F5F0;
  --pc-tinta:#1C1E21; --pc-grafite:#5A6065; --pc-agua:#2E7175;
  --pc-termal:#8FCFCB; --pc-vapor:#E3ECEC; --pc-ouro-velho:#8A6B2E;
  --pc-fonte:linear-gradient(180deg,#122334 0%,#1E3A52 55%,#2E7175 85%,#8FCFCB 100%);

  --sj-bg:#F6F5F0; --sj-ink:#1C1E21; --sj-mute:#5A6065;
  --sj-coral:#8B2635; --sj-coral2:#8FCFCB; --sj-coral-light:#8FCFCB;
  --sj-noite:#122334; --sj-mata:#2E7175; --sj-mata-dark:#122334; --sj-sage:#2E7175;
  --sj-gold:#C5A059; --sj-gold-hover:#8A6B2E;
  --sj-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sj-serif:"Fraunces",Georgia,serif; --sj-news-serif:"Fraunces",Georgia,serif;
  --wp--preset--color--base:#F6F5F0;
}
html body{background-color:#F6F5F0;color:#1C1E21;font-family:var(--sj-sans)}
::selection{background:#8FCFCB;color:#122334}

/* 2. Títulos: Fraunces 600 (H1–H3), Plus Jakarta 700 (H4) ----------------- */
html body h1,html body h2,html body h3{font-weight:600}
html body .entry-content h2:before{background:#C5A059 !important;width:44px;height:3px}
html body .entry-content h4{font-family:var(--sj-sans);font-weight:700}
html body .entry-content p,html body .entry-content li{max-width:70ch}

/* 3. Links: Água-sulfurosa sublinhado; hover Azul-mineral ---------------- */
html body .entry-content a:not(.sj-btn):not(.sj-card-link):not(.wp-block-button__link):not(.sj-bk-btn),
html body .sj-pillar-article a:not(.sj-btn):not(.sj-card-link){color:#2E7175 !important}
html body .entry-content a:not(.sj-btn):not(.sj-card-link):not(.wp-block-button__link):not(.sj-bk-btn):hover,
html body .sj-pillar-article a:not(.sj-btn):not(.sj-card-link):hover{color:#122334 !important}
html body .sj-pillar-links a{color:#2E7175 !important}
html body .sj-pillar-links a:hover{color:#122334 !important}

/* 4. Kickers / tags: Água-sulfurosa no claro, Champanhe no escuro -------- */
html body .sj-kicker,html body .sj-sec-head .sj-kicker,html body .sj-dir-head .sj-kicker,
html body .sj-vb-sec-head .kicker,html body .sj-news-header .kicker,
html body .entry-content .sj-toc .sj-kicker,html body .entry-content .sj-related .sj-kicker,
html body .sj-card .sj-tag,html body .sj-latest .sj-tag,html body .sj-links4 .sj-tag,
html body .sj-pillar-card .sj-tag,html body .entry-content .sj-related .sj-tag,
html body .sj-cluster-card span,html body .sj-tldr-title,html body .sj-dir-col h3,
html body .sj-visit-kicker{color:#2E7175 !important;letter-spacing:.08em !important}
html body .sj-article-head .sj-kicker,html body .sj-vb-pill{color:#2E7175 !important;background:#E3ECEC !important;letter-spacing:.08em !important}
html body .sj-hero .sj-kicker,html body .sj-home .sj-hero-kicker,html body .sj-home .sj-hero .sj-kicker,
html body .sj-feature .sj-kicker,html body .sj-feature .sj-tag,html body .sj-feature-body .sj-kicker,
html body .sj-cta .sj-kicker,html body .entry-content .sj-cta-box .sj-kicker,
html body .sj-agenda .sj-kicker,html body .sj-lead-banner .sj-kicker{color:#C5A059 !important;letter-spacing:.08em !important}
html body .sj-hero h1 em,html body .sj-home .sj-hero h1 em,html body .sj-cta h2 em,
html body .entry-content .sj-cta-box em{color:#8FCFCB !important}

/* 5. Botões: primário Vinho-termal + texto branco, cantos 10px ----------- */
html body .sj-btn,html body .sj-home .sj-btn,html body .wp-block-button__link,html body .wp-element-button{
  background:#8B2635 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF;
  border-radius:10px !important;font-family:var(--sj-sans) !important;font-weight:600 !important;
  font-size:15px !important;padding:12px 22px !important;text-transform:none !important;letter-spacing:0 !important}
html body .sj-btn:hover,html body .sj-home .sj-btn:hover,html body .wp-block-button__link:hover{background:#6E1C28 !important;color:#FFFFFF !important}
/* secundário em fundo escuro: Champanhe + texto Azul-mineral */
html body .sj-btn.ghost,html body .sj-home .sj-btn.ghost{background:#C5A059 !important;color:#122334 !important;-webkit-text-fill-color:currentColor;border:0 !important;box-shadow:none !important}
html body .sj-btn.ghost:hover,html body .sj-home .sj-btn.ghost:hover{background:#F6F5F0 !important;color:#122334 !important}
/* foco acessível: anel Termal-claro 3px */
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body summary:focus-visible{outline:3px solid #8FCFCB !important;outline-offset:2px !important}

/* banner escuro do Guia (fim dos artigos): texto claro garantido sobre Azul-mineral */
html body .sj-lead-banner.sj-lead-banner.sj-lead-banner h2{color:#F6F5F0 !important}
html body .sj-lead-banner.sj-lead-banner.sj-lead-banner p:not(.sj-kicker){color:#E3ECEC !important}
html body .sj-lead-banner.sj-lead-banner.sj-lead-banner strong{color:#FFFFFF !important}

/* 6. Caixas: dica de morador (Vapor + borda Água-sulfurosa) -------------- */
html body .sj-callout{background:#E3ECEC !important;border:0 !important;border-left:4px solid #2E7175 !important;border-radius:10px !important}
html body blockquote,html body .wp-block-quote{border-left-color:#2E7175 !important}
html body .entry-content tbody tr:hover{background:#E3ECEC}
html body .sj-rect-card:hover{border-color:#2E7175 !important}

/* 7. Cabeçalho pill: logo horizontal (cabeçalho claro) ------------------- */
html body .sj-pill-header-inner{min-height:72px;box-sizing:border-box}
html body .sj-pill-brand{gap:0 !important;margin-right:22px !important;padding:0 0 0 6px !important;line-height:0 !important}
html body .sj-pill-brand img.sj-brand-logo{
  width:auto !important;height:54px !important;min-width:150px;max-width:none !important;
  border-radius:0 !important;box-shadow:none !important;border:0 !important;
  object-fit:contain !important;filter:none !important;transform:none !important;display:block !important}
html body .sj-pill-header-inner .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content{color:#122334 !important;text-transform:none !important;letter-spacing:0 !important;font-size:.86rem !important;font-weight:600 !important}
html body .sj-pill-header-inner .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover{color:#8B2635 !important}
html body .sj-pill-header-inner .wp-block-navigation .sj-nav-cta > a,
html body .sj-head-right .sj-nav-cta > .wp-block-navigation-item__content,
html body .sj-pill-header-inner .wp-block-navigation__container > .wp-block-navigation-item.sj-nav-cta > .wp-block-navigation-item__content,
html body .sj-pill-header-inner .wp-block-navigation a[href$="/guia/"]{font-size:.86rem !important;
  background:#8B2635 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border-radius:10px !important;text-transform:none !important;letter-spacing:0 !important;
  font-weight:600 !important;padding:10px 18px !important;box-shadow:none !important}
html body .sj-pill-header-inner .wp-block-navigation .sj-nav-cta > a:hover,
html body .sj-head-right .sj-nav-cta > .wp-block-navigation-item__content:hover,
html body .sj-pill-header-inner .wp-block-navigation__container > .wp-block-navigation-item.sj-nav-cta > .wp-block-navigation-item__content:hover,
html body .sj-pill-header-inner .wp-block-navigation a[href$="/guia/"]:hover{background:#6E1C28 !important;color:#FFFFFF !important}
html body .sj-head-search.wp-block-search .wp-block-search__button{color:#122334 !important}
@media (max-width:782px){
  html body .sj-pill-header-inner{min-height:64px}
  html body .sj-pill-brand{margin-right:14px !important;padding-left:2px !important}
  html body .sj-pill-brand img.sj-brand-logo{height:51px !important;width:151px !important;min-width:151px}
  /* área de proteção: o menu rolável some em degradê antes de encostar no logo */
  html body .sj-head-right{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px);mask-image:linear-gradient(90deg,transparent 0,#000 22px);padding-left:18px !important}
}

/* 8. Rodapé: Azul-mineral, linha de serra Termal-claro, logo negativo ---- */
html body .sj-footer,html body .sj-footer-dark{background:#122334 !important;position:relative}
html body .sj-footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:26px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 22 C120 20 200 12 300 14 S470 22 560 18 C620 15 650 6 690 5 C708 4 712 11 720 11 C728 11 732 4 750 5 C790 6 820 15 880 18 S1060 22 1150 14 S1340 20 1440 22' fill='none' stroke='%238FCFCB' stroke-width='2'/%3E%3C/svg%3E") center top/100% 26px no-repeat}
html body .sj-footer .sj-foot-logo{margin:0 0 16px !important;line-height:0}
html body .sj-footer .sj-foot-logo img{width:190px !important;height:auto !important;display:block;border:0;box-shadow:none;border-radius:0}
html body .sj-foot-col h4,html body .sj-footer h4,html body .sj-footer-dark h4,
html body footer.wp-block-template-part h4{color:#C5A059 !important;letter-spacing:.08em !important}
html body .sj-footer a:hover,html body .sj-footer-dark a:hover,html body footer.wp-block-template-part a:hover{color:#8FCFCB !important}
html body .sj-footer .sj-foot-credit a:hover{color:inherit !important}

/* 9. Landing /guia/ (cabeçalho escuro): logo horizontal negativo -------- */
html body header.top .brand .brand-logo{height:51px;width:auto;min-width:150px;display:block}
html body header.top .brand .brand-guia{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:400;color:#C5A059;font-size:15px;white-space:nowrap}
@media (max-width:600px){html body header.top .brand .brand-guia{display:none}}

/* Guia: CTA do topo no padrão de botão da marca */
html body header.top .top-cta{background:#8B2635 !important;color:#FFFFFF !important;border-radius:10px !important;text-transform:none !important;letter-spacing:0 !important;font-family:"Plus Jakarta Sans",system-ui,sans-serif !important;font-weight:600 !important;font-size:15px !important;padding:10px 18px !important}
html body header.top .top-cta:hover{background:#6E1C28 !important}