/* Corrige o botão para ser totalmente clicável */
/* Garante que o botão fique acima de overlays e seja sempre clicável */

#inline-cta {
  display: inline-block !important;
  padding: 12px 28px !important;
  background: var(--primary, #00bfff) !important;
  color: var(--primary-foreground, #fff) !important;
  font-weight: bold !important;
  font-size: 1.125rem !important;
  border-radius: 30px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, box-shadow 0.2s !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  min-width: fit-content !important;
}

#inline-cta:hover, 
#inline-cta:focus {
  background: color-mix(in oklab, var(--primary, #00bfff) 90%, #000 10%) !important;
  box-shadow: 0 0 30px rgba(0,188,212,0.6) !important;
  color: var(--primary-foreground, #fff) !important;
  text-decoration: none !important;
}

/* Remove pointer-events de elemento overlay que cobre o botão */
div.absolute.bottom-0.left-0.w-full {
  pointer-events: none !important;
}

/* Responsividade para tablets grandes (1024px - 1200px) */
@media (max-width: 1200px) {
  #inline-cta {
    padding: 11px 24px !important;
    font-size: 1.0625rem !important;
  }
}

/* Responsividade para tablets médios (768px - 1024px) */
@media (max-width: 1024px) {
  #inline-cta {
    padding: 9px 18px !important;
    font-size: 0.9375rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }
}

/* Responsividade para tablets pequenos (600px - 768px) */
@media (max-width: 768px) {
  #inline-cta {
    padding: 8px 14px !important;
    font-size: 0.875rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    letter-spacing: -0.5px !important;
  }
}

/* Responsividade para celulares (até 600px) */
@media (max-width: 600px) {
  #inline-cta {
    padding: 7px 12px !important;
    font-size: 0.8125rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Ultra pequeno (até 480px) */
@media (max-width: 480px) {
  #inline-cta {
    padding: 6px 10px !important;
    font-size: 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}