@font-face {
  font-family: "Maquette";
  src: url("../fonts/ARSMaquettePro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Maquette";
  src: url("../fonts/ARSMaquettePro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}



/* Variáveis de Cor */
    :root {
      --color-dark-brown: #401523;
      --color-orange: #ff763b;
      --color-light-peach: #ece5e1;
      --color-white: #ffffff;
    }

    /* Reset Básico */
    body {
      background-color: var(--color-white);
      font-family: 'Inter', sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    a,
    button,
    input,
    select,
    h1,
    h2,
    h3,
    h4,
    h5 {
      margin: 0;
      padding: 0;
      border: none;
      text-decoration: none;
      background: none;
       
    }

*{
     font-family: "Maquette" !important;
}

    /* Classes de Helper */
    .bg-dark-brown {
      background-color: var(--color-dark-brown);
    }

    .bg-orange {
      background-color: var(--color-orange);
    }

    .text-orange {
      color: var(--color-orange);
    }

    .text-light-peach {
      color: var(--color-light-peach);
    }

    .text-dark-brown {
      color: var(--color-dark-brown);
    }

    .rounded-card {
      border-radius: 35px;
    }

    .rounded-nav {
      border-radius: 60px;
    }

    .btn-orange {
      background-color: var(--color-orange);
      color: var(--color-dark-brown);
      font-weight: bold;
      border-radius: 35px;
      padding: 0.5rem 1rem;
      font-size: 1rem; /* Ajustado para corresponder ao "Saiba mais" */
      transition: background-color 0.3s ease;
    }

    .btn-orange:hover {
      background-color: #e0602a; /* Um pouco mais escuro no hover */
      color: var(--color-dark-brown);
    }
    
    .btn-form {
      font-size: 1rem; /* Ajustado para "Quero mais Informações" */
      padding: 0.75rem 1rem;
    }

    /* Estilização das Seções */
    .hero-section {
      background: url(../img/galeria/02.webp) center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    .form-section {
      background: url(../img/frame-form0.png) center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 6rem 0;
    }

    /* Navegação */
    .navbar-brand-svg {
      width: 118px;
      height: 70px;
    }

    .nav-link {
      color: var(--color-dark-brown);
      font-weight: bold;
      font-size: .8rem;
      text-transform: uppercase;

    }

    .nav-link:hover {
      color: var(--color-white);
    }

    /* Estilização do Formulário (para parecer com o PDF) */
    .form-label {
      color: var(--color-light-peach);
      font-size: 0.875rem;
    }

    .form-control-line {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid var(--color-light-peach);
      border-radius: 0;
      color: var(--color-white);
      padding-left: 0;
    }

    .form-control-line:focus {
      background-color: transparent;
      box-shadow: none;
      border-color: var(--color-orange);
      color: var(--color-white);
    }
    
    .form-control-line::placeholder {
        color: var(--color-light-peach);
        opacity: 0.7;
    }

    .form-select-line {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid var(--color-light-peach);
      border-radius: 0;
      color: var(--color-light-peach);
      padding-left: 0;
      /* Ícone de seta personalizado para modo escuro */
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ece5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }
    
    .form-select-line:focus {
        background-color: transparent;
        box-shadow: none;
        border-color: var(--color-orange);
        color: var(--color-white);
    }

    .form-select-line option {
        color: var(--color-dark-brown);
    }


    .carousel-item img{

        object-fit: cover;
        object-position: center;
        height: 50vh;
        border-radius: 26px;
        min-height: 500px;

    }

    .carousel-indicators {
    position: unset !important;
    
}

.carousel-indicators button {
    height: .7rem !important;
    width: .7rem !important;
    border-radius: 50%;
    opacity: 1 !important;
}

/* Botão sem borda */
.custom-toggler {
  border: none;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 4px;
}

/* Barrinhas */
.toggler-icon {
  width: 26px;
  height: 3px;
  background-color: #000; /* Se quiser branco: troca para #fff */
  transition: 0.3s ease;
  border-radius: 2px;
}

/* Animação quando abre (vira X) */
.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(2) {
  opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Menu ocupa toda a largura no mobile */
#menuMobile {
  width: 100%;
}


@media (max-width: 800px){

  h1.text-white.h3,p.text-white.h5{
    font-size: 1rem;
  }

img.img-fluid.imagempng.logoheader {
    width: 70px;
}

    .hero-section {
      background: url(../img/galeria/02.webp) center bottom;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 50vh;
      display: flex;
      flex-direction: column;
      min-height: 500px;
    }

}


.erro-campo {
    color: #a00;
  font-size: 13px;
  margin-top: 4px;
  display: block;
}