.elementor-102 .elementor-element.elementor-element-712ff96{--display:flex;--min-height:417px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102 .elementor-element.elementor-element-47538b1{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102 .elementor-element.elementor-element-47538b1:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-47538b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zkteco.com.br/wp-content/uploads/2025/07/bg_zkteco_cinza.jpg");background-repeat:repeat-x;}.elementor-102 .elementor-element.elementor-element-66fbc69{--display:flex;--margin-top:0120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-c11a55c{width:100%;max-width:100%;margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 0%;text-align:left;}.elementor-102 .elementor-element.elementor-element-c11a55c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-c11a55c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-102 .elementor-element.elementor-element-1757f61{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;}.elementor-102 .elementor-element.elementor-element-664722c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-77ea7c4{color:var( --e-global-color-text );}.elementor-102 .elementor-element.elementor-element-77ea7c4 a{color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-77ea7c4 a:hover, .elementor-102 .elementor-element.elementor-element-77ea7c4 a:focus{color:var( --e-global-color-accent );}.elementor-102 .elementor-element.elementor-element-fb1794e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-712ff96{--content-width:100%;}.elementor-102 .elementor-element.elementor-element-47538b1{--width:100%;}}@media(max-width:1024px){.elementor-102 .elementor-element.elementor-element-47538b1{--min-height:20vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-102 .elementor-element.elementor-element-c11a55c{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 010%) 10%;}.elementor-102 .elementor-element.elementor-element-c11a55c .elementor-heading-title{font-size:4.8vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-102 .elementor-element.elementor-element-fb1794e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-102 .elementor-element.elementor-element-47538b1{--min-height:28vh;}.elementor-102 .elementor-element.elementor-element-47538b1:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-47538b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:repeat-x;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-102 .elementor-element.elementor-element-c11a55c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 10%;}.elementor-102 .elementor-element.elementor-element-c11a55c .elementor-heading-title{font-size:8.1vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-102 .elementor-element.elementor-element-fb1794e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-fb1794e *//* ===== Card WhatsApp – estilos (ZKTeco) – versão suave ===== */ 
.zk-card {
  /* Paleta e tokens */
  --zkt: #78c043;                 /* Verde ZKTeco */
  --ink: #111827;                 /* Texto principal */
  --mut: #6b7280;                 /* Texto secundário */
  --border: #e7ebf3;              /* Cor da borda */
  --border-hover: #dfe6ef;
  --shadow: 0 4px 12px rgba(2, 6, 23, .06);
  --shadow-hover: 0 14px 28px rgba(2, 6, 23, .14);

  --radius: 20px;                /* Raio do card */
  --bw: 1px;                     /* Espessura da borda */

  /* Suavidade */
  --ease-smooth: cubic-bezier(.2, .7, 0, 1);   /* ease-out macio */
  --dur-smooth: .38s;                       /* duração p/ transform */
  --dur-shadow: .28s;                       /* duração p/ sombra/borda */

  /* Variáveis animadas (JS/hover) */
  --tiltX: 0deg;
  --tiltY: 0deg;
  --lift: 0px;
  --scale: 1;
}

/* Card base – efeito aplicado no QUADRO INTEIRO */
.zk-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 28px;
  border-radius: var(--radius);
  background: #fff;
  border: var(--bw) solid var(--border);
  box-shadow: var(--shadow);

  /* TRANSIÇÕES SUAVES (transform com easing macio) */
  transition:
    transform var(--dur-smooth) var(--ease-smooth),
    box-shadow var(--dur-shadow) var(--ease-smooth),
    border-color var(--dur-shadow) var(--ease-smooth),
    color .24s linear;

  isolation: isolate;
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden;

  transform: perspective(900px)
             rotateX(var(--tiltX)) rotateY(var(--tiltY))
             translateY(var(--lift)) scale(var(--scale));
}

/* Faixa verde: DENTRO da borda e com raio correto */
.zk-card::before {
  content: "";
  position: absolute;
  left: var(--bw);
  right: var(--bw);
  top: var(--bw);
  height: 3px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--zkt) 85%, #fff), transparent 60%);
  border-top-left-radius: calc(var(--radius) - var(--bw));
  border-top-right-radius: calc(var(--radius) - var(--bw));
  pointer-events: none;
}

/* Hover: salto + sombra + borda (mais suave) */
.zk-card:hover {
  --lift: -6px;         /* -8px -> -6px para entrada mais natural */
  --scale: 1.015;       /* 1.02 -> 1.015 */
  box-shadow: var(--shadow-hover);
  border-color: var(--border-hover);
}

/* Conteúdo interno */
.zk-ico {
  width: 56px;
  height: 56px;
  margin: 4px auto 6px;
  color: #2f3a44;
  transition: color .22s var(--ease-smooth);
}

.zk-card:hover .zk-ico {
  color: var(--zkt);
}

.zk-title {
  margin: 6px 0 2px;
  font-weight: 800;
  color: var(--ink);
  font-size: 22px;
  transition: color .22s var(--ease-smooth);
}

.zk-card:hover .zk-title {
  color: var(--zkt);
}

.zk-desc {
  margin: 0 0 16px;
  color: var(--mut);
  font-size: 14.5px;
}

.zk-cta {
  --bg: linear-gradient(180deg, var(--zkt), color-mix(in srgb, var(--zkt) 78%, #2a6f11));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  background: var(--bg);
  color: #fff; /* Cor do texto mantida como branco */
  box-shadow: 0 10px 24px rgba(120, 192, 67, .28);
  transition: transform .18s var(--ease-smooth), filter .18s var(--ease-smooth), box-shadow .18s var(--ease-smooth), background 0.3s ease-in-out;
}

.zk-cta svg {
  width: 18px;
  height: 18px;
}

.zk-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  background: linear-gradient(180deg, #649E37, color-mix(in srgb, #649E37 78%, #2a6f11)); /* Alteração no fundo */
  color: #fff !important; /* Garante que o texto continue branco */
}

.zk-cta:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--zkt) 70%, #fff);
  outline-offset: 3px;
}

/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {
  .zk-card, .zk-cta {
    transition: none !important;
  }
}/* End custom CSS */