.elementor-6730 .elementor-element.elementor-element-fd77901:not(.elementor-motion-effects-element-type-background), .elementor-6730 .elementor-element.elementor-element-fd77901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#27461E;background-image:url("https://ailog.com.br/wp-content/uploads/2024/04/5-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6730 .elementor-element.elementor-element-fd77901 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-bb7a2e9 ) 0%, var( --e-global-color-bb7a2e9 ) 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6730 .elementor-element.elementor-element-fd77901{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 80px;}.elementor-6730 .elementor-element.elementor-element-59cd44f{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-3af56ca{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-b7ef8cf{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-dc7e462{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-840933e{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-e0b5595{--display:flex;}.elementor-6730 .elementor-element.elementor-element-8e91dd7{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-e8f63e8{--spacer-size:50px;}.elementor-6730 .elementor-element.elementor-element-7aedca3 > .elementor-widget-container{margin:0px 300px 0px 300px;}.elementor-6730 .elementor-element.elementor-element-7aedca3{text-align:center;}.elementor-6730 .elementor-element.elementor-element-7aedca3 .ot-heading .main-heading{font-size:20px;font-weight:400;line-height:20px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-6730 .elementor-element.elementor-element-f5153ec{--divider-border-style:solid;--divider-color:#0E7070;--divider-border-width:3px;}.elementor-6730 .elementor-element.elementor-element-f5153ec .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-6730 .elementor-element.elementor-element-f5153ec .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-6730 .elementor-element.elementor-element-7b23dfb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-6730 .elementor-element.elementor-element-5dca315{--spacer-size:10px;}.elementor-6730 .elementor-element.elementor-element-0bddde8{--spacer-size:10px;}.elementor-6730 .elementor-element.elementor-element-da32a23{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-859de44{--display:flex;--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;}.elementor-6730 .elementor-element.elementor-element-aec9c96{--display:flex;--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;}@media(max-width:1366px){.elementor-6730 .elementor-element.elementor-element-7b23dfb{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-6730 .elementor-element.elementor-element-7b23dfb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6730 .elementor-element.elementor-element-fd77901{padding:50px 0px 50px 0px;}.elementor-6730 .elementor-element.elementor-element-7b23dfb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-64ef5cb *//* =====================================================
   1. VARIÁVEIS GERAIS
===================================================== */

#ailog-api-hero,
.ailog-api-popup-overlay {
  --ailog-font: 'Code Pro', sans-serif;

  --ailog-dark: #06400d;
  --ailog-dark-2: #0b1208;
  --ailog-green: #e52e2e;
  --ailog-green-light: #e52e2e;

  --ailog-white: #ffffff;
  --ailog-muted: #bfbfbf;
  --ailog-form-title: #5f5f5f;
  --ailog-form-bg: #ffffff;

  --ailog-popup-overlay-bg: rgba(0, 0, 0, .72);

  --hero-title-size: 45px;
  --hero-text-size: 20px;
  --hero-title-mobile-size: 32px;
  --hero-text-mobile-size: 15px;

  --popup-width: 960px;
  --popup-radius: 24px;
  --popup-left-size: 0.9fr;
  --popup-right-size: 1.1fr;

  --popup-padding-left: 38px;
  --popup-padding-right: 30px 38px 30px 36px;

  --popup-title-size: 32px;
  --popup-text-size: 15px;
  --popup-form-title-size: 26px;
  --popup-form-text-size: 14px;
  --popup-logo-width: 135px;

  --popup-mobile-width: 420px;
  --popup-mobile-radius: 20px;
  --popup-mobile-padding-left: 22px 18px;
  --popup-mobile-padding-right: 24px 16px;
  --popup-title-mobile-size: 24px;
  --popup-text-mobile-size: 13px;
  --popup-form-title-mobile-size: 22px;
  --popup-form-text-mobile-size: 12px;
  --popup-logo-mobile-width: 120px;

  font-family: var(--ailog-font);
}

/* =====================================================
   2. HERO PRINCIPAL
===================================================== */

#ailog-api-hero {
  padding: 55px 7%;
  background: transparent;
  overflow: hidden;
  position: relative;
}

