/* Espaçamento entre o formulário e o botão */
.form-actions {
    margin-top: 40px; /* Aumenta o espaçamento entre o formulário e o botão */
    text-align: center; /* Centraliza o botão */
}

/* Estilo do botão */
.primary-button.w-button {
    padding: 12px 24px; /* Aumenta o tamanho do botão */
    font-size: 16px; /* Tamanho do texto do botão */
    background-color: #4CAF50; /* Cor de fundo verde */
    color: white; /* Cor do texto */
    border: none; /* Remove borda */
    border-radius: 5px; /* Bordas arredondadas */
    cursor: pointer; /* Cursor de "mãozinha" */
    transition: background-color 0.3s ease; /* Efeito suave */
}

.primary-button.w-button:hover {
    background-color: #45a049; /* Cor ao passar o mouse */
}

/* Estilo para o parágrafo dos termos de serviço */
p.medium-paragraph._3-2vw-margin {
    margin-top: 16px;
}

/* Correções específicas para dispositivos móveis */
@media screen and (max-width: 767px) {
    /* Garante que os inputs sejam focáveis em dispositivos móveis */
    .large-input-field.w-input {
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important;
        -webkit-touch-callout: default !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
        touch-action: manipulation !important;
        font-size: 16px !important; /* Previne zoom automático no iOS */
        min-height: 44px !important; /* Tamanho mínimo recomendado para touch */
        padding: 12px !important;
        border-radius: 4px !important;
        background-color: #fff !important;
        border: 2px solid #ccc !important;
        transition: border-color 0.3s ease !important;
    }
    
    /* Estado de foco melhorado para mobile */
    .large-input-field.w-input:focus {
        border-color: #007bff !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
        background-color: #fff !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    
    /* Remove estilos que podem interferir no foco */
    .large-input-field.w-input:active {
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    /* Garante que o container dos inputs seja tocável */
    .rarity-row.roboto-type2 {
        position: relative !important;
        z-index: 1 !important;
        pointer-events: auto !important;
    }
    
    /* Melhora a área de toque dos labels */
    .rarity-heading {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }
}