.form-whatsapp-vertical {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 400px;
  margin-bottom: 20px;
}

.autocomplete-suggestions:empty { display: none; border: none; }

.form-whatsapp-vertical input[type="text"],
.form-whatsapp-vertical select {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 45px;
}

.form-whatsapp-vertical .radio-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
}

.form-whatsapp-vertical label {
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
}

.form-whatsapp-vertical .radio-title {
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 25px;
  color: white;
  grid-column: span 2;
}

#provincia { margin-top: 15px; margin-bottom: 15px; }

/* autocomplete */
.autocomplete-suggestions {
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  position: absolute;
  z-index: 1000;
  width: calc(100% - 18px);
}
.autocomplete-suggestion { padding: 8px; cursor: pointer; }
.autocomplete-suggestion:hover { background: #f0f0f0; }

/* spacing */
.form-whatsapp-vertical > * { margin: 0 !important; }
#provincia,#localidad-wrapper,#telefono-wrapper,#empresa-wrapper,
.form-whatsapp-vertical .radio-group,
.form-whatsapp-vertical .radio-title { margin: 0 !important; }
.form-whatsapp-vertical .radio-group { row-gap: 8px; }
#localidad-wrapper { position: relative; }
.radio-group { padding-top: 14px; padding-bottom: 14px; }

/* ========= CTA propio ========= */
.crm-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--e-global-color-primary);
  color: #FFFFFF;
  fill: #FFFFFF;
  font-family: "Montserrat", Fregat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  border-style: solid;
  border-width: 1px;
  border-color: var(--e-global-color-primary);
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .06s ease, opacity .2s ease;
  user-select: none;
}
.crm-cta:hover { transform: translateY(-1px); }
.crm-cta:active { transform: translateY(0); }

.crm-cta[aria-disabled="true"] {
  opacity: .5;
  pointer-events: none;
}

.crm-cta__icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* Mobile */
@media (max-width: 480px) {
  .crm-cta { font-size: 14px; padding: 10px; }
}

/* Botón WhatsApp */
#cotizar.btn-wa {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  background-color: var(--e-global-color-primary);
  color: #fff;
  border: 1px solid var(--e-global-color-primary);
  border-radius: 5px;
  padding: 13px 20px;
  font-family: "Montserrat", Fregat, system-ui, -apple-system, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.2;
  transition: transform .06s ease, box-shadow .2s ease, opacity .2s ease;
}

/* Ícono: hereda el color, tamaño escalable */
#cotizar.btn-wa .wa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;  /* ~20px cuando font-size:17px */
  height: 1.25em;
}

/* Hover/active/focus */
#cotizar.btn-wa:hover { opacity: .92; }
#cotizar.btn-wa:active { transform: translateY(1px); }
#cotizar.btn-wa:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, .45);
}

/* Mobile tweaks */
@media (max-width: 480px) {
  #cotizar.btn-wa {
    font-size: 14px;
    padding: 13px 14px;
  }
  #cotizar.btn-wa .wa-icon { width: 1.1em; height: 1.1em; }
}

/* Estado deshabilitado del CTA */
#cotizar[aria-disabled="true"] {
 /* pointer-events: auto;*/
  opacity: 0.5;
}

/* Tooltip cuando está deshabilitado (ya lo usabas así) */
#cotizar.tooltip-disabled {
  position: relative;
}
#cotizar.tooltip-disabled::after {
  content: "Por favor, completá todos los datos";
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.2s ease;
  z-index: 1000;
}
#cotizar.tooltip-disabled:hover::after { opacity: 1; }

#cotizar.crm-shake { animation: crmShake .25s linear 1; }
@keyframes crmShake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-1px); }
  100% { transform: translateX(0); }
}