.ailog-api-hero-wrap {
  max-width: 1280px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.ailog-api-hero-left {
  max-width: 640px;
}

/* =====================================================
   3. TEXTOS DO HERO
===================================================== */

.ailog-api-badge {
  display: inline-flex;
  align-items: center;
  padding: 12px 22px;
  border-radius: 60px;
  border: 1px solid rgba(229, 46, 46, .25);
background: rgba(229, 46, 46, .07);
  color: #ffff;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 35px;
}

.ailog-api-hero h1 {
  margin: 0 0 22px;
  font-size: var(--hero-title-size);
  line-height: .99;
  font-weight: 800;
  letter-spacing: -2px;
  color: var(--ailog-white);
}

.ailog-api-hero h1 span,
.ailog-api-hero strong {
  color: var(--ailog-green-light);
}

.ailog-api-hero p {
  margin: 0;
  max-width: 610px;
  font-size: var(--hero-text-size);
  line-height: 1.5;
  color: var(--ailog-white);
}

/* =====================================================
   4. CTA E BENEFÍCIOS
===================================================== */

.ailog-api-cta-wrap {
  margin-top: 34px;
}

.ailog-api-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 58px;
  padding: 0 34px;
  border: none;
  cursor: pointer;
  border-radius: 70px;
  background: linear-gradient(180deg, var(--ailog-green-light), var(--ailog-green));
  color: #111111;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 0 24px rgba(0, 0, 0, .55);
  transition: .35s ease;
}

.ailog-api-cta:hover {
  transform: translateY(-3px);
}

.ailog-api-cta-arrow {
  transition: .3s ease;
}

.ailog-api-cta:hover .ailog-api-cta-arrow {
  transform: translateX(5px);
}

.ailog-api-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

/* =====================================================
   5. VISUAL DECORATIVO
===================================================== */

.ailog-api-hero-right {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ailog-api-visual {
  position: relative;
  width: 100%;
  max-width: 480px;
  height: 360px;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(212, 255, 56, .08), rgba(212, 255, 56, .02));
  border: 1px solid rgba(212, 255, 56, .12);
}

.ailog-api-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(212, 255, 56, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 255, 56, .05) 1px, transparent 1px);
  background-size: 30px 30px;
}

.ailog-api-card {
  position: absolute;
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border: 1px solid rgba(212, 255, 56, .14);
  backdrop-filter: blur(10px);
  animation: ailogFloat 6s ease-in-out infinite;
}

.ailog-api-card-big {
  top: 55px;
  left: 55px;
  width: 250px;
}

.ailog-api-card-small {
  bottom: 45px;
  right: 45px;
  width: 210px;
  animation-delay: 2s;
}

.ailog-api-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ailog-green-light);
  margin-bottom: 18px;
  box-shadow: 0 0 16px rgba(212, 255, 56, .7);
}

.ailog-api-line {
  height: 9px;
  border-radius: 30px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, rgba(212, 255, 56, .9), rgba(212, 255, 56, .2));
}

.ailog-w1 { width: 100%; }
.ailog-w2 { width: 72%; }
.ailog-w3 { width: 52%; }

.ailog-floating-square {
  position: absolute;
  border: 1px solid rgba(212, 255, 56, .14);
  background: rgba(212, 255, 56, .04);
  backdrop-filter: blur(8px);
  animation: ailogFloatSquare 7s ease-in-out infinite;
}

.ailog-sq1 {
  width: 55px;
  height: 55px;
  top: 40px;
  right: 55px;
}

.ailog-sq2 {
  width: 75px;
  height: 75px;
  bottom: 35px;
  left: 35px;
  animation-delay: 2s;
}

/* =====================================================
   6. POP-UP
===================================================== */

.ailog-api-popup-overlay {
  position: fixed;
  inset: 0;
  background: var(--ailog-popup-overlay-bg);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: .35s ease;
  z-index: 99999;
}

.ailog-api-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.ailog-api-popup {
  position: relative;
  width: 100%;
  max-width: var(--popup-width);
  max-height: calc(100vh - 40px);
  display: grid;
  grid-template-columns: var(--popup-left-size) var(--popup-right-size);
  background: var(--ailog-dark);
  border-radius: var(--popup-radius);
  overflow: hidden;
  border: 1px solid rgba(212, 255, 56, .18);
  transform: translateY(30px) scale(.96);
  transition: .35s ease;
}

.ailog-api-popup-overlay.active .ailog-api-popup {
  transform: translateY(0) scale(1);
}

/* =====================================================
   7. LADO ESQUERDO DO POP-UP
===================================================== */

.ailog-api-popup-left {
  padding: var(--popup-padding-left);
  background: linear-gradient(180deg, rgba(212, 255, 56, .08), var(--ailog-dark-2));
  box-sizing: border-box;
}

