/* ============================================================
   Click Guincho — IDENTIDADE NOVA (páginas internas)
   Carregado em todas as páginas exceto a home. Aplica o chrome
   novo + tokens da marca + re-skin dos componentes, por cima
   do Bootstrap. NÃO altera conteúdo/HTML (preserva ranking).
   ============================================================ */

/* ---- Tokens próprios da marca ---- */
:root{
  --brand:#4A07B3; --brand-deep:#37047F; --brand-2:#6A18D6;
  --green:#21C24E; --green-deep:#1AA340;
  --orange:#F26B0A; --orange-deep:#D25905;
  --ink:#262626; --line:#E7E1F2; --paper:#F9F9F9; --paper-2:#F2EEFA; --muted:#6c6a78;
  --display:'Poppins', system-ui, sans-serif; --body:'Poppins', system-ui, sans-serif;
  --shadow:0 18px 50px -18px rgba(0,0,0,.35); --shadow-sm:0 8px 26px -14px rgba(0,0,0,.4);
  --wrap:1180px;

  /* Remapeia os tokens do TEMA p/ a marca (recolore o site todo) */
  --color-primary:#F26B0A;
  --color-secondary:#4A07B3;
  --color-green:#21C24E;
  --font-family-01:'Poppins', system-ui, sans-serif;
  --font-family-02:'Poppins', system-ui, sans-serif;
}

/* ---- Tipografia geral ---- */
body{font-family:var(--body)}
.heading-size-xxl,.heading-size-xl,.heading-size-lg,.heading-size-md,.heading-size-sm,h1,h2,h3,h4{font-family:var(--display)}
/* títulos das páginas internas em roxo da marca (substitui o neutro escuro) */
.text-color-neutral-100,.heading-size-lg,.heading-size-xl,.heading-size-xxl{color:var(--brand)}

/* =====================================================================
   CHROME (topbar + header + menu mobile + footer + sticky + wa-float)
   Reaproveita as classes de content-header-cg / content-footer-cg.
   ===================================================================== */
.topbar{background:#1C1C1C;color:#fff;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;text-align:center}
.topbar .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:cgpulse 1.4s infinite}
@keyframes cgpulse{0%,100%{opacity:1}50%{opacity:.25}}

