/* klaviyo-form.css */

/* Contenedor para centrar si Elementor no lo hace */
.jarv-klaviyo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* --- ESTILO KLAVIYO FORM --- */
/* Apuntamos a la clase específica del formulario */
.klaviyo-form-Xks6YJ {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  padding: 24px;
  width: 100%;
  max-width: 520px; /* Ancho máximo controlado */
  box-sizing: border-box;
}

/* Forzar fuentes y colores internos */
.klaviyo-form-Xks6YJ * {
  color: #1a1a1a !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Inputs */
.klaviyo-form-Xks6YJ input::placeholder {
  color: #666 !important;
}

/* Botones */
.klaviyo-form-Xks6YJ button,
.klaviyo-form-Xks6YJ [type="submit"] {
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.klaviyo-form-Xks6YJ button:hover,
.klaviyo-form-Xks6YJ [type="submit"]:hover {
  background-color: #f3c37d !important; /* Tu color acento */
  color: #070b28 !important; /* Tu color brand */
}

.klaviyo-form-Xks6YJ button:active,
.klaviyo-form-Xks6YJ [type="submit"]:active {
  transform: scale(0.97);
}

/* Responsive */
@media (max-width: 900px) {
  .klaviyo-form-Xks6YJ {
    max-width: 100%;
    border-radius: 20px;
    padding: 20px;
  }
}