.ailog-popup-logo {
  width: var(--popup-logo-width);
  max-width: 100%;
  margin-bottom: 22px;
}

.ailog-popup-badge {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  border-radius: 60px;
  border: 1px solid rgba(212, 255, 56, .25);
  background: rgba(212, 255, 56, .07);
  color: var(--ailog-green-light);
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 22px;
}

.ailog-api-popup-left h2 {
  font-size: var(--popup-title-size);
  line-height: 1.04;
  font-weight: 800;
  margin: 0 0 20px;
  color: var(--ailog-white);
}

.ailog-api-popup-left p {
  font-size: var(--popup-text-size);
  line-height: 1.55;
  color: var(--ailog-white);
  max-width: 390px;
  margin: 0;
}

.ailog-popup-items {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ailog-white);
}

/* =====================================================
   8. LADO DIREITO DO POP-UP
===================================================== */

.ailog-api-popup-right {
  padding: var(--popup-padding-right);
  background: var(--ailog-form-bg);
  overflow: auto;
  box-sizing: border-box;
}

.ailog-popup-form-title {
  font-size: var(--popup-form-title-size);
  line-height: 1.15;
  font-weight: 800;
  color: var(--ailog-form-title);
  margin-bottom: 10px;
}

.ailog-popup-form-text {
  font-size: var(--popup-form-text-size);
  line-height: 1.5;
  color: var(--ailog-muted);
  margin-bottom: 22px;
}

.ailog-rd-form {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

/* =====================================================
   9. BOTÃO FECHAR
===================================================== */

.ailog-close-popup {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: #06400d;
  font-size: 21px;
  line-height: 1;
  transition: .3s ease;
  z-index: 30;
}

.ailog-close-popup:hover {
  background: var(--ailog-green-light);
  color: #111111;
  transform: rotate(90deg);
}

/* =====================================================
   10. FORMULÁRIO RD
===================================================== */

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e *,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e form,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e div,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e fieldset {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e input,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e select,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  color: #333333 !important;
  box-sizing: border-box !important;
}

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e .bricks-form__field {
  margin-bottom: 8px !important;
}

/* Esconde labels originais do RD para não duplicar Nome, Email, Empresa etc. */
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e .bricks-form__field > label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Perguntas criadas manualmente acima dos dois selects. */
.ailog-rd-question-label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #333333 !important;
  text-align: left !important;
}

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  margin: 2px 8px 0 0 !important;
  padding: 0 !important;
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
}

#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e button,
#formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e input[type="submit"] {
  width: 100% !important;
  height: 44px !important;
  margin-top: 10px !important;
  font-size: 15px !important;
  border-radius: 40px !important;
}

/* =====================================================
   11. ANIMAÇÕES
===================================================== */

@keyframes ailogFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes ailogFloatSquare {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-10px) rotate(6deg); }
}

/* =====================================================
   12. NOTEBOOK
===================================================== */

@media (min-width: 992px) and (max-width: 1366px) {
  .ailog-api-popup {
    max-width: var(--popup-width);
    grid-template-columns: var(--popup-left-size) var(--popup-right-size);
  }
}

/* =====================================================
   MOBILE: CHECKBOX DO RD
====================================================
= */

@media(max-width: 767px){

  #ailog-api-hero{
    padding: 60px 20px 50px;
  }

  .ailog-api-hero-wrap{
    display: block;
  }

  .ailog-api-badge{
    font-size: 10px;
    padding: 9px 14px;
    margin-bottom: 22px;
  }

  .ailog-api-hero h1{
    font-size: var(--hero-title-mobile-size) !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
  }

  .ailog-api-hero p{
    font-size: var(--hero-text-mobile-size) !important;
    line-height: 1.45 !important;
  }

  .ailog-api-hero-right,
  .ailog-api-benefits{
    display: none;
  }

  .ailog-api-cta{
    width: 100%;
  }
}

/* =====================================================
   16. MOBILE: POP-UP
===================================================== */