header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #ECE7F5}
header .wrap.nav{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}
header .logo{display:flex;align-items:center;gap:11px}
header .logo .mark{width:40px;height:40px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:#fff;flex:none}
header .logo .mark svg{width:24px;height:24px}
header .logo b{font-family:var(--display);font-weight:900;font-size:23px;text-transform:uppercase;line-height:1;color:#3A0A9E}
header .logo small{display:block;font-family:var(--body);font-weight:600;font-size:10.5px;letter-spacing:.18em;color:var(--orange);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{color:#33303B;font-weight:600;font-size:15px;transition:color .15s}
.nav-links a:hover{color:var(--orange)}
.nav-cta{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;background:none;border:0;color:#3A0A9E;cursor:pointer}
.menu-btn svg{width:30px;height:30px}

/* botões do chrome (escopados p/ não colidir com Bootstrap/btn-style-01) */
header .btn,.mobile-menu .btn,.sticky-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:18px;line-height:1;padding:18px 28px;border-radius:12px;cursor:pointer;border:0;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}
header .btn svg,.mobile-menu .btn svg,.sticky-cta .btn svg{width:22px;height:22px;flex:none}
header .btn-sm,.sticky-cta .btn-sm{padding:13px 20px;font-size:15px;border-radius:10px}
.btn-wa{background:var(--green);color:#fff;box-shadow:0 10px 26px -10px rgba(33,194,78,.55)}
.btn-wa:hover{background:var(--green-deep);transform:translateY(-2px)}
.btn-call{background:var(--orange);color:#fff;box-shadow:0 10px 26px -10px rgba(242,107,10,.5)}
.btn-call:hover{background:var(--orange-deep);transform:translateY(-2px)}

.mobile-menu{position:fixed;inset:0;z-index:80;background:rgba(12,12,14,.98);backdrop-filter:blur(6px);display:none;flex-direction:column;padding:24px}
.mobile-menu.open{display:flex}
.mobile-menu .top{display:flex;justify-content:space-between;align-items:center}
.mobile-menu .close{background:none;border:0;color:#fff;cursor:pointer}
.mobile-menu .close svg{width:30px;height:30px}
.mobile-menu nav{display:flex;flex-direction:column;gap:6px;margin-top:36px}
.mobile-menu nav a{color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:28px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
.mobile-menu .mcta{display:flex;flex-direction:column;gap:12px;margin-top:auto}

footer{background:var(--brand-deep);color:#cbc8c0;padding:64px 0 110px}
footer .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.foot-grid h4{font-family:var(--display);font-weight:800;text-transform:uppercase;color:#fff;font-size:16px;letter-spacing:.06em;margin-bottom:16px}
.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}
.foot-grid a{font-size:14.5px;color:#d9ccf2;transition:color .15s;text-decoration:none}
.foot-grid a:hover{color:#FF9A4D}
.foot-about .logo{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.foot-about .logo .mark{width:40px;height:40px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:#fff}
.foot-about .logo .mark svg{width:24px;height:24px}
.foot-about p{font-size:14.5px;color:#cdbeec;max-width:34ch}
.foot-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#b6a6d8}

.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:70;display:none;gap:10px;padding:11px 14px;background:rgba(28,28,28,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}
.sticky-cta .btn{flex:1}
.wa-float{position:fixed;right:20px;bottom:24px;z-index:65;width:60px;height:60px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(33,194,78,.6);animation:cgbob 2.6s ease-in-out infinite}
.wa-float svg{width:32px;height:32px;color:#fff}
@keyframes cgbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media(max-width:980px){
  .nav-links{display:none}
  header .nav-cta .btn:not(.menu-btn){display:none}
  .menu-btn{display:block}
  .foot-grid{grid-template-columns:1fr 1fr}
  .sticky-cta{display:flex}
  .wa-float{bottom:84px}
}
@media(max-width:560px){ .foot-grid{grid-template-columns:1fr} }

/* =====================================================================
   RE-SKIN das páginas internas (preserva conteúdo, troca a casca)
   ===================================================================== */
/* Breadcrumb: corrige o padding gigante (era p/ header fixo antigo) + visual */
#breadcrumbs.breadcrumbs{padding:2.25rem 0 1.25rem !important;background:var(--paper-2) !important;border-bottom:1px solid var(--line)}
#breadcrumbs a,#breadcrumbs span{color:var(--brand)}
#breadcrumbs a:hover{color:var(--orange-deep)}

/* Seções de listagem de serviços/cidades */
.services-page,.services-single,.archive-content,main > section{background:var(--paper)}

/* Cards de serviço → estilo do redesign (.featc) */
.card-services{background:#fff;border:1px solid var(--line) !important;border-radius:18px !important;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.card-services:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--orange)}
.card-services figure{height:200px;margin:0}
.card-services figure img{width:100%;height:100%;object-fit:cover}
.card-services .title-services-card,.card-services h2{color:var(--brand);font-family:var(--display);font-weight:800}
.card-services .title-services-card a{color:inherit;text-decoration:none}
.card-services .card-text{color:var(--muted);font-size:14.5px}

/* Botões de conteúdo */
.btn-style-01{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff !important;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:14px;padding:14px 18px;border-radius:12px;border:0;text-decoration:none;box-shadow:0 10px 26px -12px rgba(242,107,10,.5);transition:transform .15s,background .2s}
.btn-style-01:hover{background:var(--orange-deep);transform:translateY(-2px)}
.btn-style-01.btn-color-01{background:var(--green);box-shadow:0 10px 26px -12px rgba(33,194,78,.5)}
.btn-style-01.btn-color-01:hover{background:var(--green-deep)}

/* Títulos de seção/categoria em roxo, subtítulos/kickers em laranja */
.services-page h1,.services-single h1,.services-page h2,.services-single h2{color:var(--brand)}
.text-color-primary{color:var(--orange-deep) !important}
.bg-color-primary{background:var(--orange) !important}
.bg-color-green{background:var(--green) !important}

/* Newsletter (faixa) */
.newsletter,.section-newsletter{background:var(--paper-2)}