@font-face {
    font-family: 'AhsingRegular';
    src: 
        /* 1. Tenta carregar o WOFF2 (moderno) */
        url('/assets/fonts/AhsingRegular.woff2') format('woff2'),
        
        /* 2. Se não der, tenta o WOFF (compatível) */
        url('/assets/fonts/AhsingRegular.woff') format('woff'),
        
        /* 3. Por último, o OTF (fallback) */
        url('../../fonts/AhsingRegular.otf') format('opentype');
}

main.form-section {
    background-image: url("../../images/ARCO\ IRIS\ FUNDO\ DA\ PAGINA.png");
    background-color:var(--cor-fundo);
    background-size: cover;     
    background-position: center center;
    background-attachment: scroll;
    justify-content: flex-end;    
    font-family: 'Cinzel Decorative', 'Roboto', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px; /* Espaçamento interno */
}

.form-container {
    width: 100%;
    max-width: 800px;
}
.form-container .estrela-icone {
    width: 45px; /* Ajuste o tamanho da largura como desejar */
    height: auto; /* Mantém a proporção da imagem */
    /* Se precisar, ajuste a margem para mais espaçamento */
    /* margin-right: 10px; */ 
}
.form-container h1 {
    font-family:'AhsingRegular';
    color:var(--texto-cor);
    text-shadow: var(--text-shadoow);
    font-size: 4rem;
    text-align: center;
    margin-bottom: 30px;
}

/* Layout das Linhas e Grupos de Campos */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a linha de baixo em telas menores */
    gap: 20px; /* Espaçamento entre os campos na mesma linha */
    margin-bottom: 20px;
    align-items: flex-end; /* Alinha os itens na base, útil para o botão */
    font-family:'AhsingRegular' ;
    letter-spacing: 4px; /* espaço entre as letras */
    color:var(--texto-cor);
    text-shadow: var(--text-shadoow);
}

.form-group {
    display: flex;
    flex-direction: column; /* Coloca o label acima do input */
    flex: 1; /* Faz com que os grupos ocupem o mesmo espaço na linha */
    min-width: 180px; /* Largura mínima para evitar que os campos fiquem muito espremidos */
}

/* Para o campo "Nome completo" ocupar a linha toda */
.form-group.full-width {
    flex-basis: 100%;
}

/* Ajustes de largura para a linha de CEP/Endereço/Número */
.form-group.cep { flex: 2; }
.form-group.endereco { flex: 5; }
.form-group.numero { flex: 1; }


/* Estilos dos Labels (textos acima dos campos) */
.form-container label {
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 700;
}

/* Estilos dos Inputs (campos de preenchimento) */
.form-container input[type="text"],
.form-container input[type="tel"] {
    background-color: #fff;
    border: 4px solid #D95D39; /* Borda laranja/vermelha */
    border-radius: 50px; /* Deixa as bordas bem arredondadas */
    padding: 12px 20px;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif; /* Fonte mais legível para os campos */
    color: #333;
    width: 100%;
    box-sizing: border-box;
}

.form-container input:focus {
    outline: none;
    box-shadow: 0 0 10px rgba(217, 93, 57, 0.7); 
}

/* Estilo do Botão */
.container-botao {
    text-align:right;
    margin-top: 39px;    
}

.btn-finalizar {
   
  background-color: #F37021;
  color: black;
  font-size: 25px;
  font-family: Arial Black, Impact, sans-serif;
  font-style: italic;
  font-weight: bold;
  padding: 10px 20px;  
  border-radius: 25px;
  border: 3px solid black;     
  text-decoration: none;
  transition: transform 0.2s ease, background-color 0.3s ease;
  text-shadow: none;
}

.btn-finalizar:hover {
      background-color:#d45e14;
      transform: scale(1.1);
}



.divider {
    height: 12px;
    background-color: #3E2F23; 
    margin: 20px 0;
    border-radius: 5px;
}