@media(max-width: 767px){

  .ailog-api-popup-overlay{
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
  }

  .ailog-api-popup{
    width: calc(100% - 20px);
    max-width: var(--popup-mobile-width);
    max-height: calc(100vh - 24px);
    grid-template-columns: 1fr;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--popup-mobile-radius);
    margin: 0;
    box-sizing: border-box;
    transform: none;
  }

  .ailog-api-popup-overlay.active .ailog-api-popup{
    transform: none;
  }

  .ailog-api-popup-left{
    padding: var(--popup-mobile-padding-left);
    box-sizing: border-box;
  }
   .ailog-api-popup-right{
    padding: var(--popup-mobile-padding-right);
    box-sizing: border-box;
    background: var(--ailog-form-bg);
    overflow: hidden;
  }

  .ailog-popup-logo{
    width: var(--popup-logo-mobile-width);
    margin-bottom: 18px;
  }

  .ailog-popup-badge{
    font-size: 8px;
    padding: 8px 12px;
    margin-bottom: 18px;
  }

  .ailog-api-popup-left h2{
    font-size: var(--popup-title-mobile-size) !important;
    line-height: 1.05 !important;
    margin-bottom: 14px !important;
  }

  .ailog-api-popup-left p{
    font-size: var(--popup-text-mobile-size) !important;
    line-height: 1.45 !important;
  }
   .ailog-popup-items{
    margin-top: 18px;
    gap: 8px;
    font-size: 13px;
  }

  .ailog-popup-form-title{
    font-size: var(--popup-form-title-mobile-size) !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
  }

  .ailog-popup-form-text{
    font-size: var(--popup-form-text-mobile-size) !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
  }

  .ailog-close-popup{
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    font-size: 20px;
  }
}
/* =====================================================
   17. MOBILE: FORMULÁRIO RD DENTRO DO POP-UP
===================================================== */

@media(max-width: 767px){

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd *,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd form,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd div,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd fieldset{
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd input,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd select,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd textarea{
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    font-size: 14px !important;
  }
 #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd label,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd p,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd span{
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd button,
  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd input[type="submit"]{
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    font-size: 17px !important;
    border-radius: 40px !important;
  }
}
/* =====================================================
   18. MOBILE: CHECKBOX DO RD
===================================================== */

@media(max-width: 767px){

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd input[type="checkbox"]{
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    padding: 0 !important;
    margin: 3px 8px 0 0 !important;
    border-radius: 4px !important;
    flex: 0 0 16px !important;
    transform: none !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
  }

  #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd label{
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }
   #formulario-site-ailog-page-api-de-pedagio-b79fb61069d1be00bcdd label span,
  #formulario-site-ailog-page-api-de-roteirizacao-f3d78e4ee4243fd8e72e label p{
    display: inline !important;
    width: auto !important;
    max-width: calc(100% - 30px) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7e5371 *//* =========================================
RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* =========================================
VARIÁVEIS
ALTERE AQUI FACILMENTE
========================================= */

:root{

    /* cores */
    --bg:#ffffff;

    --primary:#b8ff31;

    --primary-dark:#31511d;

    --title:#10281a;

    --text:#627068;

    /* fonte */
    --font:'Code Pro',sans-serif;

    /* tamanhos */
    --title-size:clamp(36px,3vw,52px);

    --text-size:20px;

    --button-size:17px;

}


/* =========================================
SEÇÃO
========================================= */

.ciot-demo{

    background:#ffffff;

    padding:95px 30px;

    font-family:var(--font);

    overflow:hidden;
}



/* =========================================
LAYOUT
========================================= */

.demo-top{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1.08fr;

    gap:70px;

    align-items:center;
}



/* =========================================
TEXTOS
========================================= */

.demo-copy{
    position:relative;
    z-index:2;
}


/* TAG */

.demo-tag{

    display:inline-block;

    padding:10px 20px;

    border-radius:50px;

    background:#eef8d7;

    border:1px solid #d7ef9d;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    color:var(--primary-dark);

    margin-bottom:42px;
}


/* TÍTULO */

.demo-copy h2{

    font-size:var(--title-size);

    line-height:1.05;

    font-weight:800;

    max-width:620px;

    margin:0 0 28px;

    color:var(--title);
    
    
}

/* palavra vermelho */
.green-text{
    color:#e52e2e;
}


/* TEXTO */

.demo-copy p{

    font-size:var(--text-size);

    line-height:1.8;

    max-width:620px;

    margin-bottom:34px;

    color:var(--text);
}



/* =========================================
BENEFÍCIOS
========================================= */

.demo-benefits{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-bottom:40px;
}


/* ITEM */

.benefit-item{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:17px;

    font-weight:600;

    color:var(--title);
}



/* =========================================
BOTÃO CTA
========================================= */

.demo-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    height:60px;

    padding:0 34px;

    border-radius:60px;

    background:
linear-gradient(
135deg,
#ff4d4d,
#e52e2e
);

    color:#102412;

    text-decoration:none;

    font-size:var(--button-size);

    font-weight:800;

    box-shadow:
    0 14px 35px rgba(184,255,49,.25);

    transition:.35s ease;
}


