/* fernandosouzatattoo.com: só o que o site em inglês tem a mais que o site.css compartilhado (26/10/2026). */

/* lista de espera: lista de cidades e campo da ideia, no mesmo desenho dos outros campos */
.campo select,
.campo textarea {
  width: 100%; padding: 0 16px;
  background: var(--grafite-2); color: var(--texto);
  border: 1px solid #3A4247; border-radius: 2px;
  font: inherit; font-size: 1rem;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.campo select {
  height: 54px; appearance: none; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--ouro) 50%), linear-gradient(135deg, var(--ouro) 50%, transparent 50%);
  background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%;
  background-size: 6px 6px; background-repeat: no-repeat;
}
.campo textarea { padding: 14px 16px; min-height: 104px; resize: vertical; line-height: 1.5; }
.campo textarea::placeholder { color: var(--texto-3); }
.campo select:hover, .campo textarea:hover { border-color: #4A5359; }
.campo select:focus, .campo textarea:focus { outline: none; border-color: var(--ouro); background-color: #22282B; box-shadow: 0 0 0 1px var(--ouro); }
.campo select[aria-invalid="true"] { border-color: var(--erro); }

.formulario__ok { border: 1px solid rgba(201, 158, 103, 0.45); padding: 22px 24px; border-radius: 2px; }
.formulario__ok h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: 2rem; line-height: 1; margin: 0 0 10px; color: var(--texto); }
.formulario__ok p { margin: 0; color: var(--texto-2); }

.estudio .secao__mais { margin-top: 28px; }