.elementor-645 .elementor-element.elementor-element-15fd838{--display:flex;}.elementor-645 .elementor-element.elementor-element-418a308{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-418a308 *//* =========================================================
   SERVIÇOS - CSS CONSOLIDADO (limpo)
   - Tipografia: Freight Big (títulos) + Poppins (texto)
   - Cards flutuantes
   - Atalhos topo com cara de botão + ícones CSS
   - WhatsApp button sempre visível
========================================================= */

/* Smooth scroll (âncoras) */
html { scroll-behavior: smooth; }

/* Base page */
.page-servicos{
  background: rgba(199,162,106,.08);
}

.page-servicos .wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 18px;
}

.page-servicos .sec{
  padding: 40px 0;
}

/* Tipografia */
.page-servicos .h1,
.page-servicos .h2{
  font-family: "Freight Big", serif !important;
  letter-spacing: .01em;
  margin: 0 0 10px;
}

.page-servicos .h2{
  font-size: clamp(22px, 2.2vw, 32px);
}

.page-servicos .lead{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 18px;
  line-height: 1.65;
  max-width: 70ch;
  margin: 0;
  color: rgba(7,26,44,.74);
}

.page-servicos .copy-original,
.page-servicos .copy-original p,
.page-servicos .copy-original strong{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.75;
}

/* Topo */
.page-servicos .sec-atalhos .h2{
  color: rgba(7,26,44,.92) !important;
}

/* =========================================================
   TOPO: Botões (pills) com ícones elegantes (sem imagens)
========================================================= */
.page-servicos .service-pills{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.page-servicos .service-pills .pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 12px 16px;
  border-radius: 999px;

  background: rgba(7,26,44,.94);
  border: 1px solid rgba(243,241,234,.14);
  color: rgba(243,241,234,.92) !important;

  text-decoration: none !important;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;

  box-shadow: 0 18px 55px rgba(0,0,0,.14);
  transition: transform 260ms cubic-bezier(.2,.8,.2,1),
              background 260ms cubic-bezier(.2,.8,.2,1),
              border-color 260ms cubic-bezier(.2,.8,.2,1);
}

.page-servicos .service-pills .pill:hover{
  transform: translateY(-2px);
  border-color: rgba(199,162,106,.35);
  background: rgba(7,26,44,.99);
}

/* Icon container */
.page-servicos .service-pills .pill::before{
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(243,241,234,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  display: grid;
  place-items: center;
}

/* Icon drawing layer */
.page-servicos .service-pills .pill::after{
  content: "";
  position: relative;
  margin-left: -44px; /* encaixa no quadradinho do ícone */
  width: 18px;
  height: 18px;
  opacity: .95;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.25));
}

/* reg: casa */
.page-servicos .service-pills .pill[data-icon="reg"]::after{
  background: linear-gradient(rgba(243,241,234,.92), rgba(243,241,234,.92));
  clip-path: polygon(50% 0%, 95% 35%, 95% 100%, 5% 100%, 5% 35%);
}

/* inv: documento */
.page-servicos .service-pills .pill[data-icon="inv"]::after{
  background: linear-gradient(rgba(243,241,234,.92), rgba(243,241,234,.92));
  border-radius: 4px;
  box-shadow: inset 0 -7px 0 rgba(7,26,44,.60), inset 0 -10px 0 rgba(243,241,234,.25);
}

/* usu: chave */
.page-servicos .service-pills .pill[data-icon="usu"]::after{
  background: linear-gradient(rgba(243,241,234,.92), rgba(243,241,234,.92));
  border-radius: 999px;
  clip-path: polygon(0% 45%, 55% 45%, 55% 35%, 100% 35%, 100% 65%, 55% 65%, 55% 55%, 0% 55%);
}

/* con: balança minimal */
.page-servicos .service-pills .pill[data-icon="con"]::after{
  background:
    linear-gradient(rgba(243,241,234,.92), rgba(243,241,234,.92)) 50% 20% / 2px 16px no-repeat,
    linear-gradient(rgba(243,241,234,.92), rgba(243,241,234,.92)) 50% 32% / 16px 2px no-repeat,
    radial-gradient(circle, rgba(243,241,234,.92) 55%, transparent 56%) 32% 58% / 10px 10px no-repeat,
    radial-gradient(circle, rgba(243,241,234,.92) 55%, transparent 56%) 68% 58% / 10px 10px no-repeat;
}