/* HOVER */

.demo-button:hover{

    transform:translateY(-5px);

    box-shadow:
    0 20px 45px rgba(184,255,49,.30);
}


/* SETA */

.demo-button span{

    font-size:22px;
}



/* =========================================
VÍDEO
========================================= */

.demo-video{
    position:relative;
}

.video-highlight{
    position:relative;
}


/* GLOW */

.video-highlight:before{

    content:"";

    position:absolute;

    inset:-18px;

    border-radius:38px;

    background:
    linear-gradient(
    135deg,
    rgba(184,255,49,.08),
    rgba(184,255,49,0)
    );

    z-index:-1;
}


/* FRAME */

.video-frame{

    padding:14px;

    background:#ffffff;

    border-radius:30px;

    border:1px solid #dfe5da;

    box-shadow:
    0 22px 60px rgba(0,0,0,.08);
}


/* IFRAME */

.video-frame iframe{

    width:100%;

    aspect-ratio:16/9;

    border:none;

    border-radius:18px;
}


/* BADGE */

.video-badge{

    margin-top:20px;

    display:inline-block;

    padding:12px 22px;

    border-radius:40px;

    background:#f5f8ee;

    border:1px solid #dfe7d6;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    color:#365320;
}



/* GLOW */

.demo-video:after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    background:var(--primary);

    opacity:.04;

    filter:blur(90px);

    right:-40px;
    top:-40px;

    z-index:-2;
}



/* =========================================
RESPONSIVO
========================================= */

@media(max-width:991px){

    .demo-top{

        grid-template-columns:1fr;

        gap:50px;
    }

}



