.elementor-6921 .elementor-element.elementor-element-7efeb92{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px;--background-transition:0.3s;--padding-top:40px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-6921 .elementor-element.elementor-element-7efeb92:not(.elementor-motion-effects-element-type-background), .elementor-6921 .elementor-element.elementor-element-7efeb92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2666e65 );}.elementor-6921 .elementor-element.elementor-element-7efeb92, .elementor-6921 .elementor-element.elementor-element-7efeb92::before{--border-transition:0.3s;}.elementor-6921 .elementor-element.elementor-element-7a51960{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:10px;--background-transition:0.3s;}.elementor-6921 .elementor-element.elementor-element-411fe9b .elementor-heading-title{color:var( --e-global-color-57c8da2 );}.elementor-6921 .elementor-element.elementor-element-f866f8b{text-align:left;color:var( --e-global-color-57c8da2 );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-6921 .elementor-element.elementor-element-62792ac{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-6921 .elementor-element.elementor-element-7d9c41f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-6921 .elementor-element.elementor-element-7d9c41f:not(.elementor-motion-effects-element-type-background), .elementor-6921 .elementor-element.elementor-element-7d9c41f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2666e65 );}.elementor-6921 .elementor-element.elementor-element-7d9c41f, .elementor-6921 .elementor-element.elementor-element-7d9c41f::before{--border-transition:0.3s;}@media(max-width:1024px){.elementor-6921 .elementor-element.elementor-element-f866f8b{font-size:14px;}}@media(min-width:768px){.elementor-6921 .elementor-element.elementor-element-7efeb92{--content-width:1200px;}.elementor-6921 .elementor-element.elementor-element-7a51960{--width:50%;}.elementor-6921 .elementor-element.elementor-element-62792ac{--width:50%;}.elementor-6921 .elementor-element.elementor-element-7d9c41f{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-dc3bfed *//* Paleta: #DAFEE7 (fundo), #FFFFFF (card), #00F45B (action), #128C7E (destaques) */

#wa-link-generator.wa-container {
  background-color: #DAFEE7;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wa-link-generator .wa-card {
  background-color: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(18, 140, 126, 0.08);
  max-width: 640px;
  width: 100%;
  padding: 28px;
}

#wa-link-generator .wa-title {
  color: #128C7E;
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  margin: 0 0 8px;
}

#wa-link-generator .wa-subtitle {
  color: #4b5563; /* slate-600 */
  text-align: center;
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.6;
}

#wa-link-generator .wa-field {
  margin-bottom: 16px;
}

#wa-link-generator .wa-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151; /* slate-700 */
  margin-bottom: 6px;
}

#wa-link-generator .wa-input {
  width: 100%;
  border: 1px solid #d1d5db; /* slate-300 */
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 15px;
  outline: none;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  background-color: #FFFFFF;
}

#wa-link-generator .wa-input:focus {
  border-color: #128C7E;
  box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.2);
}

#wa-link-generator .wa-hint {
  font-size: 12px;
  color: #6b7280; /* slate-500 */
  margin-top: 6px;
}

#wa-link-generator .wa-btn-primary {
  width: 100%;
  background-color: #00F45B;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.06s ease;
}

#wa-link-generator .wa-btn-primary:hover {
  background-color: #16d35a; /* ligeiro escurecimento mantendo a paleta */
}

#wa-link-generator .wa-btn-primary:active {
  transform: translateY(1px);
}

#wa-link-generator .wa-result {
  margin-top: 20px;
}

#wa-link-generator .wa-result-label {
  color: #374151;
  font-weight: 600;
  margin-bottom: 8px;
}

#wa-link-generator .wa-link {
  display: block;
  text-align: center;
  padding: 12px;
  border-radius: 10px;
  font-weight: 700;
  background-color: #DAFEE7;
  color: #128C7E;
  text-decoration: none;
  word-break: break-all;
  border: 1px solid rgba(18, 140, 126, 0.15);
}

#wa-link-generator .wa-link:hover {
  text-decoration: underline;
}

#wa-link-generator .wa-cta {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

#wa-link-generator .wa-cta-title {
  color: #128C7E;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 6px;
}

#wa-link-generator .wa-cta-text {
  color: #4b5563;
  font-size: 14px;
  margin: 0 0 10px;
}

#wa-link-generator .wa-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
  margin-bottom: 10px;
}

#wa-link-generator .wa-status {
  margin-top: 10px;
  font-size: 13px;
  color: #4b5563;
}

#wa-link-generator .wa-status.wa-error {
  color: #dc2626; /* vermelho */
}

#wa-link-generator .wa-status.wa-success {
  color: #16a34a; /* verde */
}

/* util */
#wa-link-generator .hidden {
  display: none !important;
}

/* Responsividade leve */
@media (max-width: 480px) {
  #wa-link-generator .wa-card {
    padding: 20px;
    border-radius: 12px;
  }
  #wa-link-generator .wa-title {
    font-size: 24px;
  }
}

#wa-link-generator .wa-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}

#wa-link-generator .wa-btn-secondary {
  flex: 1;
  background-color: #f3f4f6; /* cinza claro */
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#wa-link-generator .wa-btn-secondary:hover {
  background-color: #e5e7eb;
}

#wa-link-generator .wa-btn-secondary.hidden {
  display: none;
}

#wa-link-generator .wa-btn-primary:disabled {
  background-color: #9ca3af; /* cinza */
  cursor: not-allowed;
}

.wa-success-message {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  padding: 12px 20px;
  border-radius: 5px;
  margin-bottom: 16px;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

.wa-success-message.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-060e2c4 *//* ==========================================================================
   CONFIGURAÇÃO GERAL E VARIÁVEIS
   ========================================================================== */

:root {
  --brandBg: #DAFEE7;
  --brandWhite: #FFFFFF;
  --brandAction: #00F45B;
  --brandWhats: #128C7E;
  --slate600: #4b5563;
  --slate700: #374151;
  --soft-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* ==========================================================================
   ESTILOS PERSONALIZADOS E AJUSTES
   ========================================================================== */

.gradient-cta {
  background: linear-gradient(90deg, #00F45B 0%, #12b886 100%);
}

.icon-ring {
  box-shadow: 0 0 0 6px rgba(18, 140, 126, 0.12);
}

.brand-outline {
  box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.18);
}

/* ==========================================================================
   CLASSES DO TAILWIND (TRADUZIDAS PARA CSS PURO)
   ========================================================================== */

/* Layout e Espaçamento */
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-6xl { max-width: 72rem; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }

/* Flexbox & Grid */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }

/* Tipografia */
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-3xl { font-size: 1.875rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.text-brandWhats { color: var(--brandWhats); }
.text-slate600 { color: var(--slate600); }
.text-white { color: #fff; }

/* Cores e Fundo */
.bg-brandWhite { background-color: var(--brandWhite); }
.bg-brandWhats-10 { background-color: rgba(18, 140, 126, 0.1); }

/* Bordas e Sombra */
.border { border-width: 1px; }
.border-brandBg-60 { border-color: rgba(218, 254, 231, 0.6); }
.rounded-md { border-radius: 0.375rem; }
.rounded-full { border-radius: 9999px; }
.rounded-xl2 { border-radius: 16px; }
.shadow-soft { box-shadow: var(--soft-shadow); }

/* Tamanho */
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.w-12 { width: 3rem; }
.h-12 { height: 3rem; }

/* Interatividade */
.cursor-pointer { cursor: pointer; }

/* Responsividade (Telas médias e acima) */
@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:flex-row { flex-direction: row; }
}/* End custom CSS */