/*
Theme Name: Pure - Multipurpose Responsive WordPress Theme
Theme URI: https://livewp.site/wp/pure/
Author: gt3themes
Author URI: gt3themes.com
Description: Bringing the great sense of elegant and neat style, our new Pure WordPress Theme is professionally designed to help you run any kind of portfolio website or personal blog. Fully functional, responsive and retina ready, this theme comes with all features on board to fulfill all your customization needs.
Version: 1.3.8
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

    .btn-agendar {
      display: inline-block;
      padding: 12px 58px;
      width: 50%;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      background-color: #d5af5c; /* cor inicial */
      border-radius: 5px;       /* ajuste o radius aqui */
      transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .btn-agendar:hover {
      background-color: #c5241b; /* cor hover */
      color: #fff;
      transform: scale(1.05);
    }

/* Container do formulário */
.formulario {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

/* Inputs, selects e textarea */
.formulario input,
.formulario select,
.formulario textarea {
  width: 100%;
  padding: 0.45rem;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  font-size: 0.8rem;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.formulario input:focus,
.formulario select:focus,
.formulario textarea:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

/* Linhas responsivas (equivalente a flex-row em md) */
.linha {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .linha {
    flex-direction: row;
  }
  .linha > * {
    flex: 1;
  }
}

/* Textarea */
.formulario textarea {
  height: 4rem;
  resize: vertical;
}

/* Botão */
.formulario button {
  /* background-color: #000; */
  background-color: #d5af5c;
  color: #fff;
  padding: 0.75rem;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s ease;
}

.formulario button:hover {
  /*background-color: #333;*/
  color: #fff;
  transform: scale(1.05);
}