/* Hero background */
.hero-bg {
  background-image: url('inspiracao/hero-full.jpg');
  background-position: center;
  background-size: cover;
}

/* Como funciona — foto lateral */
.como-photo {
  background: #e7e7e7 url('inspiracao/como.jpg') center / cover no-repeat;
}

/* Esconde spinners em inputs number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }

/* Select com chevron verde customizado */
.field-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386d926' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
}

/* Erro de validação nos campos */
.field-error {
  border-color: #f87171 !important;
}

/* Alpine: esconde elementos antes do JS carregar */
[x-cloak] { display: none !important; }