@media(max-width:576px){

    .ciot-demo{
        padding:65px 18px;
    }


    /* título */

    .demo-copy h2{

        font-size:38px;
    }


    /* texto */

    .demo-copy p{

        font-size:17px;
    }


    /* benefícios */

    .benefit-item{

        font-size:15px;

        line-height:1.5;
    }


    /* botão */

    .demo-button{

        width:100%;

        height:56px;

        font-size:16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66e843b */*{
box-sizing:border-box;
margin:0;
padding:0;
}

.ciot-process{
position:relative;
overflow:hidden;
padding:75px 35px;
background:linear-gradient(135deg,#0e3413 0%,#184d1c 50%,#0d3212 100%);
font-family:'Code Pro',sans-serif;
}

/* notebook */
@media(max-width:1366px){
.ciot-process{
padding:60px 30px;
}
}

.process-glow{
position:absolute;
width:420px;
height:420px;
background:#b8ff00;
opacity:.05;
filter:blur(140px);
right:-60px;
top:-90px;
}

/* layout */
.process-top{
position:relative;
z-index:2;
max-width:1240px;
margin:auto;
display:grid;
grid-template-columns:1fr 1.05fr;
gap:50px;
align-items:center;
}

/* esquerda */
.process-tag{
display:inline-block;
padding:10px 20px;
border-radius:40px;
background:rgba(184,255,49,.12);
border:1px solid rgba(184,255,49,.30);
font-size:12px;
font-weight:700;
color:#d7ff5d;
margin-bottom:40px;
}

.process-left h2{
font-size:clamp(30px,3.4vw,40px);
line-height:1.05;
font-weight:800;
max-width:520px;
margin-bottom:18px;
color:#fff;
}

.process-left p{
font-size:18px;
line-height:1.6;
max-width:540px;
color:#d5e1d5;
margin-bottom:28px;
}

/* bullets */
.steps{
display:grid;
gap:14px;
margin-bottom:30px;
}

.step-item{
display:flex;
gap:12px;
align-items:center;
font-size:17px;
font-weight:600;
color:#fff;
}

.step-item span{
width:30px;
height:30px;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
background:#d6ff3d;
color:#163214;
font-weight:800;
}

/* botão */
.process-btn{
display:inline-flex;
align-items:center;
gap:12px;
padding:16px 30px;
border-radius:60px;
background:linear-gradient(135deg,#d8ff5c,#c4f92d);
color:#10240d;
font-weight:800;
text-decoration:none;
box-shadow:0 10px 28px rgba(184,255,49,.25);
transition:.35s;
}

.process-btn:hover{
transform:translateY(-4px);
}

/* direita */
.process-right h3{
font-size:32px;
font-weight:800;
margin-bottom:24px;
color:#fff;
}

.feature-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.feature-box{
padding:24px;
border-radius:24px;
background:rgba(255,255,255,.05);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.08);
transition:.35s;
}

.feature-box:hover{
transform:translateY(-5px);
}

.feature-icon{
width:46px;
height:46px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:700;
background:linear-gradient(135deg,#d8ff5c,#a8e62f);
color:#183413;
margin-bottom:15px;
}

.feature-box h4{
font-size:22px;
line-height:1.2;
margin-bottom:10px;
color:#fff;
}

.feature-box p{
font-size:14px;
line-height:1.65;
color:#d3ddd3;
}

/* tablet */
@media(max-width:991px){

.process-top{
grid-template-columns:1fr;
gap:45px;
}

.feature-grid{
grid-template-columns:1fr;
}

}

/* mobile */
@media(max-width:576px){

.ciot-process{
padding:60px 18px;
}

.process-left h2{
font-size:32px;
}

.process-left p{
font-size:16px;
}

.process-right h3{
font-size:26px;
}

.feature-box h4{
font-size:19px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7031142 *//* =========================================
IMPORTAÇÃO DA FONTE
========================================= */

@import url('https://fonts.cdnfonts.com/css/code-pro');


/* =========================================
CONFIGURAÇÕES GLOBAIS
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* =========================================
VARIÁVEIS FÁCEIS DE EDITAR
ALTERE AQUI CORES, FONTES E TAMANHOS
========================================= */

:root{

    /* CORES */
    --bg-color:#f7f8f5;
    --card-bg:#ffffff;
    --title-color:#1b1f1b;
    --text-color:#5d665d;
    --icon-color:#ffffff;

    /* GRADIENTE ÍCONE */
    --gradient-start:#cfff4d;
    --gradient-end:#2e6f2e;

    /* SOMBRAS */
    --card-shadow:0 10px 30px rgba(0,0,0,.04);
    --card-hover-shadow:0 18px 45px rgba(0,0,0,.08);

    /* FONTES */
    --font-family:'Code Pro',sans-serif;

    /* TAMANHOS */
    --title-size:clamp(22px,3vw,26px);
    --card-title-size:20px;
    --card-text-size:16px;
    --icon-size:24px;

    /* ESPAÇAMENTOS */
    --section-padding:90px 30px;
    --card-padding:34px 30px;
}


/* =========================================
SEÇÃO PRINCIPAL
========================================= */

.tech-section{
    padding:var(--section-padding);
    background:var(--bg-color);
    font-family:var(--font-family);
    position:relative;
    overflow:hidden;
}


/* EFEITO DE FUNDO */
.tech-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:#c8ff4d;
    opacity:.08;
    filter:blur(120px);
    top:-140px;
    right:-120px;
}


/* =========================================
TÍTULO
========================================= */

.tech-header{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.tech-header h2{
    font-size:var(--title-size);
    line-height:1.1;
    font-weight:800;
    color:var(--title-color);
}


/* =========================================
GRID DOS CARDS
========================================= */

.tech-grid{
    max-width:1280px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:24px;

    position:relative;
    z-index:2;
}


/* =========================================
CARD
========================================= */

.tech-card{

    position:relative;

    padding:var(--card-padding);

    border-radius:28px;

    background:var(--card-bg);

    border:1px solid rgba(0,0,0,.05);

    box-shadow:var(--card-shadow);

    transition:.35s ease;

    display:flex;
    align-items:flex-start;
    gap:22px;

    overflow:hidden;
}


/* LINHA SUPERIOR */
.tech-card::before{

    content:'';

    position:absolute;

    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        var(--gradient-start),
        var(--gradient-end)
    );

    top:0;
    left:0;

    opacity:0;

    transition:.35s;
}


/* HOVER */
.tech-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--card-hover-shadow);
}

.tech-card:hover::before{
    opacity:1;
}


/* =========================================
ÍCONE
========================================= */

.tech-icon{

    min-width:58px;
    height:58px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:var(--icon-size);
    font-weight:800;

    background:linear-gradient(
        135deg,
        var(--gradient-start),
        var(--gradient-end)
    );

    color:var(--icon-color);

    box-shadow:0 10px 20px rgba(111,175,35,.22);
}


/* =========================================
TEXTOS
========================================= */

.tech-content h3{

    font-size:var(--card-title-size);

    line-height:1.2;

    font-weight:800;

    color:var(--title-color);

    margin-bottom:12px;
}

.tech-content p{

    font-size:var(--card-text-size);

    line-height:1.7;

    color:var(--text-color);

    max-width:290px;
}


/* =========================================
TABLET
========================================= */

@media(max-width:991px){

    .tech-grid{
        grid-template-columns:1fr;
    }

    .tech-header{
        margin-bottom:45px;
    }

}


/* =========================================
MOBILE
========================================= */

@media(max-width:576px){

    .tech-section{
        padding:70px 20px;
    }

    .tech-header h2{
        font-size:34px;
    }

    .tech-card{
        padding:28px 24px;
        border-radius:22px;
        gap:18px;
    }

    .tech-content h3{
        font-size:20px;
    }

    .tech-content p{
        font-size:15px;
    }

    .tech-icon{
        min-width:52px;
        height:52px;
        font-size:22px;
        border-radius:16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad625a1 *//* =========================================
RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* =========================================
VARIÁVEIS GLOBAIS
ALTERE AQUI FACILMENTE
========================================= */

:root{

    /* CORES */
    --bg-start:#001b0a;
    --bg-end:#0b4317;

    --primary:#98ff00;

    --text-white:#ffffff;
    --text-light:#dce8da;

    --card-bg:rgba(255,255,255,.025);
    --card-border:rgba(157,255,0,.18);

    --button-bg:rgba(150,255,0,.05);
    --button-hover:rgba(150,255,0,.12);

    /* FONTES */
    --font-family:'Code Pro',sans-serif;

    /* TAMANHOS */
    --title-size:64px;
    --subtitle-size:22px;

    --card-title-size:27px;
    --card-text-size:18px;

    /* BORDAS */
    --card-radius:30px;
    --button-radius:40px;

}


/* =========================================
SEÇÃO PRINCIPAL
========================================= */

.ailog-solutions{

    background:
    linear-gradient(
        90deg,
        var(--bg-start),
        var(--bg-end)
    );

    padding:90px 20px;

    font-family:var(--font-family);

    overflow:hidden;
}


/* =========================================
TÍTULO
========================================= */

.solutions-title{

    text-align:center;

    margin-bottom:65px;
}


/* TAG */
.tag{

    display:inline-block;

    padding:12px 26px;

    border:1px solid var(--primary);

    border-radius:40px;

    color:#d7ff66;

    font-size:12px;

    font-weight:700;

    margin-bottom:30px;
}


/* TÍTULO */
.solutions-title h2{

    font-size:var(--title-size);

    line-height:1.05;

    color:var(--text-white);

    margin-bottom:20px;

    max-width:900px;

    margin-inline:auto;
}


/* SUBTÍTULO */
.solutions-title p{

    font-size:var(--subtitle-size);

    color:var(--text-light);

    line-height:1.6;
}


/* =========================================
WRAPPER DO CARROSSEL
========================================= */

.carousel-wrapper{

    max-width:1450px;

    margin:auto;

    overflow:hidden;

    padding:18px 0;
}


/* =========================================
TRACK DOS CARDS
========================================= */

.slider-track{

    display:flex;

    gap:22px;

    transform:translateX(0);

    transition:transform 1s ease;

    will-change:transform;
}


/* =========================================
CARD
========================================= */

.card{

    flex:0 0 calc(25% - 17px);

    min-height:430px;

    padding:34px;

    border-radius:var(--card-radius);

    background:var(--card-bg);

    border:1px solid var(--card-border);

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}


/* HOVER SOMENTE DESKTOP */
@media(min-width:901px){

    .card:hover{

        transform:translateY(-10px);

        border-color:var(--primary);

        box-shadow:
        0 20px 45px rgba(0,0,0,.30),
        0 0 25px rgba(166,255,0,.14);
    }

}


/* =========================================
TOPO DOS CARDS
========================================= */

.card-top{

    min-height:70px;

    display:flex;

    align-items:center;

    margin-bottom:18px;
}


/* LOGOS */
.card-top img{

    height:54px;

    width:auto;

    max-width:180px;

    object-fit:contain;
}


/* =========================================
API BRAND
========================================= */

.api-brand{
    gap:14px;
}


/* ÍCONE API */
.api-badge{

    width:44px;

    height:44px;

    border-radius:12px;

    background:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:800;

    color:#07200f;
}


/* TEXTO API */
.api-name{

    font-size:28px;

    font-weight:700;

    color:var(--text-white);
}


/* =========================================
CONTEÚDO
========================================= */

.content{

    flex:1;

    display:flex;

    flex-direction:column;
}


/* TÍTULO CARD */
.card h3{

    font-size:var(--card-title-size);

    line-height:1.1;

    color:var(--text-white);

    margin-bottom:18px;

    min-height:72px;
}


/* TEXTO CARD */
.card p{

    font-size:var(--card-text-size);

    line-height:1.6;

    color:var(--text-light);
}


/* =========================================
BOTÃO
========================================= */

.cta{

    display:flex;

    align-items:center;

    justify-content:center;

    height:54px;

    padding:0 26px;

    border-radius:var(--button-radius);

    text-decoration:none;

    border:1px solid rgba(170,255,0,.35);

    background:var(--button-bg);

    color:#d6ff55;

    font-weight:700;

    transition:.3s;
}


/* HOVER BOTÃO */
.cta:hover{

    background:var(--button-hover);
}


/* =========================================
TABLET
========================================= */

@media(max-width:1200px){

    .card{
        flex:0 0 calc(33.33% - 15px);
    }

}


/* =========================================
MOBILE
========================================= */

@media(max-width:900px){

    .ailog-solutions{
        padding:65px 0 75px;
    }

    .solutions-title{

        padding:0 22px;

        margin-bottom:45px;
    }

    .solutions-title h2{

        font-size:52px;

        line-height:1.02;

        max-width:340px;

        margin:auto auto 22px;
    }

    .solutions-title p{

        font-size:20px;

        line-height:1.6;

        max-width:320px;

        margin:auto;
    }

    /* SCROLL HORIZONTAL */
    .carousel-wrapper{

        overflow-x:auto;

        overflow-y:hidden;

        padding-left:22px;

        padding-right:22px;

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;
    }

    /* ESCONDE SCROLLBAR */
    .carousel-wrapper::-webkit-scrollbar{
        display:none;
    }

    /* TRACK */
    .slider-track{

        transform:none !important;

        gap:18px;

        width:max-content;
    }

    /* CARD */
    .card{

        flex:0 0 88vw;

        min-height:520px;

        padding:30px 28px;

        border-radius:28px;

        scroll-snap-align:start;
    }

    /* REMOVE HOVER MOBILE */
    .card:hover{

        transform:none !important;

        box-shadow:none !important;
    }

    /* TOPO */
    .card-top{

        min-height:58px;

        margin-bottom:10px;
    }

    /* LOGOS */
    .card-top img{

        height:42px !important;

        max-width:160px !important;
    }

    /* API */
    .api-name{
        font-size:22px;
    }

    .api-badge{

        width:42px;

        height:42px;

        font-size:18px;
    }

    /* TÍTULO CARD */
    .card h3{

        font-size:44px;

        line-height:1.02;

        min-height:auto;

        margin-bottom:22px;
    }

    /* TEXTO CARD */
    .card p{

        font-size:20px;

        line-height:1.7;
    }

    /* BOTÃO */
    .cta{

        width:100%;

        height:58px;

        font-size:18px;

        margin-top:30px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6263023 */.elementor-6730 .elementor-element.elementor-element-6263023 .client-logos{
background:#fff;
padding:50px 0;
overflow:hidden;
position:relative;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap{
width:100%;
overflow:hidden;
position:relative;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap:before,
.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap:after{
content:"";
position:absolute;
top:0;
height:100%;
width:60px;
z-index:3;
pointer-events:none;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap:before{
left:0;
background:linear-gradient(to right,#fff,transparent);
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap:after{
right:0;
background:linear-gradient(to left,#fff,transparent);
}

/* DESKTOP */
.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track{
display:flex;
align-items:center;
gap:70px;
width:max-content;
animation:marquee 30s linear infinite;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track img{
height:150px !important;
max-width:220px !important;
width:auto;
object-fit:contain;

filter:grayscale(100%);
opacity:.85;

flex-shrink:0;
transition:.3s;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track img:hover{
filter:none;
opacity:1;
transform:scale(1.05);
}

@keyframes marquee{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}


/* TABLET */
@media(max-width:991px){

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track{
gap:40px;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track img{
height:70px !important;
max-width:180px !important;
}

}


/* MOBILE 3 LOGOS GRANDES */
@media(max-width:576px){

.elementor-6730 .elementor-element.elementor-element-6263023 .client-logos{
padding:60px 0 !important;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-wrap{
min-height:160px;
display:flex;
align-items:center;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track{
gap:50px;   
animation-duration:30s;
}

.elementor-6730 .elementor-element.elementor-element-6263023 .logos-track img{
height:140px !important;
max-width:220px !important;
}

}/* End custom CSS */