@media (max-width: 520px){
  .page-servicos .service-pills{
    gap: 10px;
  }
  .page-servicos .service-pills .pill{
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   SERVIÇOS: cards flutuantes (dark/light)
========================================================= */
.page-servicos .sec-servico{
  padding: 26px 0;
  background: transparent !important;
}

.page-servicos .grid{
  display: grid;
  gap: 18px;
  grid-template-columns: 1.05fr 1.35fr;
  align-items: center;

  border-radius: 22px;
  padding: 22px;
}

@media (max-width: 980px){
  .page-servicos .grid{
    grid-template-columns: 1fr;
  }
}

.page-servicos .media img{
  width: 100%;
  height: auto;
  border-radius: 18px;
  display: block;
}

/* Dark card */
.page-servicos .sec-servico--dark .wrap.grid{
  background: rgba(7,26,44,.92);
  border: 1px solid rgba(243,241,234,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}

.page-servicos .sec-servico--dark .h2{
  color: rgba(243,241,234,.96) !important;
}

.page-servicos .sec-servico--dark .copy-original{
  color: rgba(243,241,234,.84) !important;
}

.page-servicos .sec-servico--dark .copy-original strong{
  color: rgba(243,241,234,.96) !important;
}

.page-servicos .sec-servico--dark .media img{
  border: 1px solid rgba(255,255,255,.10);
}

/* Light card */
.page-servicos .sec-servico--light .wrap.grid{
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(7,26,44,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

.page-servicos .sec-servico--light .h2,
.page-servicos .sec-servico--light .copy-original{
  color: rgba(7,26,44,.88) !important;
}

.page-servicos .sec-servico--light .media img{
  border: 1px solid rgba(7,26,44,.10);
}

/* Links não ficam azuis */
.page-servicos .content a,
.page-servicos .content a:hover,
.page-servicos .content a:visited{
  color: inherit !important;
}

/* =========================================================
   BOTÕES: consistentes + WhatsApp sempre legível
========================================================= */
.page-servicos .actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.page-servicos .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 12px;
  border-radius: 14px;

  text-decoration: none !important;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600;
  font-size: 13px;

  border: 1px solid transparent;
  transition: transform 260ms cubic-bezier(.2,.8,.2,1),
              background 260ms cubic-bezier(.2,.8,.2,1),
              border-color 260ms cubic-bezier(.2,.8,.2,1);
}

.page-servicos .btn:hover{
  transform: translateY(-1px);
}

/* Primary */
.page-servicos .btn-primary{
  background: rgba(31,107,87,.18);
  border-color: rgba(31,107,87,.40);
  color: rgba(243,241,234,.95) !important;
}

.page-servicos .sec-servico--light .btn-primary{
  color: rgba(7,26,44,.92) !important;
  background: rgba(31,107,87,.14);
  border-color: rgba(31,107,87,.30);
}

/* WhatsApp (ghost) - NUNCA some */
.page-servicos .btn-ghost{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(243,241,234,.16) !important;
  color: rgba(243,241,234,.92) !important;
}

.page-servicos .sec-servico--light .btn-ghost{
  background: rgba(7,26,44,.06) !important;
  border-color: rgba(7,26,44,.14) !important;
  color: rgba(7,26,44,.88) !important;
}

.page-servicos .btn-ghost:hover{
  border-color: rgba(199,162,106,.28) !important;
  background: rgba(255,255,255,.11) !important;
}


/* =========================================================
   PATCH FINAL: TOP PILLS + CORES + BOTÕES (EVITA OVERRIDE DO TEMA)
   Cole este bloco NO FINAL do CSS
========================================================= */

/* ---------- TOP: pills mais bonitos e organizados ---------- */
.page-servicos .service-pills{
  max-width: 980px;
  margin: 18px auto 0;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  justify-items: stretch;
}

@media (max-width: 980px){
  .page-servicos .service-pills{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .page-servicos .service-pills{ grid-template-columns: 1fr; }
}

.page-servicos .service-pills .pill{
  /* “cara de botão” */
  min-height: 56px;
  width: 100%;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;

  padding: 14px 16px;
  border-radius: 999px;

  background: linear-gradient(180deg, rgba(7,26,44,.96), rgba(7,26,44,.88)) !important;
  border: 1px solid rgba(243,241,234,.14) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.14);

  /* FIX: tema não manda aqui */
  color: rgba(243,241,234,.94) !important;
  text-decoration: none !important;

  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;

  transition: transform 240ms cubic-bezier(.2,.8,.2,1),
              border-color 240ms cubic-bezier(.2,.8,.2,1),
              background 240ms cubic-bezier(.2,.8,.2,1);
  -webkit-tap-highlight-color: transparent;
}

/* FIX: hover/visited do tema */
.page-servicos .service-pills .pill:hover,
.page-servicos .service-pills .pill:visited,
.page-servicos .service-pills .pill:focus,
.page-servicos .service-pills .pill:active{
  color: rgba(243,241,234,.96) !important;
}

.page-servicos .service-pills .pill:hover{
  transform: translateY(-2px);
  border-color: rgba(199,162,106,.32) !important;
  background: linear-gradient(180deg, rgba(7,26,44,.99), rgba(7,26,44,.92)) !important;
}

.page-servicos .service-pills .pill:focus-visible{
  outline: 2px solid rgba(199,162,106,.40);
  outline-offset: 2px;
}

/* ---------- Ícone bonito (SVG embutido, sem imagem externa) ---------- */
.page-servicos .service-pills .pill::before{
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;

  border-radius: 14px;
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(243,241,234,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);

  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

/* HOUSE */
.page-servicos .service-pills .pill[data-icon="reg"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 11.2 12 4l9 7.2V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1v-9.8Z' fill='%23F3F1EA'/%3E%3C/svg%3E");
}

/* DOCUMENT */
.page-servicos .service-pills .pill[data-icon="inv"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 2h8l4 4v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z' fill='%23F3F1EA' opacity='.95'/%3E%3Cpath d='M15 2v6h6' stroke='%23071A2C' stroke-width='2' opacity='.35'/%3E%3C/svg%3E");
}

/* KEY */
.page-servicos .service-pills .pill[data-icon="usu"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 14a5 5 0 1 1 4.9-6H22v3h-2v2h-2v2h-3.1A5 5 0 0 1 7 14Zm0-3a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='%23F3F1EA'/%3E%3C/svg%3E");
}

/* SCALES (minimal) */
.page-servicos .service-pills .pill[data-icon="con"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3v18' stroke='%23F3F1EA' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 6h12' stroke='%23F3F1EA' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 6 3.8 11h4.4L6 6Z' fill='%23F3F1EA' opacity='.92'/%3E%3Cpath d='M18 6 15.8 11h4.4L18 6Z' fill='%23F3F1EA' opacity='.92'/%3E%3Cpath d='M9 21h6' stroke='%23F3F1EA' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---------- BOTÕES: conserta sumiço no dark e hover azul do tema ---------- */
.page-servicos .sec-servico .actions a.btn.btn-primary{
  background: rgba(31,107,87,.22) !important;
  border: 1px solid rgba(31,107,87,.42) !important;
  color: rgba(243,241,234,.96) !important;
}

.page-servicos .sec-servico--light .actions a.btn.btn-primary{
  background: rgba(31,107,87,.14) !important;
  border: 1px solid rgba(31,107,87,.32) !important;
  color: rgba(7,26,44,.92) !important;
}

/* WhatsApp SEMPRE visível */
.page-servicos .sec-servico .actions a.btn.btn-ghost{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(243,241,234,.18) !important;
  color: rgba(243,241,234,.92) !important;
}

.page-servicos .sec-servico--light .actions a.btn.btn-ghost{
  background: rgba(7,26,44,.07) !important;
  border: 1px solid rgba(7,26,44,.16) !important;
  color: rgba(7,26,44,.88) !important;
}

/* FIX: tema forçando cor em hover/visited */
.page-servicos .sec-servico .actions a.btn:hover,
.page-servicos .sec-servico .actions a.btn:visited{
  color: inherit !important;
}


/* =========================================================
   PATCH V3 (RESISTENTE AO TEMA/ELEMENTOR)
   - Pills topo mais bonitas + ícones CSS (SEM imagem)
   - Corrige “texto escuro estranho” com text-fill
   - Corrige botões no card escuro (WhatsApp e Agendar)
========================================================= */

/* ---------- Pills topo: layout decente ---------- */
main.page-servicos .service-pills{
  max-width: 1040px;
  margin: 18px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px !important;
}

@media (max-width: 980px){
  main.page-servicos .service-pills{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  main.page-servicos .service-pills{ grid-template-columns: 1fr; }
}

/* ---------- Pill: cara de botão premium ---------- */
main.page-servicos .service-pills a.pill{
  position: relative !important;
  width: 100% !important;
  min-height: 58px;

  display: flex !important;
  align-items: center !important;

  padding: 14px 16px 14px 64px !important; /* espaço pro ícone */
  border-radius: 999px !important;

  background: rgba(9, 34, 52, .96) !important;  /* azul petróleo */
  border: 1px solid rgba(243,241,234,.14) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.14) !important;

  text-decoration: none !important;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;

  /* FIX REAL: tema não apaga seu texto */
  color: rgba(243,241,234,.95) !important;
  -webkit-text-fill-color: rgba(243,241,234,.95) !important;

  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  transition: transform 240ms cubic-bezier(.2,.8,.2,1),
              border-color 240ms cubic-bezier(.2,.8,.2,1),
              background 240ms cubic-bezier(.2,.8,.2,1);
}

main.page-servicos .service-pills a.pill:visited{
  color: rgba(243,241,234,.95) !important;
  -webkit-text-fill-color: rgba(243,241,234,.95) !important;
}

main.page-servicos .service-pills a.pill:hover{
  transform: translateY(-2px);
  border-color: rgba(199,162,106,.34) !important;
  background: rgba(9, 34, 52, .99) !important;
}

/* Caixa do ícone */
main.page-servicos .service-pills a.pill::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 38px;
  height: 38px;
  border-radius: 14px;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(243,241,234,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

/* Ícone (desenho em CSS) */
main.page-servicos .service-pills a.pill::after{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(10px, -50%);

  width: 18px;
  height: 18px;

  opacity: .95;
  background: rgba(243,241,234,.95);
}

/* REG: casinha */
main.page-servicos .service-pills a.pill[data-icon="reg"]::after{
  clip-path: polygon(50% 0%, 100% 38%, 100% 100%, 0% 100%, 0% 38%);
  box-shadow: inset 0 -6px 0 rgba(9,34,52,.55);
}

/* INV: documento */
main.page-servicos .service-pills a.pill[data-icon="inv"]::after{
  border-radius: 4px;
  background:
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 0 0 / 100% 100% no-repeat,
    linear-gradient(rgba(9,34,52,.55), rgba(9,34,52,.55)) 20% 30% / 60% 2px no-repeat,
    linear-gradient(rgba(9,34,52,.55), rgba(9,34,52,.55)) 20% 52% / 52% 2px no-repeat,
    linear-gradient(rgba(9,34,52,.55), rgba(9,34,52,.55)) 20% 74% / 44% 2px no-repeat;
}

/* USU: chave */
main.page-servicos .service-pills a.pill[data-icon="usu"]::after{
  background:
    radial-gradient(circle at 28% 50%, rgba(243,241,234,.95) 0 36%, transparent 37%),
    radial-gradient(circle at 28% 50%, rgba(9,34,52,.99) 0 18%, transparent 19%),
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 55% 50% / 60% 22% no-repeat,
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 88% 44% / 14% 18% no-repeat;
  border-radius: 999px;
}

/* CON: balança minimal */
main.page-servicos .service-pills a.pill[data-icon="con"]::after{
  background:
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 50% 15% / 2px 70% no-repeat,
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 50% 25% / 90% 2px no-repeat,
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 25% 55% / 45% 2px no-repeat,
    linear-gradient(rgba(243,241,234,.95), rgba(243,241,234,.95)) 75% 55% / 45% 2px no-repeat,
    radial-gradient(circle, rgba(243,241,234,.95) 0 46%, transparent 47%) 25% 72% / 10px 10px no-repeat,
    radial-gradient(circle, rgba(243,241,234,.95) 0 46%, transparent 47%) 75% 72% / 10px 10px no-repeat;
}

/* ---------- BOTÕES: no dark estavam “apagados/estranhos” ---------- */
main.page-servicos .sec-servico .actions a.btn{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;

  /* FIX REAL: tema usando text-fill/gradient em links */
  -webkit-text-fill-color: currentColor !important;
}

/* Card escuro: texto CLARO de verdade */
main.page-servicos .sec-servico--dark .actions a.btn{
  color: rgba(243,241,234,.95) !important;
  -webkit-text-fill-color: rgba(243,241,234,.95) !important;
}

/* Agendar (dark) */
main.page-servicos .sec-servico--dark .actions a.btn.btn-primary{
  background: rgba(31,107,87,.24) !important;
  border: 1px solid rgba(31,107,87,.44) !important;
}

/* WhatsApp (dark) */
main.page-servicos .sec-servico--dark .actions a.btn.btn-ghost{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(243,241,234,.18) !important;
}

/* Card claro: texto escuro */
main.page-servicos .sec-servico--light .actions a.btn{
  color: rgba(7,26,44,.88) !important;
  -webkit-text-fill-color: rgba(7,26,44,.88) !important;
}

/* WhatsApp (light) */
main.page-servicos .sec-servico--light .actions a.btn.btn-ghost{
  background: rgba(7,26,44,.06) !important;
  border: 1px solid rgba(7,26,44,.14) !important;
}/* End custom CSS */