.elementor-59738 .elementor-element.elementor-element-8cffad9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-59738 .elementor-element.elementor-element-dca4f1c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}#elementor-popup-modal-59738 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-59738{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-59738 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-59738 .dialog-close-button{display:flex;}#elementor-popup-modal-59738 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-59738 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-59738 .elementor-element.elementor-element-8cffad9{--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-59738 .elementor-element.elementor-element-dca4f1c{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-dca4f1c *//* ===============================
   Black Aristo • Visual System
   =============================== */
.form-aristo{
  --bg-1:#060a17;          /* fundo base */
  --bg-2:#0b1126;          /* fundo card */
  --bg-3:#101935;          /* hover/focus bg */
  --stroke:rgba(130,145,255,.24);
  --shadow:0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(130,145,255,.18);
  --radius:18px;

  --txt-1:#ffffff;         /* título */
  --txt-2:#c7cff5;         /* corpo */
  --txt-mute:#8a94c9;      /* notas/labels */

  --blue-1:#3B7BFF;        /* degradê botão */
  --blue-2:#6C3BFF;
  --accent:#5bd6ff;        /* highlights */
  --danger:#ff5c7a;        /* erros */
  --success:#3fe2a8;       /* sucesso */

  --shine:rgba(255,255,255,.35); /* trilho de brilho */
  --ring:0 0 0 2px rgba(99,102,241,.45), 0 0 0 6px rgba(99,102,241,.18);
}

/* Popup wrapper bonito (use num Inner Section que envolve o formulário) */
.form-aristo .aristo-card{
  background:
     radial-gradient(1200px 600px at 10% -10%, rgba(76,0,255,.25), transparent 55%),
     radial-gradient(900px 500px at 110% 10%, rgba(0,140,255,.25), transparent 50%),
     linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(20px,3.5vw,36px);
  position: relative;
  overflow: hidden;
}

/* brilho lateral suave */
.form-aristo .aristo-card::before{
  content:"";
  position:absolute; inset:-20% auto -20% -20%;
  width: 60px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  transform: rotate(8deg);
  pointer-events: none;
}

/* Títulos e textos no popup */
.form-aristo .aristo-title{
  color: var(--txt-1);
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.1;
  font-size: clamp(22px, 3.2vw, 36px);
  margin: 0 0 10px;
}
.form-aristo .aristo-sub{
  color: var(--txt-2);
  font-size: clamp(14px, 1.4vw, 16px);
  margin: 0 0 18px;
}
.form-aristo .aristo-sub b{ color:#fff; }

/* ============ HubSpot Form ============ */
.form-aristo .hbspt-form form{
  display:block;
}

/* labels */
.form-aristo .hbspt-form label{
  color: var(--txt-mute) !important;
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

/* inputs, selects, textareas */
.form-aristo .hbspt-form input[type="text"],
.form-aristo .hbspt-form input[type="email"],
.form-aristo .hbspt-form input[type="tel"],
.form-aristo .hbspt-form input[type="number"],
.form-aristo .hbspt-form select,
.form-aristo .hbspt-form textarea{
  width:100% !important;
  background: var(--bg-3) !important;
  color: #e9edff !important;
  border:1px solid rgba(140,155,255,.25) !important;
  border-radius: 12px !important;
  padding: 14px 14px !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

/* placeholder */
.form-aristo .hbspt-form ::placeholder{ color:#a0abda !important; opacity:.7; }

/* focus ring */
.form-aristo .hbspt-form input:focus,
.form-aristo .hbspt-form select:focus,
.form-aristo .hbspt-form textarea:focus{
  border-color: rgba(124,144,255,.85) !important;
  box-shadow: var(--ring) !important;
}

/* espaçamento entre campos */
.form-aristo .hbspt-form .hs-form-field{
  margin-bottom: 14px !important;
}

/* checkboxes/radios */
.form-aristo .hbspt-form .inputs-list li{
  margin: 8px 0 !important;
}
.form-aristo .hbspt-form input[type="checkbox"],
.form-aristo .hbspt-form input[type="radio"]{
  accent-color: var(--blue-1);
}

/* mensagens de erro/sucesso */
.form-aristo .hbspt-form .hs-error-msgs li label{
  color: var(--danger) !important;
  font-size: 12px !important;
}
.form-aristo .submitted-message{
  color: var(--success) !important;
  font-weight: 600;
  padding-top: 8px;
}

/* botão Black Aristo */
.form-aristo .hbspt-form .hs-button{
  --g1: var(--blue-1);
  --g2: var(--blue-2);

  width:100% !important;
  display:block !important;
  text-align:center !important;

  padding: 18px 24px !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing:.5px !important;
  text-transform: uppercase !important;

  color:#fff !important;
  border:none !important;
  background: linear-gradient(270deg, var(--g1), var(--g2), var(--g1)) !important;
  background-size: 400% 400% !important;
  animation: btnGrad 8s ease infinite !important;

  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(59,123,255,.35);
  transition: transform .18s ease, box-shadow .18s ease;
}
@keyframes btnGrad{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

.form-aristo .hbspt-form .hs-button::after{
  content:""; position:absolute; inset:-40% -20% auto -20%;
  width:60%; height:200%;
  transform: translateX(-120%) rotate(20deg);
  background: linear-gradient(90deg, transparent, var(--shine), transparent);
  pointer-events:none;
}
.form-aristo .hbspt-form .hs-button:hover::after{ animation: shine .9s ease; }
@keyframes shine{ from{transform:translateX(-120%) rotate(20deg)} to{transform:translateX(220%) rotate(20deg)} }
.form-aristo .hbspt-form .hs-button:hover{
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 18px 48px rgba(108,59,255,.45);
}

/* micro CTA secundário (se usar links abaixo do botão) */
.form-aristo .mini-cta{
  color: var(--txt-mute); font-size: 13px; margin-top: 10px;
}
.form-aristo .mini-cta a{ color: var(--accent); text-decoration: none; }
.form-aristo .mini-cta a:hover{ text-decoration: underline; }

/* responsivo */
@media (max-width: 480px){
  .form-aristo .aristo-card{ padding:18px; border-radius:14px; }
  .form-aristo .hbspt-form .hs-button{ font-size:16px !important; padding:16px !important; }
}

/* opcional: tira margens “estranhas” que o Elementor pode aplicar */
.form-aristo .hbspt-form, 
.form-aristo .hbspt-form form{ margin:0 !important; }/* End custom CSS */